From 91a1b18cd9b949c65e493d802cfb8393667b214d Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期四, 27 五月 2021 21:50:42 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

---
 src/components/table/components/tabHandover.vue |   79 ++++++++++++++++++++++++++++++---------
 1 files changed, 60 insertions(+), 19 deletions(-)

diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue
index ed43d60..43896f1 100644
--- a/src/components/table/components/tabHandover.vue
+++ b/src/components/table/components/tabHandover.vue
@@ -1,36 +1,77 @@
 <template>
-  <el-tabs  v-model="activeName" type="border-card">
-    <el-tab-pane label="搴熸按" name="first">
-      <waste-water></waste-water>
-    </el-tab-pane>
-    <el-tab-pane label="搴熸皵" name="second">
-      <waste-gas></waste-gas>
-    </el-tab-pane>
-    <el-tab-pane label="鍥哄簾" name="third">
-      <solid-waste></solid-waste>
-    </el-tab-pane>
-    <el-tab-pane label="绌烘皵璐ㄩ噺" name="fourth">
-      <AirQuality></AirQuality>
-    </el-tab-pane>
-  </el-tabs>
+  <div>
+    <el-tabs v-model="activeName" @tab-click="handleClick">
+      <el-tab-pane v-for="(item,index) in topicList" :key="index" :label="item.name" :name="item.name"></el-tab-pane>
+    </el-tabs>
+    <div>
+      <component :is="gcComp"></component>
+    </div>
+  </div>
 </template>
 
 <script>
+
 import WasteWater from '@components/table/components/WasteWater'
+import SoilGroundwater from '@components/table/components/SoilGroundwater'
 import WasteGas from '@components/table/components/WasteGas'
-import SolidWaste from '@components/table/components/SolidWaste'
-import AirQuality from '@components/table/components/AirQuality'
+import SolidWaste from '@components/table/components/WasteSolid'
+import PollutionSource from '@components/table/components/PollutionSource'
+import EnvironmentalRisk from '@components/table/components/EnvironmentalRisk'
+import Pipeline from '@components/table/components/Pipeline'
+import CorporateEmergency from '@components/table/components/CorporateEmergency'
+
+import { TopicList } from '../../../conf/Topic'
 export default {
   name: 'tabHandover',
   components: {
     WasteWater,
-    WasteGas,
+    // WasteGas,
+    // SoilGroundwater,
     SolidWaste,
-    AirQuality
+    PollutionSource,
+    EnvironmentalRisk,
+    Pipeline,
+    CorporateEmergency
   },
   data () {
     return {
-      activeName: 'first'
+      titleProp: '',
+      activeName: '姹℃煋婧�',
+      topicList: TopicList, // tab椤�
+      gcComp: PollutionSource // 榛樿鏄剧ず姹℃煋婧愬唴瀹�
+    }
+  },
+  methods: {
+    refsDatatitle (item) {
+      this.titleProp = item
+    },
+    handleClick (tab, event) {
+      switch (tab.label) {
+        case '姹℃煋婧�':
+          this.gcComp = PollutionSource
+          break
+        case '搴熸按':
+          this.gcComp = WasteWater
+          break
+        case '搴熸皵':
+          this.gcComp = WasteGas
+          break
+        case '鍥哄簾':
+          this.gcComp = SolidWaste
+          break
+        case '鐜椋庨櫓':
+          this.gcComp = EnvironmentalRisk
+          break
+        case '鍦熷¥鍙婂湴涓嬫按':
+          this.gcComp = SoilGroundwater
+          break
+        case '绠$嚎':
+          this.gcComp = Pipeline
+          break
+        case '浼佷笟搴旀��':
+          this.gcComp = CorporateEmergency
+          break
+      }
     }
   }
 }

--
Gitblit v1.8.0