主排水系统

src/router.js

@@ -53,24 +53,24 @@ export default new Router({
                 hidden: false,
 
             }, {
-            path: '/checkSubSys',
-            name: '查看子系统',
-            hidden: true,
-            component: () =>
-                import('./views/monitor/checkSubSys.vue')
+                path: '/checkSubSys',
+                name: '查看子系统',
+                hidden: true,
+                component: () =>
+                    import ('./views/monitor/checkSubSys.vue')
             }, {
                 path: '/checkCheckPoint',
                 name: '查看测点数据',
                 hidden: true,
                 component: () =>
-                    import('./views/monitor/checkCheckPoint.vue')
+                    import ('./views/monitor/checkCheckPoint.vue')
             }, {
-                    path: '/transportation',
-                    name: ' 主运输系统',
-                    id: 103,
-                    component: () =>
-                        import ('./views/transportation/transportation.vue'),
-                    hidden: false,
+                path: '/transportation',
+                name: ' 主运输系统',
+                id: 103,
+                component: () =>
+                    import ('./views/transportation/transportation.vue'),
+                hidden: false,
             }, {
                 path: '/coalCentral',
                 name: ' 煤中央皮带',
@@ -150,6 +150,27 @@ export default new Router({
                 component: () =>
                     import ('./views/drain/drain.vue'),
                 hidden: false,
+            }, {
+                path: '/drainDeviceList',
+                name: '主排水系统设备列表',
+                id: 1060,
+                component: () =>
+                    import ('./views/drain/drainDeviceList.vue'),
+                hidden: true,
+            }, {
+                path: '/drainSubDeviceList',
+                name: '主排水系统子设备列表',
+                id: 1061,
+                component: () =>
+                    import ('./views/drain/drainSubDeviceList.vue'),
+                hidden: true,
+            }, {
+                path: '/drainCheckPoint',
+                name: '主排水系统测点',
+                id: 1062,
+                component: () =>
+                    import ('./views/drain/drainCheckPoint.vue'),
+                hidden: true,
             }, {
                 path: '/power_supply',
                 name: ' 供电系统',
@@ -269,4 +290,4 @@ export default new Router({
             hidden: false,
         }]
     }]
-})
+})

src/views/drain/drain.vue

@@ -1,5 +1,26 @@
 <template>
-<div>drain</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>
 
 
@@ -7,8 +28,38 @@
     export default {
         name: "drain",
         data() {
-            return {}
-        }
+            return {
+                subSystemData: [{
+                    subSystem_name: '中央水泵房',
+                    remark: '暂无'
+                }, {
+                    subSystem_name: '硐底水泵房',
+                    remark: '暂无'
+                }, {
+                    subSystem_name: '121盘区水泵房',
+                    remark: '暂无'
+                }, {
+                    subSystem_name: '123盘区水泵房',
+                    remark: '暂无'
+                }],
+                currentPage4: 4
+            }
+        },
+        methods: {
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watchDevice(row) {
+                this.$router.push({
+                    path: '/drainDeviceList'
+                })
+                window.sessionStorage.setItem("subSystem_name", row.subSystem_name); //存到sessionStorage中，下一个页面获取
+            }
+        },
     }
 </script>
 

src/views/drain/drainCheckPoint.vue

@@ -0,0 +1,211 @@
+<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-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: "checkPoint",
+        data() {
+            return {
+                subDevice_name: '',
+                checkPointData: [],
+                currentPage4: 4,
+            }
+        },
+        methods: {
+            // 获取测点列表数据
+            getCheckpointList() {
+                if (this.subDevice_name == '1#水泵电机') {
+                    this.checkPointData = [{
+                        checkpoint: '电压',
+                        dataType: '浮点',
+                        unit: 'V',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '电流',
+                        dataType: '浮点',
+                        unit: 'A',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '电机A相绕组温度',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: '新增有传感器'
+                    }, {
+                        checkpoint: '电机B相绕组温度',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: '新增有传感器'
+                    }, {
+                        checkpoint: '电机C相绕组温度',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: '新增有传感器'
+                    }, {
+                        checkpoint: '电机前轴温度',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: ''
+                    }, {
+                        checkpoint: '电机后轴温度',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: ''
+                    }]
+                }
+                if (this.subDevice_name == '1#水泵本体') {
+                    this.checkPointData = [{
+                        checkpoint: '开关状态',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '正压',
+                        dataType: '浮点',
+                        unit: 'MPa',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '负压',
+                        dataType: '浮点',
+                        unit: 'kPa',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '流量',
+                        dataType: '浮点',
+                        unit: 'm³/s',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '水泵后轴轴温',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: '新增有传感器'
+                    }, {
+                        checkpoint: '水泵后轴轴温',
+                        dataType: '浮点',
+                        unit: '℃',
+                        frequency: '5s',
+                        remark: '新增有传感器'
+                    }]
+                }
+                if (this.subDevice_name == '1#水泵阀') {
+                    this.checkPointData = [{
+                        checkpoint: '阀门1开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '阀门1开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '阀门2开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '阀门2开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '闸阀开度',
+                        dataType: '浮点',
+                        unit: '%',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '闸阀开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '闸阀关到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '排气阀开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '排气阀关到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '射流阀开到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }, {
+                        checkpoint: '射流阀关到位',
+                        dataType: '布尔',
+                        unit: '',
+                        frequency: '1s',
+                        remark: ''
+                    }]
+                }
+            }
+
+        },
+        mounted() {
+            // this.subSystem_name = this.$route.params.value;
+            var name = window.sessionStorage.getItem("subDevice_name");
+            this.subDevice_name = name;
+            this.getCheckpointList()
+        }
+
+    }
+</script>
+
+
+<style scoped>
+
+</style>

src/views/drain/drainDeviceList.vue

@@ -0,0 +1,113 @@
+<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_name" label="设备名" header-align="center" align="center" width="180">
+                </el-table-column>
+                <el-table-column prop="num" label="数量" header-align="center" align="center" width="60">
+                </el-table-column>
+                <el-table-column prop="describe" 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="watchSubDevice(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: "deviceList",
+        data() {
+            return {
+                subSystem_name: '',
+                deviceData: [],
+                currentPage4: 4,
+            }
+        },
+        created() {
+
+        },
+        methods: {
+            // 获取列表数据
+            getDeviceList() {
+                if (this.subSystem_name == '中央水泵房') {
+                    this.deviceData = [{
+                        device_name: '1#泵（监控系统1#泵）',
+                        num: '1',
+                        describe: '矿用耐磨多极离心泵 MD280－43×8 额定流量：280m3/h 水泵级数：8 额定扬程：344m 额定转速：1485r/min'
+                    }, {
+                        device_name: '2#泵（监控系统2#泵）',
+                        num: '1',
+                        describe: '矿用耐磨多极离心泵 MD280－43×8 额定流量：280m3/h 水泵级数：8 额定扬程：344m 额定转速：1485r/min'
+                    }, {
+                        device_name: '3#泵（监控系统3#泵）',
+                        num: '1',
+                        describe: '矿用耐磨多极离心泵 MD280－43×8 额定流量：280m3/h 水泵级数：8 额定扬程：344m 额定转速：1485r/min'
+                    }, {
+                        device_name: '水仓',
+                        num: '1',
+                        describe: '暂无'
+                    }]
+                }
+                if (this.subSystem_name == '硐底水泵房') {
+                    this.deviceData = [{
+                        device_name: '1#泵（监控系统7#泵）',
+                        num: '1',
+                        describe: '矿用耐磨多级离心式水泵 MD85－67×4 流量：85m3/h 扬程：268m   转速：2980r/min 电机功率：132KW  电压：660V  转速：2980r/min'
+                    }, {
+                        device_name: '2#泵（监控系统8#泵）',
+                        num: '1',
+                        describe: '矿用耐磨多级离心式水泵 MD85－67×4 流量：85m3/h 扬程：268m   转速：2980r/min 电机功率：132KW  电压：660V  转速：2980r/min'
+                    }, {
+                        device_name: '3#泵（监控系统9#泵）',
+                        num: '1',
+                        describe: '矿用耐磨多级离心式水泵 MD85－67×4 流量：85m3/h 扬程：268m   转速：2980r/min 电机功率：132KW  电压：660V  转速：2980r/min'
+                    }, {
+                        device_name: '水仓',
+                        num: '1',
+                        describe: '暂无'
+                    }]
+                }
+
+            },
+            handleSizeChange(newSize) {
+                console.log(newSize)
+            },
+            //监听 页码值 改变的事件
+            handleCurrentChange(newPage) {
+                console.log(newPage)
+            },
+            watchSubDevice(row) {
+                this.$router.push({
+                    path: '/drainSubDeviceList'
+                })
+                window.sessionStorage.setItem("device_name", row.device_name); //存到sessionStorage中，下一个页面获取
+            }
+
+        },
+        mounted() {
+            // this.subSystem_name = this.$route.params.value;
+            var name = window.sessionStorage.getItem("subSystem_name");
+            this.subSystem_name = name;
+            this.getDeviceList()
+        }
+    }
+</script>
+
+
+<style scoped>
+
+</style>

src/views/drain/drainSubDeviceList.vue

@@ -0,0 +1,103 @@
+<template>
+    <div>
+        <el-card>
+            <el-table :data="subDeviceData" 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="subDevice_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="watchCheckPoint(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: "subDevice",
+        data() {
+            return {
+                device_name: '',
+                subDeviceData: [],
+                currentPage4: 4,
+            }
+        },
+        methods: {
+            // 获取列表数据
+            getSubDeviceList() {
+                if (this.device_name == '1#泵（监控系统1#泵）') {
+                    this.subDeviceData = [{
+                        subDevice_name: '1#水泵电机',
+                        remark: '暂无'
+                    }, {
+                        subDevice_name: '1#水泵本体',
+                        remark: '暂无'
+                    }, {
+                        subDevice_name: '1#水泵阀',
+                        remark: '暂无'
+                    }]
+                }
+                if (this.device_name == '2#泵（监控系统2#泵）') {
+                    this.subDeviceData = [{
+                        subDevice_name: '2#水泵电机',
+                        remark: '暂无'
+                    }, {
+                        subDevice_name: '2#水泵本体',
+                        remark: '暂无'
+                    }, {
+                        subDevice_name: '2#水泵阀',
+                        remark: '暂无'
+                    }]
+                }
+                if (this.device_name == '3#泵（监控系统3#泵）') {
+                    this.subDeviceData = [{
+                        subDevice_name: '3#水泵电机',
+                        remark: '暂无'
+                    }, {
+                        subDevice_name: '3#水泵本体',
+                        remark: '暂无'
+                    }, {
+                        subDevice_name: '3#水泵阀',
+                        remark: '暂无'
+                    }]
+                }
+                if (this.device_name == '水仓') {
+                    this.subDeviceData = [{
+                        subDevice_name: '水仓',
+                        remark: '暂无'
+                    }]
+                }
+            },
+            watchCheckPoint(row) {
+                this.$router.push({
+                    path: '/drainCheckPoint'
+                })
+                window.sessionStorage.setItem("subDevice_name", row.subDevice_name); //存到sessionStorage中，下一个页面获取
+            }
+        },
+        mounted() {
+            // this.subSystem_name = this.$route.params.value;
+            var name = window.sessionStorage.getItem("device_name");
+            this.device_name = name;
+            this.getSubDeviceList()
+        }
+
+    }
+</script>
+
+
+<style scoped>
+
+</style>