修改下拉选框与tab标签对应关系

src/views/compressed/compressed.vue

@@ -12,21 +12,21 @@
     </el-tab-pane>
     <el-tab-pane
       label="1号压风机"
-      name="dataBoard1"
+      name="1"
     >
-      <data-board title="1号压风机" v-if="activeName == 'dataBoard1'"></data-board>
+      <data-board title="1号压风机" v-if="activeName == '1'"></data-board>
     </el-tab-pane>
     <el-tab-pane
       label="2号压风机"
-      name="dataBoard2"
+      name="2"
     >
-      <data-board title="2号压风机" v-if="activeName == 'dataBoard2'"></data-board>
+      <data-board title="2号压风机" v-if="activeName == '2'"></data-board>
     </el-tab-pane>
     <el-tab-pane
       label="3号压风机"
-      name="dataBoard3"
+      name="3"
     >
-      <data-board title="3号压风机" v-if="activeName == 'dataBoard3'"></data-board>
+      <data-board title="3号压风机" v-if="activeName == '3'"></data-board>
     </el-tab-pane>
     <el-tab-pane
       label="系统数据"
@@ -58,6 +58,15 @@ export default {
   },
   methods: {
     handleClick(tab, event) {},
+  },
+   mounted() {
+    this.$bus.$on("changeCompressedId", (val) => {
+      console.log(val);
+      this.activeName = val;
+    });
+    this.$once("hook:beforeDestroy", () => {
+      this.$bus.$off("changeCompressedId");
+    });
   },
   components: {
     dataStandard,

src/views/compressed/dataBoard/dataBoard.vue

@@ -171,6 +171,7 @@ export default {
   methods: {
     selectChart(val) {
       console.log("val", val);
+      this.$bus.$emit("changeCompressedId", String(val));
       this.$refs.current.idChange(val);
       this.$refs.winding.idChange(val);
       this.$refs.vibrate.idChange(val);

src/views/drain/dataBoard/dataBoard.vue

@@ -157,6 +157,7 @@ export default {
   props: ["title"],
   methods: {
     selectChart(val) {
+      this.$bus.$emit("changeDrainId", String(val));
       let chartRefs = [
         "voltage",
         "current",

src/views/drain/drain.vue

@@ -12,21 +12,21 @@
       </el-tab-pane>
       <el-tab-pane
         label="1号水泵"
-        name="dataBoard1"
+        name="1"
       >
-        <data-board title="1号水泵" v-if="activeName == 'dataBoard1'"></data-board>
+        <data-board title="1号水泵" v-if="activeName == '1'"></data-board>
       </el-tab-pane>
       <el-tab-pane
         label="2号水泵"
-        name="dataBoard2"
+        name="2"
       >
-        <data-board title="2号水泵" v-if="activeName == 'dataBoard2'"></data-board>
+        <data-board title="2号水泵" v-if="activeName == '2'"></data-board>
       </el-tab-pane>
       <el-tab-pane
         label="3号水泵"
-        name="dataBoard3"
+        name="3"
       >
-        <data-board title="3号水泵" v-if="activeName == 'dataBoard3'"></data-board>
+        <data-board title="3号水泵" v-if="activeName == '3'"></data-board>
       </el-tab-pane>
       <el-tab-pane
         label="系统数据"
@@ -62,6 +62,14 @@ export default {
     handleClick(tab, event) {
       console.log(tab, event);
     },
+  },
+   mounted() {
+    this.$bus.$on("changeDrainId", (val) => {
+      this.activeName = val;
+    });
+    this.$once("hook:beforeDestroy", () => {
+      this.$bus.$off("changeDrainId");
+    });
   },
   components: {
     dataStandard,

src/views/monitor/configImg/configImg.vue

@@ -141,6 +141,7 @@ export default {
   methods: {
     selectArea(val) {
       // 下拉选框可以选择的区域
+      this.$bus.$emit("changeAreaId", String(val));
       let leftData = [
         {
           name: "名称",

src/views/monitor/monitor.vue

@@ -40,9 +40,16 @@ export default {
     };
   },
   methods: {
-    handleClick(tab, event) {
-      console.log(tab, event);
-    },
+    handleClick(tab, event) {},
+  },
+  mounted() {
+    this.$bus.$on("changeAreaId", (val) => {
+      console.log(val);
+      this.activeName = val;
+    });
+    this.$once("hook:beforeDestroy", () => {
+      this.$bus.$off("changeAreaId");
+    });
   },
   components: {
     systemData,

src/views/ventilate/dataBoard/dataBoard.vue

@@ -149,6 +149,7 @@ export default {
   methods: {
     selectChart(val) {
       console.log("val", val);
+      this.$bus.$emit("changeVenId", String(val));
       this.$refs.volAndCurrent.idChange(val);
       this.$refs.separate.idChange(val);
       this.$refs.bearing.idChange(val);

src/views/ventilate/ventilate.vue

@@ -5,11 +5,11 @@
       <el-tab-pane label="系统图" name="third">
         <config-img v-if="activeName == 'third'"></config-img>
       </el-tab-pane>
-      <el-tab-pane label="1号风机" name="dataBoard1">
-        <data-board v-if="activeName == 'dataBoard1'" title="1号风机"></data-board>
+      <el-tab-pane label="1号风机" name="1">
+        <data-board v-if="activeName == '1'" title="1号风机"></data-board>
       </el-tab-pane>
-      <el-tab-pane label="2号风机" name="dataBoard2">
-        <data-board v-if="activeName == 'dataBoard2'" title="2号风机"></data-board>
+      <el-tab-pane label="2号风机" name="2">
+        <data-board v-if="activeName == '2'" title="2号风机"></data-board>
       </el-tab-pane>
       <el-tab-pane label="系统数据" name="first">
         <systemData v-if="activeName == 'first'"></systemData>
@@ -37,6 +37,14 @@ export default {
   methods: {
     handleClick(tab, event) {},
   },
+  mounted() {
+    this.$bus.$on("changeVenId", (val) => {
+      this.activeName = val;
+    });
+    this.$once("hook:beforeDestroy", () => {
+      this.$bus.$off("changeVenId");
+    });
+  },
   components: {
     dataStandard,
     systemData,