<!--
 * @Author: @liulin
 * @Date: 2022-05-20 10:12:30
 * @LastEditTime: 2022-06-15 17:45:50
 * @LastEditors: @liulin
 * @Description: 
 * @FilePath: \cqxy_pm_web\src\views\projectManagent\modules\component\plan.vue
-->
<template>
  <!-- 规划 -->
  <div
    class="items bgc"
    id="page10"
  >
    <!-- 标题 -->
    <div class="title">
      <span class="icon"></span>
      <span class="text">规划</span>
    </div>
    <!-- 详情 -->
    <!-- tabs切换 -->
    <div style="height:100%">
      <el-tabs
        type="border-card"
        v-model="activeName"
        @tab-click="handleClick"
      >
        <!-- 专项审查 -->
        <el-tab-pane
          label="专项审查"
          name="porjectPlanning"
        >
          <planning
            :projectId="projectId"
            ref="planning"
          />
        </el-tab-pane>
        <!-- 规划许可 -->
        <el-tab-pane
          label="规划许可"
          name="planningPermission"
        >
          <planning_
            :projectId="projectId"
            ref="planning_"
          />
        </el-tab-pane>
      </el-tabs>
    </div>
    <!-- <dialog-accessory ref="accessory" /> -->
  </div>
</template>
<script>
import dialogAccessory from '../dialog/dialogAccessory.vue'
import planning from './planning.vue'
import planning_ from './planning_.vue'
export default {
  name: 'planPermission',
  components: {
    // dialogAccessory,
    planning,
    planning_
  },
  data() {
    return {
      data: {},
      show: true,
      activeName: 'porjectPlanning',
      projectId: ''
    }
  },

  methods: {
    //附件
    handleLook(obj) {
      this.$refs.accessory.open(obj)
    },
    //点击tabs
    handleClick(tab, event) {
      switch (tab.paneName) {
        case 'porjectPlanning':
          this.$refs.planning.loadData()
          break
        default:
          this.$refs.planning_.loadData()
      }
    }
  }
}
</script>
<style lang="scss" scoped>
@import '../css/projectCommon.scss';
.main-content {
  padding: 10px;
  height: 100%;
}
/deep/ .el-tabs__item {
  font-size: 18px !important;
}
/deep/ .el-tabs__content {
  background: #fff !important;
  padding: 0 !important;
  height: calc(100% - 50px);
}
/deep/ .el-tabs {
  height: 100%;
}
/deep/ .content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/deep/ .el-pagination {
  height: 30px;
}
.el-tab-pane{
  // border: 1px solid blue;
  height: 100% ;
}
</style>