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/alarmDetail.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/views/alarmInformation/alarmDetail.vue","mtime":1708395041886},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgcGFseUFuZFBsYXliYWNrIGZyb20gIkAvY29tcG9uZW50cy92aWRlb1BsYXllci9wYWx5QW5kUGxheWJhY2siOw0KaW1wb3J0IGNhbWVyYUluZm9NZXNzYWdlIGZyb20gIkAvY29tcG9uZW50cy92aWRlb1BsYXllci9jYW1lcmFJbmZvTWVzc2FnZSI7DQppbXBvcnQgeyBtc2dBbGFybURldGFpbCB9IGZyb20gIkAvYXBpL2FsYXJtTGlzdCI7DQppbXBvcnQgeyB2aWRlb0hpc3RvcmljYWxBbGFybSwgYWxhcm1IaXN0b3JpY2FsQWxhcm0gfSBmcm9tICJAL2FwaS92aWRlbyI7DQppbXBvcnQgd2FybmluZ0Rpc3Bvc2UgZnJvbSAiQC9jb21wb25lbnRzL3dhcm5pbmcvd2FybmluZ0Rpc3Bvc2UudnVlIjsNCg0KZXhwb3J0IGRlZmF1bHQgew0KICBuYW1lOiAiQWxhcm1EZXRhaWwiLA0KICBjb21wb25lbnRzOiB7IHBhbHlBbmRQbGF5YmFjaywgY2FtZXJhSW5mb01lc3NhZ2UsIHdhcm5pbmdEaXNwb3NlIH0sDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGlkOiAiIiwgLy8gaWQNCiAgICAgIGFsYXJtSWQ6ICIiLA0KICAgICAgY2FtZXJhQ29kZTogIiIsIC8vIOaRhOWDj+acumNvZGUNCiAgICAgIGl0ZW1zOiAiIiwNCiAgICAgIGNhbWVyYUluZm86IHsNCiAgICAgICAgY2FtZXJhQ29kZTogIiIsDQogICAgICAgIGlzTG9jazogIiIsDQogICAgICAgIGFsYXJtVGltZTogIiIsDQogICAgICAgIGFsYXJtVHlwZTogIiIsDQogICAgICAgIGxpbmVEaXI6ICIiLA0KICAgICAgICBkZXB0SWQ6ICIiLA0KICAgICAgICBhbGFybU1pbGU6ICIiLA0KICAgICAgICBiZWdpbk1pbGU6ICIiLA0KICAgICAgICBpbnN0YWxsTG9uZ2l0dWRlOiAiIiwNCiAgICAgICAgcmVsZWFzZWRUaW1lOiAiIiwNCiAgICAgIH0sDQogICAgICBoaXN0b3JpY2FsQWxhcm06IFtdLA0KICAgICAgd2FybmluZ0Rpc3Bvc2VNb2RhbDogew0KICAgICAgICBzaG93OiBmYWxzZSwNCiAgICAgICAgaWQ6ICIiLA0KICAgICAgfSwNCiAgICB9Ow0KICB9LA0KICBjcmVhdGVkKCkgeyB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuaWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5pZDsNCiAgICB0aGlzLmFsYXJtSWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5hbGFybUlkOw0KICAgIHRoaXMuY2FtZXJhQ29kZSA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmNhbWVyYUNvZGU7DQogICAgdGhpcy5tc2dBbGFybURldGFpbCgpOw0KICB9LA0KICB3YXRjaDogew0KICAgICRyb3V0ZShyZXEpIHsNCiAgICAgIHRoaXMuaWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5pZDsNCiAgICAgIHRoaXMuY2FtZXJhQ29kZSA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmNhbWVyYUNvZGU7DQogICAgICB0aGlzLm1zZ0FsYXJtRGV0YWlsKCk7DQogICAgfSwNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIG1zZ0FsYXJtRGV0YWlsKCkgew0KICAgICAgbXNnQWxhcm1EZXRhaWwodGhpcy5pZCkudGhlbigocmVzKSA9PiB7DQogICAgICAgIGNvbnNvbGUubG9nKHJlcy5kYXRhLCAnZGFkYWRhZCcpDQogICAgICAgIHRoaXMuY2FtZXJhSW5mbyA9IHJlcy5kYXRhOw0KICAgICAgICB2YXIgcm93ID0gSlNPTi5wYXJzZShzZXNzaW9uU3RvcmFnZS5yb3cpDQogICAgICAgIGlmICh0eXBlb2Ygcm93LmFsYXJtTWlsZXMgPT09ICdudW1iZXInKSB7DQogICAgICAgICAgdmFyIHZhbHVlID0gcm93LmFsYXJtTWlsZXMNCiAgICAgICAgICByb3cuYWxhcm1NaWxlcyA9IHJvdy5hbGFybU1pbGUNCiAgICAgICAgICByb3cuYWxhcm1NaWxlID0gdmFsdWUNCiAgICAgICAgfQ0KICAgICAgICB0aGlzLml0ZW1zID0gcm93DQoNCiAgICAgICAgLy8gdGhpcy5hbGFybUlkID0gdGhpcy5jYW1lcmFJbmZvLmFsYXJtSWQ7DQogICAgICAgIGFsYXJtSGlzdG9yaWNhbEFsYXJtKHRoaXMuYWxhcm1JZCkudGhlbigocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5oaXN0b3JpY2FsQWxhcm0gPSByZXMuZGF0YTsNCiAgICAgICAgfSk7DQogICAgICB9KTsNCiAgICB9LA0KICAgIHJlbGVhc2UoKSB7DQogICAgICB0aGlzLndhcm5pbmdEaXNwb3NlTW9kYWwuaWQgPSB0aGlzLmlkOw0KICAgICAgdGhpcy53YXJuaW5nRGlzcG9zZU1vZGFsLnNob3cgPSB0cnVlOw0KICAgIH0sDQogICAgcmVsZWFzZVN1Y2Nlc3MoKSB7DQogICAgICB0aGlzLndhcm5pbmdEaXNwb3NlTW9kYWwuaWQgPSAiIjsNCiAgICAgIHRoaXMud2FybmluZ0Rpc3Bvc2VNb2RhbC5zaG93ID0gZmFsc2U7DQogICAgICB0aGlzLm1zZ0FsYXJtRGV0YWlsKCk7DQogICAgfSwNCiAgICBnb2JhY2soKSB7DQogICAgICAvLyB0aGlzLiRyb3V0ZXIucHVzaCgnL2FsYXJtSW5mb3JtYXRpb24vbGlzdCcpDQogICAgICAvLyB0aGlzLiRyb3V0ZXIucHVzaCgiL2xpc3QiKTsNCiAgICAgIHRoaXMuJHJvdXRlci5iYWNrKCk7DQogICAgfSwNCiAgfSwNCn07DQo="},{"version":3,"sources":["alarmDetail.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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","file":"alarmDetail.vue","sourceRoot":"src/views/alarmInformation","sourcesContent":["<template>\r\n <el-card class=\"alarmDetail dashboard-container\">\r\n <div class=\"alarmDetail-header\">\r\n <div style=\"display: flex; align-items: center\">\r\n <div>报警信息详情</div>\r\n </div>\r\n <el-button type=\"text\" icon=\"el-icon-arrow-left\" @click=\"goback\">返回</el-button>\r\n </div>\r\n\r\n <el-container class=\"alarmDetail-bottom\">\r\n <el-container>\r\n <div style=\"display: flex; flex-direction: column\">\r\n <div style=\"\r\n height: 35px;\r\n display: flex;\r\n align-items: center;\r\n font-family: 0;\r\n \">\r\n <div style=\"\r\n height: 14px;\r\n width: 5px;\r\n background-color: rgb(39, 102, 221);\r\n margin-right: 5px;\r\n \"></div>\r\n <div style=\"font-size: 16px; line-height: 16px\">报警信息</div>\r\n </div>\r\n <cameraInfoMessage pageType=\"alarmDetail\" :cameraInfo=\"cameraInfo\" :historicalAlarm=\"historicalAlarm\"\r\n style=\"flex: 1; width: 300px\"></cameraInfoMessage>\r\n <div @click=\"release()\" v-if=\"cameraInfo.isLock == 2\" style=\"\r\n margin-top: 10px;\r\n font-family: 0;\r\n width: 100%;\r\n height: 35px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: rgb(39, 102, 221);\r\n color: #fff;\r\n \">\r\n 解除警报\r\n </div>\r\n </div>\r\n <el-main style=\"padding: 0px; margin-top: 20px\">\r\n <palyAndPlayback :items=\"items\" :videoType=\"videoType\" :cameraCode=\"cameraCode\"\r\n :alarmTime=\"cameraInfo.alarmTime\" @tabChange=\"palyAndPlaybackTabChange\"></palyAndPlayback>\r\n </el-main>\r\n </el-container>\r\n </el-container>\r\n\r\n <warningDispose v-if=\"warningDisposeModal.show\" :id=\"warningDisposeModal.id\" @close=\"warningDisposeModal.show = false\"\r\n @success=\"releaseSuccess\"></warningDispose>\r\n </el-card>\r\n</template>\r\n\r\n<script>\r\nimport palyAndPlayback from \"@/components/videoPlayer/palyAndPlayback\";\r\nimport cameraInfoMessage from \"@/components/videoPlayer/cameraInfoMessage\";\r\nimport { msgAlarmDetail } from \"@/api/alarmList\";\r\nimport { videoHistoricalAlarm, alarmHistoricalAlarm } from \"@/api/video\";\r\nimport warningDispose from \"@/components/warning/warningDispose.vue\";\r\n\r\nexport default {\r\n name: \"AlarmDetail\",\r\n components: { palyAndPlayback, cameraInfoMessage, warningDispose },\r\n data() {\r\n return {\r\n id: \"\", // id\r\n alarmId: \"\",\r\n cameraCode: \"\", // 摄像机code\r\n items: \"\",\r\n cameraInfo: {\r\n cameraCode: \"\",\r\n isLock: \"\",\r\n alarmTime: \"\",\r\n alarmType: \"\",\r\n lineDir: \"\",\r\n deptId: \"\",\r\n alarmMile: \"\",\r\n beginMile: \"\",\r\n installLongitude: \"\",\r\n releasedTime: \"\",\r\n },\r\n historicalAlarm: [],\r\n warningDisposeModal: {\r\n show: false,\r\n id: \"\",\r\n },\r\n };\r\n },\r\n created() { },\r\n mounted() {\r\n this.id = this.$route.query.id;\r\n this.alarmId = this.$route.query.alarmId;\r\n this.cameraCode = this.$route.query.cameraCode;\r\n this.msgAlarmDetail();\r\n },\r\n watch: {\r\n $route(req) {\r\n this.id = this.$route.query.id;\r\n this.cameraCode = this.$route.query.cameraCode;\r\n this.msgAlarmDetail();\r\n },\r\n },\r\n methods: {\r\n msgAlarmDetail() {\r\n msgAlarmDetail(this.id).then((res) => {\r\n console.log(res.data, 'dadadad')\r\n this.cameraInfo = res.data;\r\n var row = JSON.parse(sessionStorage.row)\r\n if (typeof row.alarmMiles === 'number') {\r\n var value = row.alarmMiles\r\n row.alarmMiles = row.alarmMile\r\n row.alarmMile = value\r\n }\r\n this.items = row\r\n\r\n // this.alarmId = this.cameraInfo.alarmId;\r\n alarmHistoricalAlarm(this.alarmId).then((res) => {\r\n this.historicalAlarm = res.data;\r\n });\r\n });\r\n },\r\n release() {\r\n this.warningDisposeModal.id = this.id;\r\n this.warningDisposeModal.show = true;\r\n },\r\n releaseSuccess() {\r\n this.warningDisposeModal.id = \"\";\r\n this.warningDisposeModal.show = false;\r\n this.msgAlarmDetail();\r\n },\r\n goback() {\r\n // this.$router.push('/alarmInformation/list')\r\n // this.$router.push(\"/list\");\r\n this.$router.back();\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.alarmDetail {\r\n height: calc(100vh - 125px);\r\n\r\n ::v-deep .el-card__body {\r\n padding: 0;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .alarmDetail-header {\r\n padding: 0 20px;\r\n height: 60px;\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background-color: #eff2f6;\r\n }\r\n\r\n .alarmDetail-bottom {\r\n padding: 0 20px 20px 20px;\r\n flex: 1;\r\n overflow: auto;\r\n }\r\n}\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-menu--horizontal>.el-menu-item.is-active {\r\n background-color: #20a0ff;\r\n color: #ffffff;\r\n height: 35px;\r\n line-height: 35px;\r\n}\r\n\r\n.el-menu--horizontal>.el-menu-item {\r\n height: 35px;\r\n line-height: 35px;\r\n}\r\n</style>\r\n"]}]}
|