| 1 |
- {"remainingRequest":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/videoPlayer/videoLine.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/videoPlayer/videoLine.vue","mtime":1708395041801},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGZvcm1hdFRpbWUgfSBmcm9tICJAL3V0aWxzL3V0aWxzIjsKaW1wb3J0IHsgbGluZURhdGUsIGxpbmVEYXRlUHJvUG9zdCB9IGZyb20gIkAvYXBpL3ZpZGVvIjsKCi8vIHZpZGVvTGluZQpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlZpZGVvTGluZSIsCiAgcHJvcHM6IHsKICAgIGNhbWVyYUNvZGU6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiAiIjsKICAgICAgfSwKICAgIH0sCiAgICBhbGxDYW1lcmE6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuICIiOwogICAgICB9LAogICAgfSwKICAgIGl0ZW1zOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4gIiI7CiAgICAgIH0sCiAgICB9LAogICAgc2hvd0VsZWN0cmljOiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IHRydWUsCiAgICB9CiAgfSwKICB3YXRjaDogewogICAgYWxsQ2FtZXJhOiB7CiAgICAgIGhhbmRsZXIobmV3VmFsKSB7CiAgICAgICAgY29uc29sZS5sb2cobmV3VmFsLCAiYWxsYWxsYWxsYWxsYWxsYWxsYWxsYWxsYWxsYWxsIik7CiAgICAgICAgbmV3VmFsLmZpbHRlcigoaXRlbSwgaW5kZXgpID0+IHsKICAgICAgICAgIGlmIChpbmRleCA8IDQpIHsKICAgICAgICAgICAgY29uc29sZS5sb2coaXRlbS5jb2RlLCAiaXRycnJycnJyciIpOwogICAgICAgICAgICB0aGlzLmNhbWVyYUNvZGUgPSBpdGVtLmNvZGU7CiAgICAgICAgICAgIHRoaXMuZ2V0RGF0YShpdGVtLmNvZGUpOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICB9LAogICAgfSwKICAgIGNhbWVyYUNvZGU6IHsKICAgICAgaGFuZGxlcihuZXdWYWx1ZSkgewogICAgICAgIHRoaXMuZ2V0RGF0YSgpOwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICB9LAogICAgaXRlbXM6IHsKICAgICAgaGFuZGxlcihuZXdWYWx1ZSkgewogICAgICAgIGNvbnNvbGUubG9nKG5ld1ZhbHVlLCAiaXRlbXNpdGVtc2l0ZW1zaXRlbXNpdGVtcyIpOwogICAgICAgIGlmIChuZXdWYWx1ZSkgewogICAgICAgICAgdGhpcy5nZXREYXRhKCk7CiAgICAgICAgfQogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICB9LAogIH0sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGNhbWVyYUNvZGU6ICIiLAogICAgICBsaW5lOiAiIiwKICAgICAgbWlsZWFnZVBvc2l0aW9uOiAiIiwKICAgICAgcmFua3M6ICIiLAogICAgICByYW5rOiAiIiwKICAgICAgZWxlY3RyaWNRdWFudGl0eTogIiIsCiAgICAgIGNhbWVyYUNvZGluZzogIiIsCiAgICAgIGNvdW50RG93blRpbWVyOiAiIiwKICAgICAgY291bnREb3duVGV4dDogIiIsCiAgICB9OwogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMuY291bnREb3duKCk7CiAgfSwKICBiZWZvcmVEZXN0cm95KCkgewogICAgdGhpcy5jb3VudERvd24oInN0b3AiKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIC8vIOiOt+WPluinhumikeS4iuaWueaVsOaNrgogICAgZ2V0RGF0YSgpIHsKICAgICAgY29uc29sZS5sb2codGhpcy5pdGVtcywgdGhpcy5pdGVtcyA9PT0gIjEiLCAidGhpcy5pdGVtc3RoaXMuaXRlbXMiKTsKICAgICAgaWYgKHRoaXMuaXRlbXMgPT09ICIxIikgewogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICBjb25zb2xlLmxvZyh0aGlzLml0ZW1zLCAiaXRlbXMiKTsKICAgICAgaWYgKHRoaXMuaXRlbXMpIHsKICAgICAgICBsaW5lRGF0ZVByb1Bvc3QoewogICAgICAgICAgaWQ6IHRoaXMuaXRlbXMuaWQsCiAgICAgICAgICByYWlsd2F5Q29kZTogdGhpcy5pdGVtcy5yYWlsd2F5Q29kZSwKICAgICAgICAgIGFsYXJtTWlsZTogdGhpcy5pdGVtcy5hbGFybU1pbGUsCiAgICAgICAgfSkudGhlbigocmVzKSA9PiB7CiAgICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICAgIGNvbnNvbGUubG9nKHJlcywgInJlc3Nzc3NzIik7CiAgICAgICAgICAgIHRoaXMubGluZSA9IHJlcy5kYXRhLnJhaWx3YXlDb2RlTmFtZTsKICAgICAgICAgICAgdGhpcy5taWxlYWdlUG9zaXRpb24gPSByZXMuZGF0YS5hbGFybU1pbGVzOwogICAgICAgICAgICB0aGlzLnJhbmtzID0gcmVzLmRhdGEubGluZURpclN0cjsKICAgICAgICAgICAgdGhpcy5lbGVjdHJpY1F1YW50aXR5ID0gcmVzLmRhdGEuZWxlY3RyaWNpdHk7CiAgICAgICAgICAgIHRoaXMuY2FtZXJhQ29kaW5nID0gcmVzLmRhdGEuY2FtZXJhQ29kZTsKICAgICAgICAgICAgdGhpcy4kc3RvcmUuc3RhdGUubGluZURhdGVQcm9Qb3N0ID0gcmVzLmRhdGE7CiAgICAgICAgICB9IGVsc2UgewogICAgICAgICAgICB0aGlzLmNsZWFyRGF0YSgpOwogICAgICAgICAgfQogICAgICAgIH0pOwogICAgICAgIHJldHVybjsKICAgICAgfQogICAgICBjb25zb2xlLmxvZyh0aGlzLCAiY2FtZXJhQ29kZWNhbWVyYUNvZGVjYW1lcmFDb2RlY2FtZXJhQ29kZSIpOwogICAgICBsaW5lRGF0ZSh0aGlzLmNhbWVyYUNvZGUpLnRoZW4oKHJlcykgPT4gewogICAgICAgIGNvbnNvbGUubG9nKHJlcywgIjIyMjIiKTsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gMjAwKSB7CiAgICAgICAgICB0aGlzLmxpbmUgPSByZXMuZGF0YVswXTsKICAgICAgICAgIHRoaXMubWlsZWFnZVBvc2l0aW9uID0gcmVzLmRhdGFbMV07CiAgICAgICAgICB0aGlzLnJhbmsgPSByZXMuZGF0YVsyXTsKICAgICAgICAgIHRoaXMuZWxlY3RyaWNRdWFudGl0eSA9IHJlcy5kYXRhWzRdOwogICAgICAgICAgdGhpcy5jYW1lcmFDb2RpbmcgPSByZXMuZGF0YVszXTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy5jbGVhckRhdGEoKTsKICAgICAgICB9CiAgICAgIH0pOwogICAgfSwKICAgIC8vIOivt+mZpOaVsOaNrgogICAgY2xlYXJEYXRhKCkgewogICAgICB0aGlzLmxpbmUgPSAiIjsKICAgICAgdGhpcy5taWxlYWdlUG9zaXRpb24gPSAiIjsKICAgICAgdGhpcy5lbGVjdHJpY1F1YW50aXR5ID0gIiI7CiAgICAgIHRoaXMuY2FtZXJhQ29kaW5nID0gIiI7CiAgICB9LAogICAgLy8g5YCS6K6h5pe2CiAgICBjb3VudERvd24odHlwZSkgewogICAgICBpZiAodGhpcy5jb3VudERvd25UaW1lcikgY2xlYXJJbnRlcnZhbCh0aGlzLmNvdW50RG93blRpbWVyKTsKCiAgICAgIGlmICh0eXBlID09PSAic3RvcCIpIHsKICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5jb3VudERvd25UaW1lciA9IHNldEludGVydmFsKCgpID0+IHsKICAgICAgICAgIGNvbnN0IHRpbWUgPSBuZXcgRGF0ZSgpLmdldFRpbWUoKSAvIDEwMDA7CiAgICAgICAgICB0aGlzLmNvdW50RG93blRleHQgPSBmb3JtYXRUaW1lKHRpbWUsICJZLk0uRCBoOm06cyIpOwogICAgICAgIH0sIDEwMDApOwogICAgICB9CiAgICB9LAogIH0sCn07Cg=="},{"version":3,"sources":["videoLine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;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;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;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","file":"videoLine.vue","sourceRoot":"src/components/videoPlayer","sourcesContent":["<template>\n <div style=\"\n display: flex;\n align-items: center;\n background-color: #e2e2e2;\n height: 20px;\n padding: 5px 10px;\n \">\n <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n <el-breadcrumb-item>{{ line }}</el-breadcrumb-item>\n\n <el-breadcrumb-item>{{ mileagePosition }}</el-breadcrumb-item>\n <el-breadcrumb-item>\n {{ rank == '1' ? '上行' : '下行' }}\n </el-breadcrumb-item>\n\n <el-breadcrumb-item>{{ cameraCoding }}</el-breadcrumb-item>\n <!-- <el-breadcrumb-item>{{ mileagePosition }}</el-breadcrumb-item> -->\n </el-breadcrumb>\n <div style=\"flex: 1\" />\n <div v-if=\"showElectric && electricQuantity\" style=\"display: flex; align-items: center; margin-right: 10px\">\n <img src=\"@/assets/2.png\" style=\"width: 20px; height: 15px; margin-right: 5px\" />\n {{ electricQuantity }}%\n </div>\n <!-- <div>{{ countDownText }}</div> -->\n </div>\n</template>\n\n<script>\nimport { formatTime } from \"@/utils/utils\";\nimport { lineDate, lineDateProPost } from \"@/api/video\";\n\n// videoLine\nexport default {\n name: \"VideoLine\",\n props: {\n cameraCode: {\n type: String,\n default() {\n return \"\";\n },\n },\n allCamera: {\n type: Array,\n default() {\n return \"\";\n },\n },\n items: {\n type: String,\n default() {\n return \"\";\n },\n },\n showElectric: {\n type: Boolean,\n default: true,\n }\n },\n watch: {\n allCamera: {\n handler(newVal) {\n console.log(newVal, \"allallallallallallallallallall\");\n newVal.filter((item, index) => {\n if (index < 4) {\n console.log(item.code, \"itrrrrrrrr\");\n this.cameraCode = item.code;\n this.getData(item.code);\n }\n });\n },\n },\n cameraCode: {\n handler(newValue) {\n this.getData();\n },\n immediate: true,\n },\n items: {\n handler(newValue) {\n console.log(newValue, \"itemsitemsitemsitemsitems\");\n if (newValue) {\n this.getData();\n }\n },\n immediate: true,\n },\n },\n data() {\n return {\n cameraCode: \"\",\n line: \"\",\n mileagePosition: \"\",\n ranks: \"\",\n rank: \"\",\n electricQuantity: \"\",\n cameraCoding: \"\",\n countDownTimer: \"\",\n countDownText: \"\",\n };\n },\n mounted() {\n this.countDown();\n },\n beforeDestroy() {\n this.countDown(\"stop\");\n },\n methods: {\n // 获取视频上方数据\n getData() {\n console.log(this.items, this.items === \"1\", \"this.itemsthis.items\");\n if (this.items === \"1\") {\n return;\n }\n console.log(this.items, \"items\");\n if (this.items) {\n lineDateProPost({\n id: this.items.id,\n railwayCode: this.items.railwayCode,\n alarmMile: this.items.alarmMile,\n }).then((res) => {\n if (res.code == 200) {\n console.log(res, \"ressssss\");\n this.line = res.data.railwayCodeName;\n this.mileagePosition = res.data.alarmMiles;\n this.ranks = res.data.lineDirStr;\n this.electricQuantity = res.data.electricity;\n this.cameraCoding = res.data.cameraCode;\n this.$store.state.lineDateProPost = res.data;\n } else {\n this.clearData();\n }\n });\n return;\n }\n console.log(this, \"cameraCodecameraCodecameraCodecameraCode\");\n lineDate(this.cameraCode).then((res) => {\n console.log(res, \"2222\");\n if (res.code == 200) {\n this.line = res.data[0];\n this.mileagePosition = res.data[1];\n this.rank = res.data[2];\n this.electricQuantity = res.data[4];\n this.cameraCoding = res.data[3];\n } else {\n this.clearData();\n }\n });\n },\n // 请除数据\n clearData() {\n this.line = \"\";\n this.mileagePosition = \"\";\n this.electricQuantity = \"\";\n this.cameraCoding = \"\";\n },\n // 倒计时\n countDown(type) {\n if (this.countDownTimer) clearInterval(this.countDownTimer);\n\n if (type === \"stop\") {\n return false;\n } else {\n this.countDownTimer = setInterval(() => {\n const time = new Date().getTime() / 1000;\n this.countDownText = formatTime(time, \"Y.M.D h:m:s\");\n }, 1000);\n }\n },\n },\n};\n</script>\n"]}]}
|
