| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/monitoringSystemMonitoring/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/systemMonitoring/monitoringSystemMonitoring/index.vue","mtime":1708395041893},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/babel.config.js","mtime":1708395041663},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/babel-loader/lib/index.js","mtime":1708395147257},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/cache-loader/dist/cjs.js","mtime":1708395146433},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js","mtime":1708395147382}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7Ci8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCi8vCgppbXBvcnQgeyBnZXRNb25pdG9yaW5nU3lzdGVtTW9uaXRvcmluZ0xpc3QgfSBmcm9tICdAL2FwaS9zeXN0ZW1Nb25pdG9yaW5nJzsKaW1wb3J0IHsgbW9uaXRvck5hbWVMaXN0IH0gZnJvbSAiQC9hcGkvbW9uaXRvciI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnbW9uaXRvcmluZ1N5c3RlbU1vbml0b3JpbmcnLAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICB0YWJsZURhdGE6IFtdLAogICAgICB0b3RhbDogMCwKICAgICAgc2VhcmNoRGF0YTogewogICAgICAgIHBhZ2VOdW06IDEsCiAgICAgICAgcGFnZVNpemU6IDEwLAogICAgICAgIG1vbml0b3JTeXN0ZW1OYW1lOiAnJywKICAgICAgICBzdGF0dXM6ICcnCiAgICAgIH0sCiAgICAgIG1vbml0b3JOYW1lRGF0YTogW10KICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdGhpcy5nZXRMaXN0KHRoaXMuc2VhcmNoRGF0YSk7CiAgICB0aGlzLmdldE1vbml0b3JlTmFtZSgpOwogIH0sCiAgbWV0aG9kczogewogICAgZ2V0TW9uaXRvcmVOYW1lOiBmdW5jdGlvbiBnZXRNb25pdG9yZU5hbWUoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIHZhciBwYXJhbXMgPSB7fTsKICAgICAgbW9uaXRvck5hbWVMaXN0KHBhcmFtcykudGhlbihmdW5jdGlvbiAocmVzcG9uc2UpIHsKICAgICAgICBfdGhpcy5tb25pdG9yTmFtZURhdGEgPSByZXNwb25zZS5kYXRhOwogICAgICB9KTsKICAgIH0sCiAgICBnZXRMaXN0OiBmdW5jdGlvbiBnZXRMaXN0KHBhcmFtcykgewogICAgICB2YXIgX3RoaXMyID0gdGhpczsKICAgICAgZ2V0TW9uaXRvcmluZ1N5c3RlbU1vbml0b3JpbmdMaXN0KHBhcmFtcykudGhlbihmdW5jdGlvbiAocmVzKSB7CiAgICAgICAgaWYgKHJlcy5jb2RlID09IDIwMCkgewogICAgICAgICAgX3RoaXMyLnRhYmxlRGF0YSA9IHJlcy5kYXRhLnJlY29yZHM7CiAgICAgICAgICBfdGhpczIudG90YWwgPSByZXMuZGF0YS50b3RhbDsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIHNlYXJjaEJ0bjogZnVuY3Rpb24gc2VhcmNoQnRuKCkgewogICAgICB0aGlzLnNlYXJjaERhdGEucGFnZU51bSA9IDE7CiAgICAgIHRoaXMuZ2V0TGlzdCh0aGlzLnNlYXJjaERhdGEpOwogICAgfSwKICAgIHJlc2V0OiBmdW5jdGlvbiByZXNldCgpIHsKICAgICAgdGhpcy5zZWFyY2hEYXRhID0gewogICAgICAgIHBhZ2VOdW06IDEsCiAgICAgICAgcGFnZVNpemU6IDEwLAogICAgICAgIG1vbml0b3JTeXN0ZW1OYW1lOiAnJywKICAgICAgICBzdGF0dXM6ICcnCiAgICAgIH07CiAgICAgIHRoaXMuZ2V0TGlzdCh0aGlzLnNlYXJjaERhdGEpOwogICAgfSwKICAgIGhhbmRsZVNpemVDaGFuZ2U6IGZ1bmN0aW9uIGhhbmRsZVNpemVDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMuc2VhcmNoRGF0YS5wYWdlU2l6ZSA9IHZhbDsKICAgICAgdGhpcy5nZXRMaXN0KHRoaXMuc2VhcmNoRGF0YSk7CiAgICB9LAogICAgaGFuZGxlQ3VycmVudENoYW5nZTogZnVuY3Rpb24gaGFuZGxlQ3VycmVudENoYW5nZSh2YWwpIHsKICAgICAgdGhpcy5zZWFyY2hEYXRhLnBhZ2VOdW0gPSB2YWw7CiAgICAgIHRoaXMuZ2V0TGlzdCh0aGlzLnNlYXJjaERhdGEpOwogICAgfSwKICAgIHRvQWxhcm1MaXN0OiBmdW5jdGlvbiB0b0FsYXJtTGlzdChyb3csIHZhbCkgewogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7CiAgICAgICAgbmFtZTogJ0xpc3QnLAogICAgICAgIHBhcmFtczogewogICAgICAgICAgcGFnZU51bTogMSwKICAgICAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgICAgIHNvdXJjZTogcm93LmNsaWVudElkLAogICAgICAgICAgaXNMb2NrOiB2YWwKICAgICAgICB9CiAgICAgIH0pOwogICAgfQogIH0KfTs="},{"version":3,"names":["getMonitoringSystemMonitoringList","monitorNameList","name","data","tableData","total","searchData","pageNum","pageSize","monitorSystemName","status","monitorNameData","created","getList","getMonitoreName","methods","_this","params","then","response","_this2","res","code","records","searchBtn","reset","handleSizeChange","val","handleCurrentChange","toAlarmList","row","$router","push","source","clientId","isLock"],"sources":["src/views/systemMonitoring/monitoringSystemMonitoring/index.vue"],"sourcesContent":["<template>\n <div class=\"dashboard-container\">\n <div class=\"search-content\">\n <!-- <el-input style=\"width: 220px;\" placeholder=\"请输入监测系统名称\" v-model=\"searchData.monitorSystemName\" clearable></el-input> -->\n <el-select\n v-model=\"searchData.monitorSystemName\"\n placeholder=\"请选择监测系统名称\"\n style=\"width: 220px; margin-right: 20px\"\n filterable\n clearable\n >\n <el-option\n v-for=\"item in monitorNameData\"\n :key=\"item.monitorSystemName\"\n :label=\"item.monitorSystemName\"\n :value=\"item.monitorSystemName\"\n />\n </el-select>\n <el-select style=\"width: 220px;\" clearable placeholder=\"请选择状态\" v-model=\"searchData.status\">\n <el-option label=\"在线\" value=\"1\"></el-option>\n <el-option label=\"离线\" value=\"2\"></el-option>\n </el-select>\n <div class=\"search-btn\"> \n <div class=\"search\" @click=\"searchBtn()\">查询</div>\n <div class=\"reset\" @click=\"reset()\">重置</div>\n </div> \n </div>\n \n <div class=\"table-content\">\n <div style=\"width: 100%;height: 30px;\">\n <div class=\"btn\" style=\"margin-right: -3px;\" @click=\"reset()\">刷新</div>\n </div>\n <el-table ref=\"multipleTable\" :data=\"tableData\" tooltip-effect=\"dark\" style=\"width: 100%\">\n <el-table-column type=\"index\" label=\"序号\" width=\"80\">\n </el-table-column>\n <el-table-column prop=\"monitorSystemName\" label=\"监测系统名称\">\n </el-table-column> \n <el-table-column prop=\"statusName\" label=\"状态\">\n <template slot-scope=\"scope\">\n <span style=\"color: red;\" v-if=\"scope.row.statusName == '未联通'\">离线</span>\n <span v-else>在线</span>\n </template>\n </el-table-column>\n <el-table-column label=\"报警数量\">\n <template slot-scope=\"scope\">\n <span style=\"color:blue;cursor: pointer;\" @click=\"toAlarmList(scope.row,'')\">{{ scope.row.countAll||0 }}</span>\n </template>\n </el-table-column>\n <el-table-column label=\"未解除报警总数\">\n <template slot-scope=\"scope\">\n <span style=\"color:blue;cursor: pointer;\" @click=\"toAlarmList(scope.row,'2')\">{{ scope.row.failureToReport||0 }}</span>\n </template>\n </el-table-column>\n <el-table-column prop=\"turnOnTime\" label=\"最近接入时间\" width=\"300px\">\n </el-table-column>\n </el-table>\n <div class=\"pagination\">\n <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\" :page-sizes=\"[10, 15, 20]\"\n :page-size=\"searchData.pageSize\" layout=\"total, sizes, prev, pager, next, jumper\" :total=\"total\">\n </el-pagination>\n </div>\n </div>\n </div> \n</template>\n<script>\nimport {getMonitoringSystemMonitoringList} from '@/api/systemMonitoring'\nimport { monitorNameList } from \"@/api/monitor\";\nexport default {\n name:'monitoringSystemMonitoring',\n data () {\n return {\n tableData: [], \n total: 0,\n searchData:{\n pageNum: 1,\n pageSize: 10, \n monitorSystemName:'',\n status:''\n },\n monitorNameData: [],\n }\n },\n created() {\n this.getList(this.searchData)\n this.getMonitoreName();\n },\n methods:{\n getMonitoreName() {\n let params = {};\n monitorNameList(params).then((response) => {\n this.monitorNameData = response.data;\n });\n },\n getList(params) {\n getMonitoringSystemMonitoringList(params).then(res => { \n if (res.code == 200) {\n this.tableData = res.data.records \n this.total = res.data.total \n }\n }) \n },\n searchBtn() {\n this.searchData.pageNum = 1\n this.getList(this.searchData)\n },\n reset() {\n this.searchData = { \n pageNum: 1,\n pageSize: 10, \n monitorSystemName:'',\n status:'' \n }\n this.getList(this.searchData)\n },\n handleSizeChange(val) {\n this.searchData.pageSize = val\n this.getList(this.searchData)\n },\n handleCurrentChange(val) {\n this.searchData.pageNum = val\n this.getList(this.searchData)\n },\n toAlarmList(row,val) { \n this.$router.push({\n name:'List',\n params:{\n pageNum:1,\n pageSize:10,\n source:row.clientId,\n isLock:val\n }\n })\n }\n }\n}\n</script>\n<style lang=\"scss\" scoped>\n.dashboard {\n &-container {\n margin: 30px;\n }\n\n &-text {\n font-size: 30px;\n line-height: 46px;\n }\n}\n\n.dashboard-container {\n .search-content {\n width: 100%;\n height: 74px;\n background-color: #fff;\n display: flex;\n align-items: center;\n padding-left: 10px;\n\n .el-input {\n margin: 0 10px;\n }\n\n .el-select {\n margin: 0 10px;\n }\n\n .search-btn {\n display: flex;\n align-items: center;\n height: 100%; \n margin-left: 10px;\n\n div {\n // margin: 0 6px;\n display: inline-block;\n width: 80px;\n height: 40px;\n border-radius: 2px;\n font-size: 14px;\n line-height: 40px;\n text-align: center;\n }\n\n div:hover {\n cursor: pointer;\n }\n\n .search {\n margin-right: 10px;\n background-color: #2766DD;\n color: #F7F8FB;\n }\n\n .search:hover {\n background-color: #4D85F4;\n }\n\n .reset {\n color: #333334;\n border: 1px solid #D7D7D7;\n }\n\n .reset:hover {\n color: #1F9FFF;\n border: 1px solid #1F9FFF;\n }\n }\n }\n\n .table-content {\n margin-top: 15px;\n width: 100%;\n background-color: #fff;\n padding: 0 20px 20px;\n\n .btn {\n margin: 15px 20px 15px 0;\n cursor: pointer;\n float: left;\n text-align: center;\n width: 98px;\n height: 34px;\n border-radius: 2px;\n border: 1px solid #ABC7FD;\n line-height: 34px;\n font-weight: 400;\n font-size: 14px;\n color: #2250C8;\n background-color: #E7EEFF;\n }\n\n .btn:hover {\n color: #FFFFFF;\n background-color: #2250C8;\n border: 1px solid #2250C8;\n }\n\n .btn:active {\n color: #FFFFFF;\n background-color: #194DA4;\n border: 1px solid #194DA4;\n }\n\n .startUsing {\n width: 54px;\n height: 24px;\n margin: 14.5px auto 0;\n line-height: 24px;\n text-align: center;\n font-size: 12px;\n color: #00974D;\n border-radius: 4px;\n background-color: #E7FAF0;\n border: 1px solid #BEFDDD;\n }\n\n .Deactivate {\n width: 54px;\n height: 24px;\n margin: 14.5px auto 0;\n line-height: 24px;\n text-align: center;\n font-size: 12px;\n color: #FF9933;\n border-radius: 4px;\n background-color: #FFF3E8;\n border: 1px solid #FDE6CF;\n }\n\n .operateBtn {\n display: flex;\n justify-content: center;\n color: #2866DD;\n\n div {\n font-size: 14px;\n margin: 0 5px;\n cursor: pointer;\n }\n }\n\n .pagination {\n margin: 10px 0;\n width: 100%;\n height: 20px;\n\n .el-pagination {\n float: right;\n margin: 10px 0;\n }\n }\n }\n\n}\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,SAAAA,iCAAA;AACA,SAAAC,eAAA;AACA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,KAAA;MACAC,UAAA;QACAC,OAAA;QACAC,QAAA;QACAC,iBAAA;QACAC,MAAA;MACA;MACAC,eAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAC,OAAA,MAAAP,UAAA;IACA,KAAAQ,eAAA;EACA;EACAC,OAAA;IACAD,eAAA,WAAAA,gBAAA;MAAA,IAAAE,KAAA;MACA,IAAAC,MAAA;MACAhB,eAAA,CAAAgB,MAAA,EAAAC,IAAA,WAAAC,QAAA;QACAH,KAAA,CAAAL,eAAA,GAAAQ,QAAA,CAAAhB,IAAA;MACA;IACA;IACAU,OAAA,WAAAA,QAAAI,MAAA;MAAA,IAAAG,MAAA;MACApB,iCAAA,CAAAiB,MAAA,EAAAC,IAAA,WAAAG,GAAA;QACA,IAAAA,GAAA,CAAAC,IAAA;UACAF,MAAA,CAAAhB,SAAA,GAAAiB,GAAA,CAAAlB,IAAA,CAAAoB,OAAA;UACAH,MAAA,CAAAf,KAAA,GAAAgB,GAAA,CAAAlB,IAAA,CAAAE,KAAA;QACA;MACA;IACA;IACAmB,SAAA,WAAAA,UAAA;MACA,KAAAlB,UAAA,CAAAC,OAAA;MACA,KAAAM,OAAA,MAAAP,UAAA;IACA;IACAmB,KAAA,WAAAA,MAAA;MACA,KAAAnB,UAAA;QACAC,OAAA;QACAC,QAAA;QACAC,iBAAA;QACAC,MAAA;MACA;MACA,KAAAG,OAAA,MAAAP,UAAA;IACA;IACAoB,gBAAA,WAAAA,iBAAAC,GAAA;MACA,KAAArB,UAAA,CAAAE,QAAA,GAAAmB,GAAA;MACA,KAAAd,OAAA,MAAAP,UAAA;IACA;IACAsB,mBAAA,WAAAA,oBAAAD,GAAA;MACA,KAAArB,UAAA,CAAAC,OAAA,GAAAoB,GAAA;MACA,KAAAd,OAAA,MAAAP,UAAA;IACA;IACAuB,WAAA,WAAAA,YAAAC,GAAA,EAAAH,GAAA;MACA,KAAAI,OAAA,CAAAC,IAAA;QACA9B,IAAA;QACAe,MAAA;UACAV,OAAA;UACAC,QAAA;UACAyB,MAAA,EAAAH,GAAA,CAAAI,QAAA;UACAC,MAAA,EAAAR;QACA;MACA;IACA;EACA;AACA"}]}
|
