licp
2024-12-24 e4bb381c896015c4b87faa002ba6875c06a2fd16
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<template>
  <div class="main">
    <el-tabs v-model="activeName" :lazy="true" type="border-card">
<!--      <el-tab-pane label="外来人员管理" name="外来人员管理">-->
<!--        <ExternalPersonnelManagement v-if="activeName === '外来人员管理'"/>-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="实验室设施场所信息" name="实验室设施场所信息">-->
<!--        空-->
<!--      </el-tab-pane>-->
      <el-tab-pane label="设施和环境条件要求" name="设施和环境条件要求">
        <FacilitiesEnvironmentalConditions v-if="activeName === '设施和环境条件要求'"/>
      </el-tab-pane>
<!--      <el-tab-pane label="环境条件引用" name="环境条件引用">-->
<!--        空-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="安全区代表检查" name="安全区代表检查">-->
<!--        空-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="安全内务" name="安全内务">-->
<!--        空-->
<!--      </el-tab-pane>-->
<!--      <el-tab-pane label="废物处理交接记录" name="废物处理交接记录">-->
<!--        空-->
<!--      </el-tab-pane>-->
      <el-tab-pane label="三废处理" name="三废处理">
        <a6-three-wastes-treatment v-if="activeName === '三废处理'"></a6-three-wastes-treatment>
      </el-tab-pane>
      <el-tab-pane label="进出人员管理" name="进出人员管理">
        <personnel-management v-if="activeName === '进出人员管理'"></personnel-management>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
 
<script>
import FacilitiesEnvironmentalConditions from "../do/a6-facilities-environment/facilities-environmental-conditions.vue";
// 外来人员管理
import ExternalPersonnelManagement from "../do/a6-facilities-environment/external-personnel-management.vue";
import A6ThreeWastesTreatment from '../do/a6-facilities-environment/three-wastes-treatment.vue';
import PersonnelManagement from '../do/a6-facilities-environment/Personnel-management.vue';
 
export default {
  components: {
    PersonnelManagement,
    A6ThreeWastesTreatment,
    ExternalPersonnelManagement,
    FacilitiesEnvironmentalConditions},
  data() {
    return {
      activeName: '设施和环境条件要求',
    }
  }
}
</script>
 
<style scoped>
.main {
  padding: 15px 0;
  width: 100%;
  border-radius: 15px;
}
/deep/ .el-tabs--border-card>.el-tabs__content {
  height: calc(100vh - 9em);
  padding: 0;
}
</style>