主排水tab标签

src/views/drain/dataBoard/dataBoard.vue

@@ -24,19 +24,38 @@
         <el-col :span="8">
           <div class="top_left">
             <!-- 电机电压 -->
-            <oneline ref="voltage" :id="92" title="电机电压" unit="V" type="dianya_after"></oneline>
+            <oneline
+              ref="voltage"
+              :id="92"
+              title="电机电压"
+              unit="V"
+              type="dianya_after"
+            ></oneline>
           </div>
         </el-col>
         <el-col :span="8">
           <div class="top_center">
             <!-- 电机电流 -->
-            <oneline ref="current" :id="92" title="电机电流" unit="A" type="dianliu_after"></oneline>
+            <oneline
+              ref="current"
+              :id="92"
+              title="电机电流"
+              unit="A"
+              type="dianliu_after"
+            ></oneline>
           </div>
         </el-col>
         <el-col :span="8">
           <div class="top_right">
             <!-- 电机前后轴温 -->
-            <twoline ref="bearing" :id="92" title="电机前后轴温" unit="°C" :type="bearingType" :legend="bearingLegand"></twoline>
+            <twoline
+              ref="bearing"
+              :id="92"
+              title="电机前后轴温"
+              unit="°C"
+              :type="bearingType"
+              :legend="bearingLegand"
+            ></twoline>
           </div>
         </el-col>
       </el-row>
@@ -47,19 +66,38 @@
         <el-col :span="8">
           <div class="center_left">
             <!-- 电机振动 -->
-            <oneline ref="virbrate" :id="92" title="电机振动" unit="mm/s" type="zhendong_after"></oneline>
+            <oneline
+              ref="virbrate"
+              :id="92"
+              title="电机振动"
+              unit="mm/s"
+              type="zhendong_after"
+            ></oneline>
           </div>
         </el-col>
         <el-col :span="8">
           <div class="center_center">
             <!-- 水泵出口管道压力 -->
-            <twoline ref="pressure" :id="93" title="水泵出口管道压力" unit="Mpa" :type="pressureType" :legend="pressureLegand"></twoline>
+            <twoline
+              ref="pressure"
+              :id="93"
+              title="水泵出口管道压力"
+              unit="Mpa"
+              :type="pressureType"
+              :legend="pressureLegand"
+            ></twoline>
           </div>
         </el-col>
         <el-col :span="8">
           <div class="center_right">
             <!-- 水仓水位 -->
-            <oneline ref="water_level" :id="94" title="水仓水位" unit="m" type="shuiwei_after"></oneline>
+            <oneline
+              ref="water_level"
+              :id="94"
+              title="水仓水位"
+              unit="m"
+              type="shuiwei_after"
+            ></oneline>
           </div>
         </el-col>
       </el-row>
@@ -86,15 +124,15 @@
 </template>
 
 <script>
-import oneline from '@/common/oneline'
-import twoline from '@/common/twoline'
-import threeline from '@/common/threeline'
+import oneline from "@/common/oneline";
+import twoline from "@/common/twoline";
+import threeline from "@/common/threeline";
 import faultAlarm from "./faultAlarm";
 import runningMsg from "./runningMsg";
 export default {
   data() {
     return {
-      currentComId: "1号水泵",
+      currentComId: this.title,
       pumpOptions: [
         {
           id: "1",
@@ -109,18 +147,25 @@ export default {
           label: "3号水泵",
         },
       ],
-    
-      pressureType:["zhengya_after","fuya_after"],
-      pressureLegand:["正压","负压"],
-      bearingType:["qianzhouwen_after","houzhouwen_after"],
-      bearingLegand:["电机前轴温","电机后轴温"]
 
+      pressureType: ["zhengya_after", "fuya_after"],
+      pressureLegand: ["正压", "负压"],
+      bearingType: ["qianzhouwen_after", "houzhouwen_after"],
+      bearingLegand: ["电机前轴温", "电机后轴温"],
     };
   },
+  props: ["title"],
   methods: {
     selectChart(val) {
-      let chartRefs =["voltage","current","bearing","virbrate","pressure","water_level"];
-       for (let i = 0; i < chartRefs.length; i++) {
+      let chartRefs = [
+        "voltage",
+        "current",
+        "bearing",
+        "virbrate",
+        "pressure",
+        "water_level",
+      ];
+      for (let i = 0; i < chartRefs.length; i++) {
         this.$refs[chartRefs[i]].clearData();
         this.$refs[chartRefs[i]].idChange(val);
       }

src/views/drain/drain.vue

@@ -11,10 +11,22 @@
         <config-img></config-img>
       </el-tab-pane>
       <el-tab-pane
-        label="数据看板"
-        name="fourth"
+        label="1号水泵"
+        name="dataBoard1"
       >
-        <dataBoard></dataBoard>
+        <data-board title="1号水泵" v-if="activeName == 'dataBoard1'"></data-board>
+      </el-tab-pane>
+      <el-tab-pane
+        label="2号水泵"
+        name="dataBoard2"
+      >
+        <data-board title="2号水泵" v-if="activeName == 'dataBoard2'"></data-board>
+      </el-tab-pane>
+      <el-tab-pane
+        label="3号水泵"
+        name="dataBoard3"
+      >
+        <data-board title="3号水泵" v-if="activeName == 'dataBoard3'"></data-board>
       </el-tab-pane>
       <el-tab-pane
         label="系统数据"
@@ -45,6 +57,7 @@ export default {
       activeName: "third",
     };
   },
+
   methods: {
     handleClick(tab, event) {
       console.log(tab, event);

src/views/gas/gas.vue

@@ -4,6 +4,12 @@
     <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
       <el-tab-pane label="系统图" name="third">
         <router-view></router-view>
+      </el-tab-pane>
+       <el-tab-pane label="1#瓦斯泵" name="dataBoard1">
+    
+      </el-tab-pane>
+       <el-tab-pane label="2#瓦斯泵" name="dataBoard2">
+  
       </el-tab-pane>
       <el-tab-pane label="系统数据" name="first">
         <systemData v-if="activeName == 'first'"></systemData>

src/views/newMain.vue

@@ -143,4 +143,4 @@ export default {
     margin-top: 20px;
   }
 }
-</style>
+</style>