增加供电系统

src/router.js

@@ -179,6 +179,22 @@ export default new Router({
                     import ('./views/power_supply/power.vue'),
                 hidden: false,
 
+            }, {
+                path: '/powerDeviceList',
+                name: '供电系统设备列表',
+                id: 1071,
+                component: () =>
+                    import ('./views/power_supply/powerDeviceList.vue'),
+                hidden: true,
+
+            }, {
+                path: '/powerCheckPoint',
+                name: '供电系统设备测点',
+                id: 1072,
+                component: () =>
+                    import ('./views/power_supply/powerCheckPoint.vue'),
+                hidden: true,
+
             }, {
                 path: '/auxiliary_transport',
                 name: ' 辅运输系统',
@@ -290,4 +306,4 @@ export default new Router({
             hidden: false,
         }]
     }]
-})
+})

src/views/power_supply/power.vue

@@ -1,18 +1,70 @@
 <template>
-<div>power</div>
+  <div>
+    <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>
+        <el-table-column prop="subSystem_name" label="子系统名称" header-align="center" align="center" width="150">
+        </el-table-column>
+        <el-table-column label="操作" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="watchDevice(scope.row)">查看</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column prop="remark" label="备注" header-align="center" align="center" width="150">
+        </el-table-column>
+
+      </el-table>
+
+      <!-- 分页区域 -->
+      <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>
+
+  </div>
 </template>
 
 
 <script>
-    export default {
-        name: "power",
-        data() {
-            return {}
-        }
-    }
+  export default {
+    name: "power",
+    data() {
+      return {
+        subSystemData: [{
+          subSystem_name: '王家岭110kv变电站 10kv',
+          remark: '暂无'
+        }, {
+          subSystem_name: '王家岭110kv变电站 110kv',
+          remark: '暂无'
+        }, {
+          subSystem_name: '碟子沟110kv变电站 10kv',
+          remark: '暂无'
+        }, {
+          subSystem_name: '碟子沟110kv变电站 110kv',
+          remark: '暂无'
+        }],
+        currentPage4: 4
+      }
+    },
+    methods: {
+      handleSizeChange(newSize) {
+        console.log(newSize)
+      },
+      //监听 页码值 改变的事件
+      handleCurrentChange(newPage) {
+        console.log(newPage)
+      },
+      watchDevice(row) {
+        this.$router.push({
+          path: '/powerDeviceList'
+        })
+        window.sessionStorage.setItem("subSystem_name", row.subSystem_name); //存到sessionStorage中，下一个页面获取
+      }
+    },
+  }
 </script>
 
 
 <style scoped>
 
-</style>
+</style>

src/views/power_supply/powerCheckPoint.vue

@@ -0,0 +1,154 @@
+<template>
+  <div>
+    <el-card>
+      <el-table :data="checkPointData" style="width: 100%" border stripe>
+        <el-table-column type="index" label="#" header-align="center" align="center" width="60">
+        </el-table-column>
+        <el-table-column prop="checkpoint" label="测点" header-align="center" align="center" width="150">
+        </el-table-column>
+        <el-table-column prop="dataType" label="数据类型" header-align="center" align="center" width="150">
+        </el-table-column>
+        <el-table-column prop="unit" label="工程单位" header-align="center" align="center" width="150">
+        </el-table-column>
+        <el-table-column prop="frequency" label="采集频率" header-align="center" align="center" width="150">
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页区域 -->
+      <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>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "powerCheckPoint",
+  data() {
+    return {
+      device_name: '',
+      checkPointData: [],
+      currentPage4: 4,
+    }
+  },
+  methods: {
+    // 获取测点列表数据
+    getCheckpointList() {
+      if (this.device_name == '10KV进线柜') {
+        this.checkPointData = [{
+          checkpoint: '电流Ia',
+          dataType: '浮点',
+          unit: 'A',
+          frequency: '1s'
+        }, {
+          checkpoint: '有功功率P',
+          dataType: '浮点',
+          unit: 'KW',
+          frequency: '1s'
+        }, {
+          checkpoint: '无功功率Q',
+          dataType: '浮点',
+          unit: 'KVar',
+          frequency: '1s'
+        }, {
+          checkpoint: '断路器合闸',
+          dataType: '布尔',
+          unit: ' ',
+          frequency: '1s'
+        }]
+      }
+      if (this.device_name == '10KV出线柜') {
+        this.checkPointData = [{
+          checkpoint: '电流Ia',
+          dataType: '浮点',
+          unit: 'A',
+          frequency: '1s'
+        }, {
+          checkpoint: '有功功率P',
+          dataType: '浮点',
+          unit: 'KW',
+          frequency: '1s'
+        }, {
+          checkpoint: '无功功率Q',
+          dataType: '浮点',
+          unit: 'KVar',
+          frequency: '1s'
+        }, {
+          checkpoint: '断路器合闸',
+          dataType: '布尔',
+          unit: '',
+          frequency: '1s'
+        }]
+      }
+      if (this.device_name == '变压器') {
+        this.checkPointData = [{
+          checkpoint: '温度 ',
+          dataType: '浮点',
+          unit: '℃',
+          frequency: '1s'
+        }, {
+          checkpoint: '挡位',
+          dataType: '浮点',
+          unit: '',
+          frequency: '1s',
+        }, {
+          checkpoint: '变压器有载调压升',
+          dataType: '布尔',
+          unit: '',
+          frequency: '1s',
+        }, {
+          checkpoint: '变压器有载调压降',
+          dataType: '布尔',
+          unit: '',
+          frequency: '1s',
+        }, {
+          checkpoint: '变压器停',
+          dataType: '布尔',
+          unit: '',
+          frequency: '',
+        }]
+      }
+      if (this.device_name == '110KVGIS开关单元') {
+          this.checkPointData = [{
+            checkpoint: '电流Ia',
+            dataType: '浮点',
+            unit: 'A',
+            frequency: '1s'
+          }, {
+            checkpoint: '有功功率P',
+            dataType: '浮点',
+            unit: 'KW',
+            frequency: '1s'
+          }, {
+            checkpoint: '无功功率Q',
+            dataType: '浮点',
+            unit: 'KVar',
+            frequency: '1s'
+          }, {
+            checkpoint: '断路器合闸',
+            dataType: '布尔',
+            unit: ' ',
+            frequency: '1s'
+          }]
+      }
+    },
+    handleSizeChange(newSize) {
+      console.log(newSize)
+    },
+    //监听 页码值 改变的事件
+    handleCurrentChange(newPage) {
+      console.log(newPage)
+    }
+  },
+  mounted() {
+    // this.subSystem_name = this.$route.params.value;
+    const name = window.sessionStorage.getItem("device_name");
+    this.device_name = name;
+    this.getCheckpointList();
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/power_supply/powerDeviceList.vue

@@ -0,0 +1,153 @@
+<template>
+  <div>
+    <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>
+        <el-table-column prop="device_code" label="设备编号" header-align="center" align="center" width="180">
+        </el-table-column>
+        <el-table-column prop="device_name" label="设备名" header-align="center" align="center" width="180">
+        </el-table-column>
+        <el-table-column prop="device_use" label="设备用途" header-align="center" align="center" width="480">
+        </el-table-column>
+        <el-table-column label="操作" header-align="center" align="center" width="150">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="watchCheckPoint(scope.row)">查看</el-button>
+          </template>
+        </el-table-column>
+
+
+      </el-table>
+
+      <!-- 分页区域 -->
+      <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>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "powerDeviceList",
+  data() {
+    return {
+      subSystem_name: '',
+      deviceData: [],
+      currentPage4: 4,
+    }
+  },
+  methods: {
+    // 获取列表数据
+    getDeviceList() {
+      if (this.subSystem_name == '王家岭110kv变电站 10kv') {
+        this.deviceData = [{
+          device_code: '5101',
+          device_name: '10KV进线柜',
+          device_use: '1#进线 '
+        }, {
+          device_code: '5105',
+          device_name: '10KV出线柜',
+          device_use: '选煤厂1# '
+        }, {
+          device_code: '5106',
+          device_name: '10KV出线柜',
+          device_use: '电厂启动电源'
+        }, {
+          device_code: '5107',
+          device_name: '10KV出线柜',
+          device_use: '接地变1'
+        }, {
+          device_code: '站用Ⅰ',
+          device_name: '10KV出线柜',
+          device_use: '所用变1#'
+        }, {
+          device_code: '5108',
+          device_name: '10KV出线柜',
+          device_use: '锅炉房1#'
+        }]
+      }
+      if (this.subSystem_name == '王家岭110kv变电站 110kv') {
+        this.deviceData = [{
+          device_code: '1#主变',
+          device_name: '变压器',
+          device_use: '1号主变'
+        }, {
+          device_code: '2#主变',
+          device_name: '变压器',
+          device_use: '2号主变'
+        }, {
+          device_code: '1101',
+          device_name: '110KVGIS开关单元',
+          device_use: '1#变压器高压侧开关'
+        }, {
+          device_code: '1102',
+          device_name: '110KVGIS开关单元',
+          device_use: '2#变压器高压侧开关'
+        }]
+      }
+      if (this.subSystem_name == '碟子沟110kv变电站 10kv') {
+        this.deviceData = [{
+          device_code: '1#主变',
+          device_name: '变压器',
+          device_use: '1号主变'
+        }, {
+          device_code: '2#主变',
+          device_name: '变压器',
+          device_use: '2号主变'
+        }, {
+          device_code: '1101',
+          device_name: '110KVGIS开关单元',
+          device_use: '1#变压器高压侧开关'
+        }, {
+          device_code: '1102',
+          device_name: '110KVGIS开关单元',
+          device_use: '2#变压器高压侧开关'
+        }]
+      }
+      if (this.subSystem_name == '碟子沟110kv变电站 110kv') {
+        this.deviceData = [{
+          device_code: '1#主变',
+          device_name: '变压器',
+          device_use: '1号主变'
+        }, {
+          device_code: '2#主变',
+          device_name: '变压器',
+          device_use: '2号主变'
+        }, {
+          device_code: '1101',
+          device_name: '110KVGIS开关单元',
+          device_use: '1#变压器高压侧开关'
+        }, {
+          device_code: '1102',
+          device_name: '110KVGIS开关单元',
+          device_use: '2#变压器高压侧开关'
+        }]
+      }
+
+    },
+    handleSizeChange(newSize) {
+      console.log(newSize)
+    },
+    //监听 页码值 改变的事件
+    handleCurrentChange(newPage) {
+      console.log(newPage)
+    },
+    watchCheckPoint(row) {
+      this.$router.push({
+        path: '/powerCheckPoint'
+      })
+      window.sessionStorage.setItem("device_name", row.device_name); //存到sessionStorage中，下一个页面获取
+    }
+  },
+  mounted() {
+    // this.subSystem_name = this.$route.params.value;
+    const name = window.sessionStorage.getItem("subSystem_name");
+    this.subSystem_name = name;
+    this.getDeviceList()
+  }
+}
+</script>
+
+<style scoped>
+
+</style>