| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/simulatedUpload/index.vue?vue&type=style&index=0&id=1d27e67a&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/simulatedUpload/index.vue","mtime":1708395041889},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/css-loader/dist/cjs.js","mtime":1708395146948},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":1708395147772},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/postcss-loader/src/index.js","mtime":1708395147225},{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/sass-loader/dist/cjs.js","mtime":1708395146389},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZGFzaGJvYXJkIHsKICAmLWNvbnRhaW5lciB7CiAgICBtYXJnaW46IDMwcHg7CiAgfQoKICAmLXRleHQgewogICAgZm9udC1zaXplOiAzMHB4OwogICAgbGluZS1oZWlnaHQ6IDQ2cHg7CiAgfQp9Ci5kYXNoYm9hcmQtY29udGFpbmVyIHsKICAuc2VhcmNoLWNvbnRlbnQgewogICAgd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IDc0cHg7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgZGlzcGxheTogZmxleDsKICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7CgogICAgLmVsLWlucHV0IHsKICAgICAgbWFyZ2luOiAwIDEwcHg7CiAgICB9CgogICAgLmVsLXNlbGVjdCB7CiAgICAgIG1hcmdpbjogMCAxMHB4OwogICAgfQoKICAgIC5zZWFyY2gtYnRuIHsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgaGVpZ2h0OiAxMDAlOyAgICAgIAogICAgICBtYXJnaW4tbGVmdDogMTBweDsKCiAgICAgIGRpdiB7CiAgICAgICAgLy8gbWFyZ2luOiAwIDZweDsKICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7CiAgICAgICAgd2lkdGg6IDgwcHg7CiAgICAgICAgaGVpZ2h0OiA0MHB4OwogICAgICAgIGJvcmRlci1yYWRpdXM6IDJweDsKICAgICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgICAgbGluZS1oZWlnaHQ6IDQwcHg7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICB9CgogICAgICBkaXY6aG92ZXIgewogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgfQoKICAgICAgLnNlYXJjaCB7CiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMyNzY2REQ7CiAgICAgICAgY29sb3I6ICNGN0Y4RkI7CiAgICAgIH0KCiAgICAgIC5zZWFyY2g6aG92ZXIgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM0RDg1RjQ7CiAgICAgIH0KCiAgICAgIC5yZXNldCB7CiAgICAgICAgY29sb3I6ICMzMzMzMzQ7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0Q3RDdENzsKICAgICAgfQoKICAgICAgLnJlc2V0OmhvdmVyIHsKICAgICAgICBjb2xvcjogIzFGOUZGRjsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjMUY5RkZGOwogICAgICB9CiAgICB9CiAgfQoKICAudGFibGUtY29udGVudCB7CiAgICBtYXJnaW4tdG9wOiAxNXB4OwogICAgd2lkdGg6IDEwMCU7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwogICAgcGFkZGluZzogMCAyMHB4IDIwcHg7CgogICAgLmJ0biB7CiAgICAgIG1hcmdpbjogMTVweCAyMHB4IDE1cHggMDsKICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICBmbG9hdDogbGVmdDsKICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICB3aWR0aDogOThweDsKICAgICAgaGVpZ2h0OiAzNHB4OwogICAgICBib3JkZXItcmFkaXVzOiAycHg7CiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICNBQkM3RkQ7CiAgICAgIGxpbmUtaGVpZ2h0OiAzNHB4OwogICAgICBmb250LXdlaWdodDogNDAwOwogICAgICBmb250LXNpemU6IDE0cHg7CiAgICAgIGNvbG9yOiAjMjI1MEM4OwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjRTdFRUZGOwogICAgfQoKICAgIC5idG46aG92ZXIgewogICAgICBjb2xvcjogI0ZGRkZGRjsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzIyNTBDODsKICAgICAgYm9yZGVyOiAxcHggc29saWQgIzIyNTBDODsKICAgIH0KCiAgICAuYnRuOmFjdGl2ZSB7CiAgICAgIGNvbG9yOiAjRkZGRkZGOwogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMTk0REE0OwogICAgICBib3JkZXI6IDFweCBzb2xpZCAjMTk0REE0OwogICAgfQoKICAgIC5zdGFydFVzaW5nIHsKICAgICAgICB3aWR0aDogNTRweDsKICAgICAgICBoZWlnaHQ6IDI0cHg7CiAgICAgICAgbWFyZ2luOiAxNC41cHggYXV0byAwOwogICAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4OwogICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjsKICAgICAgICBmb250LXNpemU6IDEycHg7CiAgICAgICAgY29sb3I6ICMwMDk3NEQ7CiAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4OwogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNFN0ZBRjA7CiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgI0JFRkRERDsKICAgICAgfQoKICAgICAgLkRlYWN0aXZhdGUgewogICAgICAgIHdpZHRoOiA1NHB4OwogICAgICAgIGhlaWdodDogMjRweDsKICAgICAgICBtYXJnaW46IDE0LjVweCBhdXRvIDA7CiAgICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7CiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIGZvbnQtc2l6ZTogMTJweDsKICAgICAgICBjb2xvcjogI0ZGOTkzMzsKICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7CiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI0ZGRjNFODsKICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjRkRFNkNGOwogICAgICB9CgogICAgLm9wZXJhdGVCdG4gewogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgY29sb3I6ICMyODY2REQ7CgogICAgICBkaXYgewogICAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgICAgICBtYXJnaW46IDAgNXB4OwogICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgfQogICAgfQoKICAgIC5wYWdpbmF0aW9uIHsKICAgICAgbWFyZ2luOiAxMHB4IDA7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBoZWlnaHQ6IDIwcHg7CgogICAgICAuZWwtcGFnaW5hdGlvbiB7CiAgICAgICAgZmxvYXQ6IHJpZ2h0OwogICAgICAgIG1hcmdpbjogMTBweCAwOwogICAgICB9CiAgICB9CiAgfQoKfQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+OA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA","file":"index.vue","sourceRoot":"src/views/simulatedUpload","sourcesContent":["<template>\n <div class=\"dashboard-container\">\n <div class=\"table-content\">\n <div style=\"width: 100%;height: 30px;\">\n <div class=\"btn\" style=\"margin-right: -3px;\" @click=\"addBtn\">新增</div>\n </div>\n <el-table ref=\"multipleTable\" :data=\"tableData\" tooltip-effect=\"dark\" style=\"width: 100%\">\n <el-table-column type=\"index\" label=\"序号\" width=\"60px\">\n </el-table-column>\n <el-table-column prop=\"alarmTime\" label=\"报警时间\"> \n </el-table-column>\n <el-table-column prop=\"alarmRailway\" label=\"报警线路编码\">\n </el-table-column>\n <el-table-column prop=\"railwayName\" label=\"报警线路\">\n </el-table-column>\n <el-table-column label=\"报警行别\">\n <template slot-scope=\"scope\">\n {{ scope.row.lineDir == 1 ? '上行' : '下行' }}\n </template>\n </el-table-column>\n <el-table-column prop=\"alarmMiles\" label=\"报警里程位置\">\n </el-table-column>\n <el-table-column label=\"报警附件\">\n <template slot-scope=\"scope\" v-if=\"scope.row.fileUrl\">\n <img :src=\"scope.row.fileUrl\" style=\"width: 100px;height: 100px;\"/>\n </template>\n <template slot-scope=\"scope\" v-else></template>\n </el-table-column>\n <el-table-column label=\"报警类型\" width=\"160px\" prop=\"alarmTypeName\"> \n </el-table-column>\n <el-table-column prop=\"alarmLevel\" label=\"报警级别\">\n </el-table-column>\n <el-table-column prop=\"alarmConfidence\" label=\"报警置信度\">\n </el-table-column>\n <el-table-column prop=\"content\" label=\"报警内容\">\n </el-table-column>\n <el-table-column label=\"模拟状态\">\n <template slot-scope=\"scope\">\n {{ scope.row.stareName }}\n </template>\n </el-table-column>\n <el-table-column label=\"模拟生效\">\n <template slot-scope=\"scope\">\n <div class=\"operateBtn\">\n <div v-if=\"scope.row.stareName == '未生效'\" @click=\"sendingAlarms(scope.row)\">发送报警</div>\n </div> \n </template>\n </el-table-column>\n <el-table-column label=\"操作\" width=\"200px\">\n <template slot-scope=\"scope\">\n <div class=\"operateBtn\"> \n <!-- <div>删除</div> -->\n <div @click=\"lookDetails(scope.row)\">详情查看</div>\n <div v-if=\"scope.row.stareName != '已生效'\" @click=\"editBtn(scope.row)\">修改</div> \n <div v-if=\"scope.row.stareName == '已生效'\" @click=\"disarmingBtn(scope.row)\">解除报警</div>\n </div>\n </template>\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 <addDialog v-if=\"addDialogData.dialogVisible\" :addDialogData=\"addDialogData\" @addImitateData=\"addImitateData\"></addDialog>\n <detailsDialog v-if=\"detailsDialogData.dialogVisible\" :detailsDialogData=\"detailsDialogData\"></detailsDialog>\n <editDialog v-if=\"editDialogData.dialogVisible\" :editDialogData=\"editDialogData\" @editImitateData=\"editImitateData\"></editDialog>\n <disarmingAlarmDialog v-if=\"disarmingAlarmData.dialogVisible\" :disarmingAlarmData=\"disarmingAlarmData\" @disarmingAlarm=\"disarmingAlarm\"></disarmingAlarmDialog>\n </div>\n </div>\n</template>\n<script>\nimport { getAnalogData ,addAlarmTemporary,sendAlarm,editAlarmTemporary,disarmingAlarm} from \"@/api/analogData\";\nimport addDialog from './components/addDialog.vue';\nimport detailsDialog from './components/detailsDialog.vue'\nimport editDialog from './components/editDialog.vue'\nimport disarmingAlarmDialog from './components/disarmingAlarmDialog.vue'\nexport default {\n name :'simulatedUpload',\n components:{\n addDialog,\n detailsDialog,\n editDialog,\n disarmingAlarmDialog\n },\n data() {\n return {\n tableData:[],\n searchData:{\n pageNum: 1,\n pageSize: 10, \n },\n total:0,\n addDialogData:{\n dialogVisible: false,\n data: {} \n },\n detailsDialogData:{\n dialogVisible: false,\n data: {} \n },\n editDialogData:{\n dialogVisible: false,\n data: {} \n },\n disarmingAlarmData:{\n dialogVisible: false,\n data: {} \n }\n }\n },\n created() {\n this.getList(this.searchData)\n },\n methods:{\n getList(params) {\n getAnalogData(params).then(res => { \n if(res.code == 200) {\n this.tableData = res.data.records\n this.total = res.data.total\n }\n })\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 addBtn() {\n this.addDialogData.dialogVisible = true\n },\n addImitateData(payload) {\n addAlarmTemporary(payload).then(res => { \n if(res.code == 200) {\n this.$message({\n type: 'success',\n message: '新增成功!'\n });\n this.getList(this.searchData)\n this.addDialogData.dialogVisible = false\n }else{\n this.$message({\n type: 'error',\n message: res.msg\n }); \n }\n })\n }, \n lookDetails(row) {\n row.alarmType = row.alarmType.toString()\n row.alarmLevel = row.alarmLevel.toString()\n row.lineDir = row.lineDir.toString()\n if(row.source) row.source = row.source.toString() \n this.detailsDialogData.data = row\n this.detailsDialogData.dialogVisible = true\n },\n editBtn(row) {\n row.alarmType = row.alarmType.toString()\n row.alarmLevel = row.alarmLevel.toString()\n row.lineDir = row.lineDir.toString()\n if(row.source) row.source = row.source.toString()\n this.editDialogData.data = row\n this.editDialogData.dialogVisible = true\n }, \n disarmingBtn(val) { \n this.disarmingAlarmData.dialogVisible = true\n this.disarmingAlarmData.data.alarmId = val.alarmId\n this.disarmingAlarmData.data.releaseTime = ''\n this.disarmingAlarmData.data.releaseContent = ''\n },\n disarmingAlarm(payload) { \n disarmingAlarm(payload).then(res => { \n if(res.code == 200) {\n this.$message({\n type: 'success',\n message: '解除报警成功!'\n });\n this.getList(this.searchData)\n this.disarmingAlarmData.dialogVisible = false \n }else{\n this.$message({\n type: 'error',\n message: res.msg\n });\n }\n })\n },\n editImitateData(payload){ \n editAlarmTemporary(payload).then(res => { \n if(res.code == 200) {\n this.$message({\n type: 'success',\n message: '修改成功!'\n });\n this.getList(this.searchData) \n this.editDialogData.dialogVisible = false \n }else{\n this.$message({\n type: 'error',\n message: res.message\n });\n }\n })\n }, \n sendingAlarms(scope) { \n this.$confirm('确定要发送报警吗?', '信息提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(() => {\n sendAlarm(scope.id).then(res => {\n if(res.code == 200) {\n this.$message({\n type: 'success',\n message: '发送报警成功!'\n });\n this.getList(this.searchData)\n }else{\n this.$message({\n type: 'error',\n message: res.msg\n });\n }\n \n })\n }).catch(() => {\n this.$message({\n type: 'info',\n message: '已取消'\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.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>"]}]}
|
