From 0a2b0a6d67aa52137f1a32fcb39b7ceed4d3f0ca Mon Sep 17 00:00:00 2001
From: zhangshuaibao <15731629597@163.com>
Date: 星期三, 14 四月 2021 15:26:53 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop

---
 src/components/table/components/tabHandover.vue |   70 +++++++++++++++++++++++++++--------
 1 files changed, 54 insertions(+), 16 deletions(-)

diff --git a/src/components/table/components/tabHandover.vue b/src/components/table/components/tabHandover.vue
index a346334..311d7b6 100644
--- a/src/components/table/components/tabHandover.vue
+++ b/src/components/table/components/tabHandover.vue
@@ -1,19 +1,24 @@
 <template>
-  <el-tabs  v-model="activeName">
-    <el-tab-pane label="搴熸按" name="first">
-      <waste-water></waste-water>
-    </el-tab-pane>
-    <el-tab-pane label="搴熸皵" name="second">
-      <waste-water></waste-water>
-<!--      <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 label="搴熸按" name="first">
+        <waste-water></waste-water>
+      </el-tab-pane>
+      <el-tab-pane label="搴熸皵" name="second">
+        <waste-water></waste-water>
+      </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-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>
@@ -21,6 +26,9 @@
 // import WasteGas from '@components/table/components/WasteGas'
 import SolidWaste from '@components/table/components/SolidWaste'
 import AirQuality from '@components/table/components/AirQuality'
+
+import { TopicList } from '../../../conf/Topic'
+
 export default {
   name: 'tabHandover',
   components: {
@@ -31,7 +39,37 @@
   },
   data () {
     return {
-      activeName: 'first'
+      activeName: 'first',
+      topicList: TopicList,
+      gcComp: AirQuality
+    }
+  },
+  methods: {
+    handleClick (tab, event) {
+      console.log(tab.label)
+      switch (tab.label) {
+        case '姹℃煋婧�':
+          this.gcComp = AirQuality
+          break
+        case '搴熸按':
+          this.gcComp = WasteWater
+          break
+        case '搴熸皵':
+          this.gcComp = WasteWater
+          break
+        case '鍥哄簾':
+          this.gcComp = SolidWaste
+          break
+        case '鐜椋庨櫓':
+          this.gcComp = AirQuality
+          break
+        case '鍦熷¥鍙婂湴涓嬫按':
+          this.gcComp = AirQuality
+          break
+        case '绠$嚎':
+          this.gcComp = AirQuality
+          break
+      }
     }
   }
 }

--
Gitblit v1.8.0