系统数据添加tab标签

src/views/beam_tube/systemData/dataDetail.vue

@@ -1,7 +1,13 @@
 <template>
   <!-- 查看数据质量信息 -->
   <div>
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane
+        label="矿压监测系统"
+        name="main"
+      >
+        <router-view></router-view>
+      </el-tab-pane>
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -44,8 +50,12 @@ export default {
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+      if (tab.name == "main") {
+        this.$router.push({
+          path: "/beam_tube",
+        });
+      }
+    },
   },
 
 }

src/views/compressed/systemData/dataDetail.vue

@@ -2,57 +2,79 @@
   <!-- 查看数据质量信息 -->
   <div>
 
-    <el-tabs v-model="activeName" type="card">
-      <el-tab-pane label="表格信息" name="chart">
+    <el-tabs
+      v-model="activeName"
+      type="card"
+      @tab-click="handleClick"
+    >
+      <el-tab-pane
+        label="压风系统"
+        name="main"
+      >
+        <router-view></router-view>
+      </el-tab-pane>
+      <el-tab-pane
+        label="表格信息"
+        name="chart"
+      >
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
-      <el-tab-pane label="图表信息" name="graph">
+      <el-tab-pane
+        label="图表信息"
+        name="graph"
+      >
         <graph v-if="activeName == 'graph'"></graph>
       </el-tab-pane>
     </el-tabs>
 
     <!-- <detailDia v-if="detailVisible" ref="detailDialog"></detailDia> -->
-    <more v-if="moreVisible" ref="moreDialog"></more>
-    <pointnum v-if="pointnumVisible" ref="pointnumDialog"></pointnum>
+    <more
+      v-if="moreVisible"
+      ref="moreDialog"
+    ></more>
+    <pointnum
+      v-if="pointnumVisible"
+      ref="pointnumDialog"
+    ></pointnum>
   </div>
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+     if (tab.name == "main") {
+        this.$router.push({
+          path: "/compressed",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
 
 <style scoped>
-
 </style>

src/views/drain/systemData/dataDetail.vue

@@ -2,7 +2,14 @@
   <!-- 查看数据质量信息 -->
   <div>
 
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane
+        label="主排水系统"
+        name="main"
+      >
+        <router-view></router-view>
+      </el-tab-pane>
+
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -45,7 +52,11 @@ export default {
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
+      if (tab.name == "main") {
+        this.$router.push({
+          path: "/drain",
+        });
+      }
     }
   },
 

src/views/gas/systemData/dataDetail.vue

@@ -2,57 +2,79 @@
   <!-- 查看数据质量信息 -->
   <div>
 
-    <el-tabs v-model="activeName" type="card">
-      <el-tab-pane label="表格信息" name="chart">
+    <el-tabs
+      v-model="activeName"
+      type="card"
+      @tab-click="handleClick"
+    >
+      <el-tab-pane
+        label="瓦斯抽放设备"
+        name="main"
+      >
+        <router-view></router-view>
+      </el-tab-pane>
+      <el-tab-pane
+        label="表格信息"
+        name="chart"
+      >
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
-      <el-tab-pane label="图表信息" name="graph">
+      <el-tab-pane
+        label="图表信息"
+        name="graph"
+      >
         <graph v-if="activeName == 'graph'"></graph>
       </el-tab-pane>
     </el-tabs>
 
     <!-- <detailDia v-if="detailVisible" ref="detailDialog"></detailDia> -->
-    <more v-if="moreVisible" ref="moreDialog"></more>
-    <pointnum v-if="pointnumVisible" ref="pointnumDialog"></pointnum>
+    <more
+      v-if="moreVisible"
+      ref="moreDialog"
+    ></more>
+    <pointnum
+      v-if="pointnumVisible"
+      ref="pointnumDialog"
+    ></pointnum>
   </div>
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+     if (tab.name == "main") {
+        this.$router.push({
+          path: "/gas",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
 
 <style scoped>
-
 </style>

src/views/mining/systemData/dataDetail.vue

@@ -1,57 +1,79 @@
 <template>
   <!-- 查看数据质量信息 -->
   <div>
-    <el-tabs v-model="activeName" type="card">
-      <el-tab-pane label="表格信息" name="chart">
+    <el-tabs
+      v-model="activeName"
+      type="card"
+      @tab-click="handleClick"
+    >
+      <el-tab-pane
+        label="采煤工作面"
+        name="main"
+      >
+        <router-view></router-view>
+      </el-tab-pane>
+      <el-tab-pane
+        label="表格信息"
+        name="chart"
+      >
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
-      <el-tab-pane label="图表信息" name="graph">
+      <el-tab-pane
+        label="图表信息"
+        name="graph"
+      >
         <graph v-if="activeName == 'graph'"></graph>
       </el-tab-pane>
     </el-tabs>
 
     <!-- <detailDia v-if="detailVisible" ref="detailDialog"></detailDia> -->
-    <more v-if="moreVisible" ref="moreDialog"></more>
-    <pointnum v-if="pointnumVisible" ref="pointnumDialog"></pointnum>
+    <more
+      v-if="moreVisible"
+      ref="moreDialog"
+    ></more>
+    <pointnum
+      v-if="pointnumVisible"
+      ref="pointnumDialog"
+    ></pointnum>
   </div>
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+      if (tab.name == "main") {
+        this.$router.push({
+          path: "/coal_mining",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
 
 <style scoped>
-
 </style>

src/views/monitor/systemData/dataDetail.vue

@@ -2,7 +2,13 @@
   <!-- 查看数据质量信息 -->
   <div>
 
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card"  @tab-click="handleClick">
+      <el-tab-pane
+        label="安全监控"
+        name="main"
+      >
+        <router-view></router-view>
+      </el-tab-pane>
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -45,7 +51,11 @@ export default {
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
+       if (tab.name == "main") {
+        this.$router.push({
+          path: "/monitor",
+        });
+      }
     }
   },
 

src/views/power_supply/systemData/dataDetail.vue

@@ -1,9 +1,10 @@
 <template>
   <!-- 查看数据质量信息 -->
   <div>
-
-
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="采煤工作面" name="main">
+        <router-view></router-view>
+      </el-tab-pane>
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -19,41 +20,39 @@
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+      if (tab.name == "main") {
+        this.$router.push({
+          path: "/power_supply",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
-
-<style scoped>
-
-</style>
+<style scoped></style>

src/views/transportation/systemData/dataDetail.vue

@@ -1,8 +1,10 @@
 <template>
   <!-- 查看数据质量信息 -->
   <div>
-
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="主运输系统" name="main">
+        <router-view></router-view>
+      </el-tab-pane>
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -18,41 +20,39 @@
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+       if (tab.name == "main") {
+        this.$router.push({
+          path: "/transportation",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
-
-<style scoped>
-
-</style>
+<style scoped></style>

src/views/tunnelling/systemData/dataDetail.vue

@@ -1,7 +1,10 @@
 <template>
   <!-- 查看数据质量信息 -->
   <div>
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="掘进系统" name="main">
+        <router-view></router-view>
+      </el-tab-pane>
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -17,41 +20,39 @@
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+      if (tab.name == "main") {
+        this.$router.push({
+          path: "/tunnelling",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
-
-<style scoped>
-
-</style>
+<style scoped></style>

src/views/ventilate/systemData/dataDetail.vue

@@ -1,8 +1,10 @@
 <template>
   <!-- 查看数据质量信息 -->
   <div>
-
-    <el-tabs v-model="activeName" type="card">
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="通风系统" name="main">
+        <router-view></router-view>
+      </el-tab-pane>
       <el-tab-pane label="表格信息" name="chart">
         <chart v-if="activeName == 'chart'"></chart>
       </el-tab-pane>
@@ -18,41 +20,39 @@
 </template>
 
 <script>
-
 import chart from "@/common/dataDetail/dataDetail_chart";
 import graph from "@/common/dataDetail/dataDetail_graph";
 
 import more from "./more";
 // import pointnum from "./pointnum";
 export default {
-
   name: "dataDetail",
-  data(){
-    return{
-      moreVisible:false,
-      activeName: 'graph',
-      pointnumVisible:false,
+  data() {
+    return {
+      moreVisible: false,
+      activeName: "graph",
+      pointnumVisible: false,
       systemId: undefined,
-    }
+    };
   },
   components: {
     more,
     chart,
-    graph
+    graph,
   },
   mounted() {
-    this.systemId = this.$route.query.systemId
+    this.systemId = this.$route.query.systemId;
   },
   methods: {
     handleClick(tab, event) {
-      console.log(tab, event);
-    }
+      if (tab.name == "main") {
+        this.$router.push({
+          path: "/ventilate",
+        });
+      }
+    },
   },
-
-}
+};
 </script>
 
-
-<style scoped>
-
-</style>
+<style scoped></style>