{"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/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/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:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LmtleXMuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwoKaW1wb3J0IHBhbHlBbmRQbGF5YmFjayBmcm9tICJAL2NvbXBvbmVudHMvdmlkZW9QbGF5ZXIvcGFseUFuZFBsYXliYWNrIjsKaW1wb3J0IGNhbWVyYUluZm9NZXNzYWdlIGZyb20gIkAvY29tcG9uZW50cy92aWRlb1BsYXllci9jYW1lcmFJbmZvTWVzc2FnZSI7CmltcG9ydCB7IG1zZ0FsYXJtRGV0YWlsIGFzIF9tc2dBbGFybURldGFpbCB9IGZyb20gIkAvYXBpL2FsYXJtTGlzdCI7CmltcG9ydCB7IHZpZGVvSGlzdG9yaWNhbEFsYXJtLCBhbGFybUhpc3RvcmljYWxBbGFybSB9IGZyb20gIkAvYXBpL3ZpZGVvIjsKaW1wb3J0IHdhcm5pbmdEaXNwb3NlIGZyb20gIkAvY29tcG9uZW50cy93YXJuaW5nL3dhcm5pbmdEaXNwb3NlLnZ1ZSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiQWxhcm1EZXRhaWwiLAogIGNvbXBvbmVudHM6IHsKICAgIHBhbHlBbmRQbGF5YmFjazogcGFseUFuZFBsYXliYWNrLAogICAgY2FtZXJhSW5mb01lc3NhZ2U6IGNhbWVyYUluZm9NZXNzYWdlLAogICAgd2FybmluZ0Rpc3Bvc2U6IHdhcm5pbmdEaXNwb3NlCiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgaWQ6ICIiLAogICAgICAvLyBpZAogICAgICBhbGFybUlkOiAiIiwKICAgICAgY2FtZXJhQ29kZTogIiIsCiAgICAgIC8vIOaRhOWDj+acumNvZGUKICAgICAgaXRlbXM6ICIiLAogICAgICBjYW1lcmFJbmZvOiB7CiAgICAgICAgY2FtZXJhQ29kZTogIiIsCiAgICAgICAgaXNMb2NrOiAiIiwKICAgICAgICBhbGFybVRpbWU6ICIiLAogICAgICAgIGFsYXJtVHlwZTogIiIsCiAgICAgICAgbGluZURpcjogIiIsCiAgICAgICAgZGVwdElkOiAiIiwKICAgICAgICBhbGFybU1pbGU6ICIiLAogICAgICAgIGJlZ2luTWlsZTogIiIsCiAgICAgICAgaW5zdGFsbExvbmdpdHVkZTogIiIsCiAgICAgICAgcmVsZWFzZWRUaW1lOiAiIgogICAgICB9LAogICAgICBoaXN0b3JpY2FsQWxhcm06IFtdLAogICAgICB3YXJuaW5nRGlzcG9zZU1vZGFsOiB7CiAgICAgICAgc2hvdzogZmFsc2UsCiAgICAgICAgaWQ6ICIiCiAgICAgIH0KICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkge30sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuaWQgPSB0aGlzLiRyb3V0ZS5xdWVyeS5pZDsKICAgIHRoaXMuYWxhcm1JZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmFsYXJtSWQ7CiAgICB0aGlzLmNhbWVyYUNvZGUgPSB0aGlzLiRyb3V0ZS5xdWVyeS5jYW1lcmFDb2RlOwogICAgdGhpcy5tc2dBbGFybURldGFpbCgpOwogIH0sCiAgd2F0Y2g6IHsKICAgICRyb3V0ZTogZnVuY3Rpb24gJHJvdXRlKHJlcSkgewogICAgICB0aGlzLmlkID0gdGhpcy4kcm91dGUucXVlcnkuaWQ7CiAgICAgIHRoaXMuY2FtZXJhQ29kZSA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmNhbWVyYUNvZGU7CiAgICAgIHRoaXMubXNnQWxhcm1EZXRhaWwoKTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIG1zZ0FsYXJtRGV0YWlsOiBmdW5jdGlvbiBtc2dBbGFybURldGFpbCgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKICAgICAgX21zZ0FsYXJtRGV0YWlsKHRoaXMuaWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIGNvbnNvbGUubG9nKHJlcy5kYXRhLCAnZGFkYWRhZCcpOwogICAgICAgIF90aGlzLmNhbWVyYUluZm8gPSByZXMuZGF0YTsKICAgICAgICB2YXIgcm93ID0gSlNPTi5wYXJzZShzZXNzaW9uU3RvcmFnZS5yb3cpOwogICAgICAgIGlmICh0eXBlb2Ygcm93LmFsYXJtTWlsZXMgPT09ICdudW1iZXInKSB7CiAgICAgICAgICB2YXIgdmFsdWUgPSByb3cuYWxhcm1NaWxlczsKICAgICAgICAgIHJvdy5hbGFybU1pbGVzID0gcm93LmFsYXJtTWlsZTsKICAgICAgICAgIHJvdy5hbGFybU1pbGUgPSB2YWx1ZTsKICAgICAgICB9CiAgICAgICAgX3RoaXMuaXRlbXMgPSByb3c7CgogICAgICAgIC8vIHRoaXMuYWxhcm1JZCA9IHRoaXMuY2FtZXJhSW5mby5hbGFybUlkOwogICAgICAgIGFsYXJtSGlzdG9yaWNhbEFsYXJtKF90aGlzLmFsYXJtSWQpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgICAgX3RoaXMuaGlzdG9yaWNhbEFsYXJtID0gcmVzLmRhdGE7CiAgICAgICAgfSk7CiAgICAgIH0pOwogICAgfSwKICAgIHJlbGVhc2U6IGZ1bmN0aW9uIHJlbGVhc2UoKSB7CiAgICAgIHRoaXMud2FybmluZ0Rpc3Bvc2VNb2RhbC5pZCA9IHRoaXMuaWQ7CiAgICAgIHRoaXMud2FybmluZ0Rpc3Bvc2VNb2RhbC5zaG93ID0gdHJ1ZTsKICAgIH0sCiAgICByZWxlYXNlU3VjY2VzczogZnVuY3Rpb24gcmVsZWFzZVN1Y2Nlc3MoKSB7CiAgICAgIHRoaXMud2FybmluZ0Rpc3Bvc2VNb2RhbC5pZCA9ICIiOwogICAgICB0aGlzLndhcm5pbmdEaXNwb3NlTW9kYWwuc2hvdyA9IGZhbHNlOwogICAgICB0aGlzLm1zZ0FsYXJtRGV0YWlsKCk7CiAgICB9LAogICAgZ29iYWNrOiBmdW5jdGlvbiBnb2JhY2soKSB7CiAgICAgIC8vIHRoaXMuJHJvdXRlci5wdXNoKCcvYWxhcm1JbmZvcm1hdGlvbi9saXN0JykKICAgICAgLy8gdGhpcy4kcm91dGVyLnB1c2goIi9saXN0Iik7CiAgICAgIHRoaXMuJHJvdXRlci5iYWNrKCk7CiAgICB9CiAgfQp9Ow=="},{"version":3,"names":["palyAndPlayback","cameraInfoMessage","msgAlarmDetail","videoHistoricalAlarm","alarmHistoricalAlarm","warningDispose","name","components","data","id","alarmId","cameraCode","items","cameraInfo","isLock","alarmTime","alarmType","lineDir","deptId","alarmMile","beginMile","installLongitude","releasedTime","historicalAlarm","warningDisposeModal","show","created","mounted","$route","query","watch","req","methods","_this","then","res","console","log","row","JSON","parse","sessionStorage","alarmMiles","value","release","releaseSuccess","goback","$router","back"],"sources":["src/views/alarmInformation/alarmDetail.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,OAAAA,eAAA;AACA,OAAAC,iBAAA;AACA,SAAAC,cAAA,IAAAA,eAAA;AACA,SAAAC,oBAAA,EAAAC,oBAAA;AACA,OAAAC,cAAA;AAEA;EACAC,IAAA;EACAC,UAAA;IAAAP,eAAA,EAAAA,eAAA;IAAAC,iBAAA,EAAAA,iBAAA;IAAAI,cAAA,EAAAA;EAAA;EACAG,IAAA,WAAAA,KAAA;IACA;MACAC,EAAA;MAAA;MACAC,OAAA;MACAC,UAAA;MAAA;MACAC,KAAA;MACAC,UAAA;QACAF,UAAA;QACAG,MAAA;QACAC,SAAA;QACAC,SAAA;QACAC,OAAA;QACAC,MAAA;QACAC,SAAA;QACAC,SAAA;QACAC,gBAAA;QACAC,YAAA;MACA;MACAC,eAAA;MACAC,mBAAA;QACAC,IAAA;QACAhB,EAAA;MACA;IACA;EACA;EACAiB,OAAA,WAAAA,QAAA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAlB,EAAA,QAAAmB,MAAA,CAAAC,KAAA,CAAApB,EAAA;IACA,KAAAC,OAAA,QAAAkB,MAAA,CAAAC,KAAA,CAAAnB,OAAA;IACA,KAAAC,UAAA,QAAAiB,MAAA,CAAAC,KAAA,CAAAlB,UAAA;IACA,KAAAT,cAAA;EACA;EACA4B,KAAA;IACAF,MAAA,WAAAA,OAAAG,GAAA;MACA,KAAAtB,EAAA,QAAAmB,MAAA,CAAAC,KAAA,CAAApB,EAAA;MACA,KAAAE,UAAA,QAAAiB,MAAA,CAAAC,KAAA,CAAAlB,UAAA;MACA,KAAAT,cAAA;IACA;EACA;EACA8B,OAAA;IACA9B,cAAA,WAAAA,eAAA;MAAA,IAAA+B,KAAA;MACA/B,eAAA,MAAAO,EAAA,EAAAyB,IAAA,WAAAC,GAAA;QACAC,OAAA,CAAAC,GAAA,CAAAF,GAAA,CAAA3B,IAAA;QACAyB,KAAA,CAAApB,UAAA,GAAAsB,GAAA,CAAA3B,IAAA;QACA,IAAA8B,GAAA,GAAAC,IAAA,CAAAC,KAAA,CAAAC,cAAA,CAAAH,GAAA;QACA,WAAAA,GAAA,CAAAI,UAAA;UACA,IAAAC,KAAA,GAAAL,GAAA,CAAAI,UAAA;UACAJ,GAAA,CAAAI,UAAA,GAAAJ,GAAA,CAAAnB,SAAA;UACAmB,GAAA,CAAAnB,SAAA,GAAAwB,KAAA;QACA;QACAV,KAAA,CAAArB,KAAA,GAAA0B,GAAA;;QAEA;QACAlC,oBAAA,CAAA6B,KAAA,CAAAvB,OAAA,EAAAwB,IAAA,WAAAC,GAAA;UACAF,KAAA,CAAAV,eAAA,GAAAY,GAAA,CAAA3B,IAAA;QACA;MACA;IACA;IACAoC,OAAA,WAAAA,QAAA;MACA,KAAApB,mBAAA,CAAAf,EAAA,QAAAA,EAAA;MACA,KAAAe,mBAAA,CAAAC,IAAA;IACA;IACAoB,cAAA,WAAAA,eAAA;MACA,KAAArB,mBAAA,CAAAf,EAAA;MACA,KAAAe,mBAAA,CAAAC,IAAA;MACA,KAAAvB,cAAA;IACA;IACA4C,MAAA,WAAAA,OAAA;MACA;MACA;MACA,KAAAC,OAAA,CAAAC,IAAA;IACA;EACA;AACA"}]}