标签的增加

src/views/beam_tube/beam.vue

@@ -1,6 +1,15 @@
 <template>
-    <div>
-        <el-card>
+	<div>
+		<!--标签-->
+		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+			<el-tab-pane label="系统数据" name="first">
+				<!-- 系统数据页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>束管检测</el-breadcrumb-item>
+					<el-breadcrumb-item>系统数据</el-breadcrumb-item>
+				</el-breadcrumb>
+                <el-card>
             <el-table :data="subSystemData" style="width: 100%" border stripe>
                 <el-table-column type="index" label="#" header-align="center" align="center" width="60">
                 </el-table-column>
@@ -21,14 +30,31 @@
 </el-pagination>
 </el-card>
 
-</div>
+			</el-tab-pane>
+			<el-tab-pane label="数据标准" name="second">
+				<!-- 数据标准页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>束管检测</el-breadcrumb-item>
+					<el-breadcrumb-item>数据标准</el-breadcrumb-item>
+				</el-breadcrumb>
+				
+			</el-tab-pane>
+		</el-tabs>
+	
+	</div>
+
 </template>
 
+
+
 <script>
     export default {
         name: "beam",
         data() {
             return {
+                // 被激活页签的名称
+				activeName: "first",
                 subSystemData: [{
                     subSystem_name: '12302工作面',
                     remark: '暂无'

src/views/compressed/compressed.vue

@@ -80,115 +80,136 @@
 
 
 <script>
-    import watchDevice from './watchDevice.vue'
-    export default {
-        name: "compressed",
-        data() {
-            return {
-                // 被激活页签的名称
-                activeName: 'first',
-                miningoptions: [{
-                    title: '总数据量',
-                    num: '1.2T'
-                }, {
-                    title: '系统个数',
-                    num: '8个'
-                }, {
-                    title: '子系统系统个数',
-                    num: '12个'
-                }, {
-                    title: '设备个数',
-                    num: '125个'
-                }],
-                systemData: [{
-                    subsystem: '综掘机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    subsystem: '转载机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    subsystem: '装煤机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    subsystem: '局部扇风机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    subsystem: '锚索钻机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }],
-                options: [{
-                    value: '选项1',
-                    label: '煤中央皮带'
-                }, {
-                    value: '选项2',
-                    label: '主平硐皮带'
-                }, {
-                    value: '选项3',
-                    label: '上仓皮带'
-                }],
-                deviceData: [{
-                    device_name: '皮带本体',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    device_name: '头部1#驱动电机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    device_name: '头部2#驱动电机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    device_name: '头部3#驱动电机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }, {
-                    device_name: '头部4#驱动电机',
-                    describe: 'YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86',
-                    remark: '暂无'
-                }],
-                watchVisible: false,
-                currentPage4: 4,
-                value: ''
-            }
-        },
-        methods: {
-            // Tab页签点击事件的处理函数
-            handleClick(tab, event) {},
-            watchDevice(row) {
-                this.watchVisible = true;
-                this.$nextTick(() => {
-                    this.$refs.watchdevice.init();
-                });
-            },
-            handleSizeChange(newSize) {
-                console.log(newSize)
-            },
-            //监听 页码值 改变的事件
-            handleCurrentChange(newPage) {
-                console.log(newPage)
-            },
-        },
-        components: {
-            watchDevice
-        }
-    }
+import watchDevice from "./watchDevice.vue";
+export default {
+  name: "compressed",
+  data() {
+    return {
+      // 被激活页签的名称
+      activeName: "first",
+      miningoptions: [
+        {
+          title: "总数据量",
+          num: "1.2T",
+        },
+        {
+          title: "系统个数",
+          num: "8个",
+        },
+        {
+          title: "子系统系统个数",
+          num: "12个",
+        },
+        {
+          title: "设备个数",
+          num: "125个",
+        },
+      ],
+      systemData: [
+        {
+          subsystem: "综掘机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          subsystem: "转载机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          subsystem: "装煤机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          subsystem: "局部扇风机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          subsystem: "锚索钻机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+      ],
+      options: [
+        {
+          value: "选项1",
+          label: "煤中央皮带",
+        },
+        {
+          value: "选项2",
+          label: "主平硐皮带",
+        },
+        {
+          value: "选项3",
+          label: "上仓皮带",
+        },
+      ],
+      deviceData: [
+        {
+          device_name: "皮带本体",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          device_name: "头部1#驱动电机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          device_name: "头部2#驱动电机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          device_name: "头部3#驱动电机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+        {
+          device_name: "头部4#驱动电机",
+          describe: "YB2-5002-4型，功率900kW，U=6kV,I=105.1A，功率因数0.86",
+          remark: "暂无",
+        },
+      ],
+      watchVisible: false,
+      currentPage4: 4,
+      value: "",
+    };
+  },
+  methods: {
+    // Tab页签点击事件的处理函数
+    handleClick(tab, event) {},
+    watchDevice(row) {
+      this.watchVisible = true;
+      this.$nextTick(() => {
+        this.$refs.watchdevice.init();
+      });
+    },
+    handleSizeChange(newSize) {
+      console.log(newSize);
+    },
+    //监听 页码值 改变的事件
+    handleCurrentChange(newPage) {
+      console.log(newPage);
+    },
+  },
+  components: {
+    watchDevice,
+  },
+};
 </script>
 
 
 <style scoped>
-    .coalblock {
-        width: 115px;
-        height: 77px;
-        border: solid 1px #dcdfe6;
-        padding-top: 20px;
-        margin-left: 25px;
-        text-align: center;
-        display: inline-block;
-    }
+.coalblock {
+  width: 115px;
+  height: 77px;
+  border: solid 1px #dcdfe6;
+  padding-top: 20px;
+  margin-left: 25px;
+  text-align: center;
+  display: inline-block;
+}
 </style>

src/views/drain/drain.vue

@@ -1,6 +1,16 @@
+
 <template>
-<div>
-    <el-card>
+	<div>
+		<!--标签-->
+		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+			<el-tab-pane label="系统数据" name="first">
+				<!-- 系统数据页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>主排水系统</el-breadcrumb-item>
+					<el-breadcrumb-item>系统数据</el-breadcrumb-item>
+				</el-breadcrumb>
+                <el-card>
         <el-table :data="subSystemData" style="width: 100%" border stripe>
             <el-table-column type="index" label="#" header-align="center" align="center" width="60">
             </el-table-column>
@@ -20,8 +30,19 @@
 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
 </el-pagination>
 </el-card>
+			</el-tab-pane>
+			<el-tab-pane label="数据标准" name="second">
+				<!-- 数据标准页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>主排水系统</el-breadcrumb-item>
+					<el-breadcrumb-item>数据标准</el-breadcrumb-item>
+				</el-breadcrumb>
+			</el-tab-pane>
+		</el-tabs>
+	
+	</div>
 
-</div>
 </template>
 
 
@@ -30,6 +51,8 @@
         name: "drain",
         data() {
             return {
+                // 被激活页签的名称
+				activeName: "first",
                 subSystemData: [{
                     subSystem_name: '中央水泵房',
                     remark: '暂无'

src/views/gas/gas.vue

@@ -1,6 +1,15 @@
 <template>
-    <div>
-        <el-card>
+	<div>
+		<!--标签-->
+		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+			<el-tab-pane label="系统数据" name="first">
+				<!-- 系统数据页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>瓦斯抽放设备</el-breadcrumb-item>
+					<el-breadcrumb-item>系统数据</el-breadcrumb-item>
+				</el-breadcrumb>
+                <el-card>
             <el-table :data="deviceData" style="width: 100%" border stripe>
                 <el-table-column type="index" label="#" header-align="center" align="center" width="60">
                 </el-table-column>
@@ -23,15 +32,31 @@
 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage1" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
 </el-pagination>
 </el-card>
-</div>
+			</el-tab-pane>
+			<el-tab-pane label="数据标准" name="second">
+				<!-- 数据标准页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>瓦斯抽放设备</el-breadcrumb-item>
+					<el-breadcrumb-item>数据标准</el-breadcrumb-item>
+				</el-breadcrumb>
+				
+			</el-tab-pane>
+		</el-tabs>
+	
+	</div>
+
 </template>
 
 
+
 <script>
     export default {
         name: "gas",
         data() {
             return {
+                // 被激活页签的名称
+				activeName: "first",
                 subSystem_name: '',
                 deviceData: [{
                     device_name: '1#瓦斯抽放泵',

src/views/mining/systemData.vue

@@ -31,7 +31,7 @@
                   </div>
                 </el-col>
                 <el-col :span="12">
-                  <div v-for="item in options"  style="justify-content:space-evenly;">
+                  <div v-for="item in options"  :key="item.index" style="justify-content:space-evenly;">
                     <span style="font-size: 14px; ">{{item.name}}</span>
                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                     <span style="font-size: 14px;">{{item.num}}</span>

src/views/power_supply/power.vue

@@ -1,6 +1,15 @@
 <template>
-  <div>
-    <el-card>
+	<div>
+		<!--标签-->
+		<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+			<el-tab-pane label="系统数据" name="first">
+				<!-- 系统数据页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>供电系统</el-breadcrumb-item>
+					<el-breadcrumb-item>系统数据</el-breadcrumb-item>
+				</el-breadcrumb>
+        <el-card>
       <el-table :data="subSystemData" style="width: 100%" border stripe>
         <el-table-column type="index" label="#" header-align="center" align="center" width="60">
         </el-table-column>
@@ -20,16 +29,31 @@
       <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[1, 2, 5, 10]" :page-size="1" layout="total, sizes, prev, pager, next, jumper" :total="5">
       </el-pagination>
     </el-card>
+			</el-tab-pane>
+			<el-tab-pane label="数据标准" name="second">
+				<!-- 数据标准页面 -->
+				<el-breadcrumb separator-class="el-icon-arrow-right">
+					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+					<el-breadcrumb-item>供电系统</el-breadcrumb-item>
+					<el-breadcrumb-item>数据标准</el-breadcrumb-item>
+				</el-breadcrumb>
+				
+			</el-tab-pane>
+		</el-tabs>
+	
+	</div>
 
-  </div>
 </template>
 
 
+
 <script>
   export default {
     name: "power",
     data() {
       return {
+        // 被激活页签的名称
+				activeName: "first",
         subSystemData: [{
           subSystem_name: '王家岭110kv变电站 10kv',
           remark: '暂无'
@@ -47,6 +71,8 @@
       }
     },
     methods: {
+      // Tab页签点击事件的处理函数
+			handleClick(tab, event) {},
       handleSizeChange(newSize) {
         console.log(newSize)
       },