| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/alarmInformation/index.vue?vue&type=style&index=1&id=66ad3778&lang=scss&scoped=true","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/alarmInformation/index.vue","mtime":1708395041886},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5kYXNoYm9hcmQgew0KICAmLWNvbnRhaW5lciB7DQogICAgbWFyZ2luOiAzMHB4Ow0KICB9DQoNCiAgJi10ZXh0IHsNCiAgICBmb250LXNpemU6IDMwcHg7DQogICAgbGluZS1oZWlnaHQ6IDQ2cHg7DQogIH0NCn0NCi5lbC1jYXJkLmlzLWFsd2F5cy1zaGFkb3csDQouZWwtY2FyZC5pcy1ob3Zlci1zaGFkb3c6Zm9jdXMgew0KICBib3gtc2hhZG93OiBub25lOw0KfQ0KLmVsLWNhcmQgew0KICBib3JkZXI6IDFweCBzb2xpZCNGRkZGOw0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOw0KICBjb2xvcjogIzMwMzEzMzsNCiAgLXdlYmtpdC10cmFuc2l0aW9uOiAwLjNzOw0KICB0cmFuc2l0aW9uOiAwLjNzOw0KfQ0KOjp2LWRlZXAgLmVsLWRhdGUtZWRpdG9yIC5lbC1yYW5nZV9faWNvbiB7DQogIHRvcDogMDsNCn0NCi5leHBvcnQgew0KICAvLyBtYXJnaW46IDIzcHggNnB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQogIHRleHQtYWxpZ246IGNlbnRlcjsNCiAgd2lkdGg6IDk4cHg7DQogIGhlaWdodDogMzRweDsNCiAgYm9yZGVyLXJhZGl1czogMnB4Ow0KICBib3JkZXI6IDFweCBzb2xpZCAjYWJjN2ZkOw0KICBsaW5lLWhlaWdodDogMzRweDsNCiAgZm9udC13ZWlnaHQ6IDQwMDsNCiAgZm9udC1zaXplOiAxNHB4Ow0KICBjb2xvcjogIzIyNTBjODsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2U3ZWVmZjsNCn0NCi5leHBvcnQ6aG92ZXIgew0KICBjb2xvcjogI2ZmZjsNCiAgYm9yZGVyOiAxcHggc29saWQgIzIyNTBjODsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzIyNTBjODsNCn0NCi5leHBvcnQ6YWN0aXZlIHsNCiAgYmFja2dyb3VuZC1jb2xvcjogIzE5NGRhNDsNCiAgYm9yZGVyOiAxcHggc29saWQgIzE5NGRhNDsNCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmtBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/alarmInformation","sourcesContent":["<template>\r\n <div class=\"dashboard-container\">\r\n <div class=\"dashboard-text\">\r\n <div style=\"background: #fff\">\r\n <div style=\"height: 74px; display: flex; align-items: center\">\r\n <el-select\r\n style=\"width: 220px; margin-left: 20px; margin-right: 20px\"\r\n v-model=\"railwayCode\"\r\n placeholder=\"请选择报警线路\"\r\n clearable\r\n >\r\n <el-option\r\n v-for=\"(item, index) in routeList\"\r\n :key=\"index\"\r\n :label=\"item.railwayName\"\r\n :value=\"item.railwayCode\"\r\n >\r\n </el-option>\r\n </el-select>\r\n\r\n <el-select\r\n v-model=\"lineDir\"\r\n placeholder=\"请选择行别\"\r\n style=\"width: 220px; margin-right: 20px\"\r\n clearable\r\n >\r\n <el-option\r\n v-for=\"(item, index) in lineType\"\r\n :key=\"index\"\r\n :label=\"item.dictLabel\"\r\n :value=\"item.dictValue\"\r\n >\r\n </el-option>\r\n </el-select>\r\n\r\n <el-select\r\n v-model=\"isLock\"\r\n placeholder=\"请选择解除状态\"\r\n style=\"width: 220px; margin-right: 20px\"\r\n clearable\r\n >\r\n <el-option\r\n v-for=\"(item, index) in zhangtai\"\r\n :key=\"index\"\r\n :label=\"item.label\"\r\n :value=\"item.value\"\r\n :clearable=\"true\"\r\n >\r\n </el-option>\r\n </el-select>\r\n\r\n <div\r\n v-if=\"searchShow == true\"\r\n style=\"display: flex\"\r\n justify=\"end\"\r\n type=\"flex\"\r\n >\r\n <div class=\"sp-button-submit\" type=\"primary\" @click=\"msgAlarmList\">\r\n 查询\r\n </div>\r\n <div class=\"sp-button-reset\" @click=\"resetForm()\">重置</div>\r\n <!-- <div class=\"sp-button-submit\" @click=\"uploadOut\">导出</div> -->\r\n <el-button\r\n v-if=\"searchShow == false\"\r\n @click=\"searchShow = true\"\r\n type=\"text\"\r\n style=\"color: #2766dd\"\r\n icon=\"el-icon-arrow-up\"\r\n >收起</el-button\r\n >\r\n <el-button\r\n v-if=\"searchShow == true\"\r\n @click=\"searchShow = false\"\r\n type=\"text\"\r\n icon=\"el-icon-arrow-down\"\r\n style=\"color: #2766dd\"\r\n >展开</el-button\r\n >\r\n </div>\r\n </div>\r\n\r\n <div\r\n v-if=\"searchShow == false\"\r\n style=\"\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 17px;\r\n height: 40px;\r\n \"\r\n >\r\n <el-date-picker\r\n style=\"width: 460px; margin-right: 20px; margin-left: 20px\"\r\n v-model=\"value1\"\r\n end-placeholder=\"结束日期\"\r\n range-separator=\"至\"\r\n start-placeholder=\"开始日期\"\r\n clearable\r\n value-format=\"yyyy-MM-dd\"\r\n type=\"daterange\"\r\n :clearable=\"true\"\r\n >\r\n </el-date-picker>\r\n <!-- <el-input\r\n v-model=\"alarmMileBD\"\r\n placeholder=\"请输入里程位置\"\r\n suffix-icon=\"el-icon-search\"\r\n style=\"width: 100%\"\r\n clearable\r\n >\r\n </el-input> -->\r\n\r\n <el-select\r\n v-if=\"searchShow == false\"\r\n v-model=\"alarmType\"\r\n placeholder=\"请选择报警类型\"\r\n style=\"width: 220px; margin-right: 20px\"\r\n clearable\r\n >\r\n <el-option\r\n v-for=\"(item, index) in damageList\"\r\n :key=\"index\"\r\n :label=\"item.dictLabel\"\r\n :value=\"item.dictValue\"\r\n >\r\n </el-option>\r\n </el-select>\r\n </div>\r\n\r\n <div v-if=\"searchShow == false\">\r\n <div\r\n style=\"\r\n display: flex;\r\n align-items: center;\r\n padding-bottom: 17px;\r\n margin-left: 20px;\r\n \"\r\n >\r\n <!-- <el-input\r\n v-model=\"beginMile\"\r\n placeholder=\"请输入起始里程\"\r\n @input=\"changeValue1\"\r\n style=\"width: 220px; margin-left: 20px\"\r\n clearable\r\n >\r\n <template slot=\"append\">km</template></el-input\r\n > -->\r\n <!-- <el-select\r\n v-model=\"beginMile\"\r\n placeholder=\"请选择起始里程\"\r\n style=\"width: 250px\"\r\n clearable\r\n >\r\n <el-option\r\n v-for=\"(item, index) in mileageList\"\r\n :key=\"index\"\r\n :clearable=\"true\"\r\n :label=\"item.dictLabel\"\r\n :value=\"item.dictValue\"\r\n ></el-option>\r\n </el-select> -->\r\n <!-- <div\r\n style=\"\r\n width: 10px;\r\n height: 1px;\r\n background-color: #888;\r\n margin: 0 5px;\r\n \"\r\n ></div> -->\r\n <!-- <el-input\r\n v-model=\"endMile\"\r\n placeholder=\"请输入结束里程\"\r\n @input=\"changeValue2\"\r\n style=\"width: 220px; margin-right: 20px\"\r\n clearable\r\n >\r\n <template slot=\"append\">km</template></el-input\r\n > -->\r\n <el-input\r\n v-model=\"alarmMileBD\"\r\n placeholder=\"请输入里程位置\"\r\n clearable\r\n oninput=\"value=value.replace(/[^\\d.]/g, '')\"\r\n style=\"width: 220px; margin-right: 20px\"\r\n >\r\n <template slot=\"append\">km</template></el-input\r\n >\r\n <el-select\r\n v-model=\"monitorSystemName\"\r\n placeholder=\"请选择监测系统名称\"\r\n style=\"width: 220px; margin-right: 20px\"\r\n filterable\r\n >\r\n <el-option\r\n v-for=\"item in monitorNameData\"\r\n :key=\"item.monitorSystemName\"\r\n :label=\"item.monitorSystemName\"\r\n :value=\"item.clientId\"\r\n />\r\n </el-select>\r\n <div\r\n v-if=\"searchShow == false\"\r\n style=\"display: flex; align-items: center\"\r\n >\r\n <div class=\"sp-button-submit searth_left\" @click=\"msgAlarmList\">\r\n 查询\r\n </div>\r\n <div class=\"sp-button-reset\" @click=\"resetForm()\">重置</div>\r\n\r\n <el-button\r\n v-if=\"searchShow == false\"\r\n @click=\"searchShow = true\"\r\n type=\"text\"\r\n style=\"color: #2766dd\"\r\n icon=\"el-icon-arrow-up\"\r\n >收起</el-button\r\n >\r\n <el-button\r\n v-if=\"searchShow == true\"\r\n @click=\"searchShow = false\"\r\n type=\"text\"\r\n icon=\"el-icon-arrow-down\"\r\n style=\"color: #2766dd\"\r\n >展开</el-button\r\n >\r\n </div>\r\n </div>\r\n\r\n <!-- <el-col :span=\"6\"></el-col> -->\r\n </div>\r\n </div>\r\n </div>\r\n <el-card class=\"cardHeadr\" style=\"margin-top: 15px; padding-top: 0\">\r\n <!-- <div style=\"font-size: 18px\">\r\n 告警:<span style=\"font-size: 24px; color: red\"> {{ total }}</span>\r\n </div> -->\r\n <div style=\"height: 64px; display: flex; align-items: center\">\r\n <div class=\"export\" @click=\"uploadOut\">\r\n <span class=\"icon font_family\"></span>\r\n 导出\r\n </div>\r\n </div>\r\n\r\n <el-table :data=\"tableData\" style=\"width: 100%\">\r\n <el-table-column\r\n label=\"报警时间\"\r\n prop=\"alarmTime\"\r\n width=\"180\"\r\n fixed\r\n ></el-table-column>\r\n <!-- <el-table-column\r\n align=\"center\"\r\n label=\"报警线路\"\r\n prop=\"railwayName\"\r\n fixed\r\n ></el-table-column> -->\r\n <el-table-column\r\n label=\"来源\"\r\n prop=\"sourceName\"\r\n width=\"140\"\r\n fixed\r\n ></el-table-column>\r\n <el-table-column align=\"center\" label=\"报警类型\" prop=\"alarmTypeName\" fixed>\r\n <!-- <template slot-scope=\"scope\">\r\n <div>\r\n {{\r\n scope.row.alarmType == 1\r\n ? \"泥石流\"\r\n : scope.row.alarmType == 2\r\n ? \"异物侵线\"\r\n : \"异物侵入\"\r\n }}\r\n </div>\r\n </template> -->\r\n </el-table-column>\r\n <!-- <el-table-column\r\n align=\"center\"\r\n label=\"报警病害属性\"\r\n prop=\"alarmAttr\"\r\n show-overflow-tooltip=\"true\"\r\n ></el-table-column> -->\r\n\r\n <el-table-column label=\"行别\" align=\"center\" prop=\"lineDir\">\r\n <template slot-scope=\"scope\">\r\n <div style=\"text-align: center\">\r\n {{\r\n scope.row.lineDir === 1\r\n ? \"上行\"\r\n : scope.row.lineDir === 2\r\n ? \"下行\"\r\n : \"-\"\r\n }}\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n label=\"里程位置(km)\"\r\n align=\"center\"\r\n prop=\"alarmMiles\"\r\n ></el-table-column>\r\n <!-- <el-table-column label=\"起里里程(km)\" prop=\"beginMile\"></el-table-column>\r\n <el-table-column label=\"结束里程(km)\" prop=\"endMile\"></el-table-column> -->\r\n <!-- <el-table-column label=\"报警次数\" align=\"center\" prop=\"alarmCount\">\r\n <template slot-scope=\"scope\">\r\n <div style=\"color: red\">{{ scope.row.alarmCount }}</div>\r\n </template>\r\n </el-table-column> -->\r\n <!-- <el-table-column label=\"解除状态\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n <div>\r\n {{\r\n scope.row.isLock === 1\r\n ? \"已解除\"\r\n : scope.row.isLock === 2\r\n ? \"未解除\"\r\n : \"-\"\r\n }}\r\n </div>\r\n </template>\r\n </el-table-column> -->\r\n\r\n <el-table-column\r\n label=\"报警内容\"\r\n show-overflow-tooltip=\"true\"\r\n align=\"center\"\r\n prop=\"content\"\r\n \r\n >\r\n <template slot-scope=\"scope\">\r\n <div\r\n style=\"\r\n max-width: 10em;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n \"\r\n >\r\n {{ scope.row.content }}\r\n </div>\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n label=\"推送车次\"\r\n align=\"center\"\r\n \r\n prop=\"trainNumName\"\r\n >\r\n <template slot-scope=\"scope\">\r\n <el-button\r\n v-if='scope.row.trainNumName'\r\n type=\"text\"\r\n style=\"text-align: center; color: #2766dd\" \r\n @click=\"detailsBtn(scope.row)\" \r\n >{{ scope.row.trainNumName }}{{ '...' }}</el-button\r\n >\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"解除状态\" align=\"center\" prop=\"isRelease\">\r\n <template slot-scope=\"scope\">\r\n {{\r\n scope.row.isRelease === 1\r\n ? \"已解除\"\r\n : scope.row.isRelease === 2\r\n ? \"未解除\"\r\n : \"-\"\r\n }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column\r\n label=\"解除说明\"\r\n align=\"center\"\r\n \r\n prop=\"releaseContent\"\r\n ></el-table-column>\r\n <el-table-column\r\n label=\"解除时间\"\r\n align=\"center\"\r\n \r\n prop=\"releasedTime\"\r\n ></el-table-column>\r\n \r\n <el-table-column label=\"操作\" align=\"center\" width=\"280\" prop=\"text13\">\r\n <template slot-scope=\"scope\">\r\n <div>\r\n <!-- <el-button\r\n style=\"color: #2766dd\"\r\n v-if=\"scope.row.isLock == 2\"\r\n type=\"text\"\r\n @click=\"release(scope.row.id)\"\r\n >解除</el-button\r\n > -->\r\n\r\n <el-button\r\n type=\"text\"\r\n style=\"text-align: center; color: #2766dd\"\r\n @click=\"\r\n seeDetail(scope.row.id, scope.row.railwayCode, scope.row)\r\n \"\r\n >查看详情</el-button\r\n >\r\n <!-- <el-button\r\n type=\"text\"\r\n style=\"text-align: center; color: #2766dd\" \r\n @click=\"detailsBtn(scope.row)\" \r\n >推送详情</el-button\r\n > -->\r\n </div>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <el-row justify=\"end\" style=\"margin-top: 10px\" type=\"flex\">\r\n <el-pagination\r\n :page-size=\"100\"\r\n :page-sizes=\"[10, 15, 20]\"\r\n :total=\"total\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n >\r\n </el-pagination>\r\n </el-row>\r\n </el-card>\r\n <detailsDialog :detailsData=\"detailsData\" v-if=\"detailsData.dialogVisible\"></detailsDialog>\r\n <warningDispose\r\n v-if=\"warningDisposeModal.show\"\r\n :id=\"warningDisposeModal.id\"\r\n @close=\"warningDisposeModal.show = false\"\r\n @success=\"releaseSuccess\"\r\n ></warningDispose>\r\n </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport warningDispose from \"@/components/warning/warningDispose.vue\";\r\nimport detailsDialog from './components/detailsDialog.vue'\r\nimport {\r\n baseRailwayManagement,\r\n dataType,\r\n msgAlarmList,\r\n getCameraDataUpLoadOut,\r\n releaseAlarm,\r\n alarmMessageList\r\n} from \"@/api/alarmList\";\r\nimport { monitorNameList } from \"@/api/monitor\";\r\nexport default {\r\n name: \"cart\",\r\n components: { warningDispose,detailsDialog },\r\n computed: {\r\n ...mapGetters([\"name\"]),\r\n },\r\n data() {\r\n return {\r\n detailsData:{\r\n dialogVisible:false,\r\n alarmId:''\r\n },\r\n warningModal: {\r\n show: true,\r\n },\r\n isShow: false,\r\n searchShow: true,\r\n pageNum: 1,\r\n pageSize: 10,\r\n total: 0,\r\n value1: \"\",\r\n value: \"\",\r\n input: \"\",\r\n zhangtai: [\r\n {\r\n value: \"1\",\r\n label: \"已解除\",\r\n },\r\n {\r\n value: \"2\",\r\n label: \"未解除\",\r\n },\r\n ],\r\n monitorNameData: [],\r\n tableData: [],\r\n routeList: [],\r\n lineType: [],\r\n damageList: [],\r\n mileageList: [],\r\n railwayCode: \"\",\r\n lineDir: \"\",\r\n alarmType: \"\",\r\n alarmMileBD: \"\",\r\n monitorSystemName: \"\",\r\n beginMile: \"\",\r\n endMile: \"\",\r\n beginAlarmTime: \"\",\r\n endAlarmTime: \"\",\r\n isLock: \"\",\r\n warningDisposeModal: {\r\n show: false,\r\n id: \"\",\r\n },\r\n };\r\n },\r\n created() { \r\n if(this.$route.params.pageNum) { \r\n this.isLock = this.$route.params.isLock + '' \r\n this.monitorSystemName = this.$route.params.source\r\n }\r\n this.getMonitoreName();\r\n this.msgAlarmList();\r\n this.baseRailwayManagement();\r\n this.dataType(\"sys_line_dir\");\r\n this.dataType(\"sys_alarm_type\");\r\n this.dataType(\"sys_mileage\");\r\n },\r\n methods: {\r\n detailsBtn(row) { \r\n this.detailsData.alarmId = row.alarmId\r\n this.detailsData.dialogVisible = true\r\n },\r\n getMonitoreName() {\r\n let params = {};\r\n monitorNameList(params).then((response) => {\r\n this.monitorNameData = response.data;\r\n });\r\n },\r\n imagePreview(images) {\r\n this.$hevueImgPreview({\r\n multiple: true, // 开启多图预览模式\r\n nowImgIndex: 0, // 多图预览，默认展示第二张图片\r\n imgList: images, // 需要预览的多图数组\r\n });\r\n },\r\n seeDetail(val, val1, row) {\r\n sessionStorage.row = JSON.stringify(row);\r\n this.$router.push({\r\n path: \"/alarmDetail\",\r\n query: {\r\n id: val,\r\n cameraCode: val1,\r\n alarmId: row.alarmId,\r\n },\r\n });\r\n },\r\n // uploadOut: function () {\r\n // getCameraDataUpLoadOut({}).then((res) => {\r\n // this.resolveBlob(res);\r\n // });\r\n // },\r\n uploadOut: function () {\r\n getCameraDataUpLoadOut({}).then((res) => {\r\n this.resolveBlob(res);\r\n });\r\n },\r\n resolveBlob(res) {\r\n const link = document.createElement(\"a\");\r\n link.style.dispaly = \"none\";\r\n let binaryData = [];\r\n binaryData.push(res);\r\n link.href = window.URL.createObjectURL(new Blob(binaryData));\r\n // link.href = URL.createObjectURL(res);\r\n link.setAttribute(\"download\", \"报警信息列表.xlsx\");\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n },\r\n\r\n resetForm() {\r\n (this.railwayCode = \"\"),\r\n (this.lineDir = \"\"),\r\n (this.alarmType = \"\"),\r\n (this.alarmMileBD = \"\");\r\n this.monitorSystemName = \"\";\r\n (this.beginMile = \"\"),\r\n (this.endMile = \"\"),\r\n (this.beginAlarmTime = \"\"),\r\n (this.endAlarmTime = \"\");\r\n this.value1 = \"\";\r\n this.isLock = \"\";\r\n this.msgAlarmList();\r\n },\r\n getImgUrl(img) {\r\n return \"http://124.71.171.71:18801/picbucket\" + img;\r\n },\r\n release(val) {\r\n if (val) {\r\n this.warningDisposeModal.id = val;\r\n this.warningDisposeModal.show = true;\r\n }\r\n },\r\n releaseSuccess() {\r\n this.warningDisposeModal.id = \"\";\r\n this.warningDisposeModal.show = false;\r\n this.msgAlarmList();\r\n },\r\n dataType(val) {\r\n dataType(val).then((res) => {\r\n console.log(res);\r\n if (val === \"sys_line_dir\") {\r\n this.lineType = [];\r\n this.lineType = res.data;\r\n this.$set(this.lineType);\r\n } else if (\"sys_alarm_type\" === val) {\r\n this.damageList = [];\r\n this.damageList = res.data;\r\n this.$set(this.damageList);\r\n } else if (\"sys_mileage\" === val) {\r\n this.mileageList = [];\r\n this.mileageList = res.data;\r\n this.$set(this.mileageList);\r\n }\r\n });\r\n },\r\n baseRailwayManagement() {\r\n baseRailwayManagement().then((res) => {\r\n console.log(res);\r\n this.routeList = [];\r\n this.routeList = res.data;\r\n this.$set(this.routeList);\r\n });\r\n },\r\n handleSizeChange(val) {\r\n console.log(`每页 ${val} 条`);\r\n this.pageSize = val;\r\n this.msgAlarmList();\r\n },\r\n handleCurrentChange(val) {\r\n console.log(`当前页: ${val}`);\r\n this.pageNum = val;\r\n this.msgAlarmList();\r\n },\r\n\r\n changeValue(value) {\r\n this.alarmMileBD = /^[0-9]*$/.test(parseInt(value))\r\n ? String(parseInt(value)).replace(\".\", \"\")\r\n : \"\";\r\n },\r\n changeValue1(value) {\r\n this.beginMile = /^[0-9]*$/.test(parseInt(value))\r\n ? String(parseInt(value)).replace(\".\", \"\")\r\n : \"\";\r\n },\r\n changeValue2(value) {\r\n this.endMile = /^[0-9]*$/.test(parseInt(value))\r\n ? String(parseInt(value)).replace(\".\", \"\")\r\n : \"\";\r\n },\r\n\r\n msgAlarmList() {\r\n // if (this.alarmMileBD && !/^(\\d+.\\d{1,3}|\\d+)$/.test(this.alarmMileBD)) {\r\n // return this.$message({\r\n // type: \"error\",\r\n // message: \"请输入正确的里程\",\r\n // });\r\n // }\r\n // if (this.beginMile && !/^(\\d+.\\d{1,3}|\\d+)$/.test(this.beginMile)) {\r\n // return this.$message({\r\n // type: \"error\",\r\n // message: \"请输入正确的起始里程\",\r\n // });\r\n // }\r\n // if (this.endMile && !/^(\\d+.\\d{1,3}|\\d+)$/.test(this.endMile)) {\r\n // return this.$message({\r\n // type: \"error\",\r\n // message: \"请输入正确的结束里程\",\r\n // });\r\n // }\r\n\r\n let beginAlarmTime = undefined;\r\n let endAlarmTime = undefined;\r\n if (this.value1) {\r\n beginAlarmTime = this.value1[0];\r\n endAlarmTime = this.value1[1];\r\n }\r\n msgAlarmList({\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n alarmType: this.alarmType,\r\n railwayCode: this.railwayCode,\r\n beginMile: this.beginMile,\r\n endMile: this.endMile,\r\n lineDir: this.lineDir,\r\n isRelease: this.isLock,\r\n alarmMileBD: this.alarmMileBD,\r\n beginAlarmTime: beginAlarmTime,\r\n endAlarmTime: endAlarmTime,\r\n source: this.monitorSystemName,\r\n }).then((res) => {\r\n console.log(res);\r\n if (res.code == 200) {\r\n this.tableData = [];\r\n this.tableData = res.data.records;\r\n this.$set(this.tableData);\r\n this.total = res.data.total;\r\n } else {\r\n this.$message({\r\n message: res.mag,\r\n type: \"error\",\r\n });\r\n }\r\n });\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n::v-deep .searth_left {\r\n margin: 0;\r\n}\r\n::v-deep .el-card__body {\r\n padding: 0 20px 20px 20px;\r\n}\r\n.dashboard {\r\n &-container {\r\n margin: 30px 30px 30px;\r\n }\r\n\r\n &-text {\r\n font-size: 30px;\r\n line-height: 46px;\r\n }\r\n}\r\n\r\n.el-image-viewer__close {\r\n color: blue;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n &-container {\r\n margin: 30px;\r\n }\r\n\r\n &-text {\r\n font-size: 30px;\r\n line-height: 46px;\r\n }\r\n}\r\n.el-card.is-always-shadow,\r\n.el-card.is-hover-shadow:focus {\r\n box-shadow: none;\r\n}\r\n.el-card {\r\n border: 1px solid#FFFF;\r\n background-color: #fff;\r\n color: #303133;\r\n -webkit-transition: 0.3s;\r\n transition: 0.3s;\r\n}\r\n::v-deep .el-date-editor .el-range__icon {\r\n top: 0;\r\n}\r\n.export {\r\n // margin: 23px 6px;\r\n cursor: pointer;\r\n text-align: center;\r\n width: 98px;\r\n height: 34px;\r\n border-radius: 2px;\r\n border: 1px solid #abc7fd;\r\n line-height: 34px;\r\n font-weight: 400;\r\n font-size: 14px;\r\n color: #2250c8;\r\n background-color: #e7eeff;\r\n}\r\n.export:hover {\r\n color: #fff;\r\n border: 1px solid #2250c8;\r\n background-color: #2250c8;\r\n}\r\n.export:active {\r\n background-color: #194da4;\r\n border: 1px solid #194da4;\r\n}\r\n</style>\r\n"]}]}
|
