| 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/palyAndPlayback.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/地质现场/VehicleMonitor-WEB/src/components/videoPlayer/palyAndPlayback.vue","mtime":1708395041800},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB2aWRlb0xpbmUgZnJvbSAiQC9jb21wb25lbnRzL3ZpZGVvUGxheWVyL3ZpZGVvTGluZSI7CmltcG9ydCB2aWRlb1BsYXllciBmcm9tICJAL2NvbXBvbmVudHMvdmlkZW9QbGF5ZXIvdmlkZW9QbGF5ZXIiOwppbXBvcnQgeyBpbnZpdGVzIH0gZnJvbSAiQC9hcGkvdmlkZW8iOwp2YXIgZGF5anMgPSByZXF1aXJlKCJkYXlqcyIpOwoKLy8gcGFseUFuZFBsYXliYWNrCi8vIOaSreaUvuS4juWbnuaUvgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlBhbHlBbmRQbGF5YmFjayIsCiAgY29tcG9uZW50czogeyB2aWRlb0xpbmUsIHZpZGVvUGxheWVyIH0sCiAgcHJvcHM6IHsKICAgIHZpZGVvVHlwZTogewogICAgICAvLyDoj5zljZXnsbvlnosKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0KCkgewogICAgICAgIHJldHVybiAxOwogICAgICB9LAogICAgfSwKICAgIGNhbWVyYUNvZGU6IHsKICAgICAgLy8g5pGE5YOP5py6Y29kZQogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuICIiOwogICAgICB9LAogICAgfSwKICAgIGl0ZW1zOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdCgpIHsKICAgICAgICByZXR1cm4gIiI7CiAgICAgIH0sCiAgICB9LAogICAgYWxhcm1UaW1lOiB7CiAgICAgIC8vIOaKpeitpuaXtumXtAogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuICIiOwogICAgICB9LAogICAgfSwKICB9LAogIHdhdGNoOiB7CiAgICBjYW1lcmFDb2RlKG5ld1ZhbHVlKSB7CiAgICAgIHRoaXMuY2FtZXJhQ29kZVZpZGVvID0gbmV3VmFsdWU7CiAgICB9LAogICAgLy8gdmlkZW9UeXBlKG5ld1ZhbHVlKSB7CiAgICAvLyAgIHRoaXMuX3ZpZGVvVHlwZSA9IG5ld1ZhbHVlOwogICAgLy8gICB0aGlzLmhhbmRsZVNlbGVjdCh0aGlzLl92aWRlb1R5cGUpOwogICAgLy8gfSwKICB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBfdmlkZW9UeXBlOiAxLAogICAgICBpc1RpbWU6IGZhbHNlLAogICAgICBjYW1lcmFDb2RlVmlkZW86ICIiLAogICAgICBjYW1lcmFDb2RlVXJsOiAiIiwKICAgICAgcGxheWJhY2tNb2RhbDogewogICAgICAgIC8vIOWbnuaUvuaooeWdlwogICAgICAgIHNob3c6IGZhbHNlLAogICAgICAgIHRpbWU6ICIiLAogICAgICB9LAogICAgfTsKICB9LAogIG1vdW50ZWQoKSB7CiAgICBpZiAodGhpcy4kcm91dGUucXVlcnkuc3RhcnRUaW1lKSB7CiAgICAgIHRoaXMuX3ZpZGVvVHlwZSA9IDI7CiAgICAgIHRoaXMudmlkZW9UeXBlID0gMjsKICAgICAgdGhpcy5pc1RpbWUgPSB0cnVlOwogICAgICB0aGlzLmNhbWVyYUNvZGUgPSB0aGlzLiRyb3V0ZS5xdWVyeS5jYW1lcmFDb2RlOwogICAgICB0aGlzLmludml0ZSh0aGlzLiRyb3V0ZS5xdWVyeS5zdGFydFRpbWUsIHRoaXMuJHJvdXRlLnF1ZXJ5LmVudFRpbWUpOwogICAgICB0aGlzLnBsYXliYWNrTW9kYWwuc2hvdyA9IGZhbHNlOwogICAgICByZXR1cm47CiAgICB9CiAgICB0aGlzLl92aWRlb1R5cGUgPSB0aGlzLnZpZGVvVHlwZTsKICAgIHRoaXMuaGFuZGxlU2VsZWN0KHRoaXMuX3ZpZGVvVHlwZSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBoYW5kbGVTZWxlY3QodmFsKSB7CiAgICAgIGNvbnNvbGUubG9nKCJb6KeG6aKR5pyN5YqhXXRhYuWIh+aNoiIsIHZhbCk7CiAgICAgIGlmICh2YWwgPT0gMSkgewogICAgICAgIHRoaXMudmlkZW9UeXBlID0gMTsKICAgICAgICB0aGlzLmNhbWVyYUNvZGVVcmwgPSAiIjsKICAgICAgICB0aGlzLmNhbWVyYUNvZGVWaWRlbyA9IHRoaXMuY2FtZXJhQ29kZTsKICAgICAgICB0aGlzLmlzVGltZSA9IGZhbHNlOwogICAgICAgIHRoaXMuX3ZpZGVvVHlwZSA9IDE7CiAgICAgICAgdGhpcy5fdmlkZW9UeXBlID0gdGhpcy52aWRlb1R5cGU7CiAgICAgIH0gZWxzZSBpZiAodmFsID09IDIpIHsKICAgICAgICB0aGlzLnZpZGVvVHlwZSA9IDI7CiAgICAgICAgdGhpcy5pc1RpbWUgPSB0cnVlOwogICAgICAgIHRoaXMuX3ZpZGVvVHlwZSA9IDI7CiAgICAgICAgdGhpcy5pbnZpdGVzKCk7CiAgICAgIH0KICAgICAgdGhpcy4kZW1pdCgidGFiQ2hhbmdlIiwgdmFsKTsKICAgIH0sCiAgICBwbGF5YmFja01vZGFsU2hvdygpIHsKICAgICAgdGhpcy5wbGF5YmFja01vZGFsLnNob3cgPSB0cnVlOwogICAgfSwKICAgIHBsYXliYWNrTW9kYWxDbG9zZSgpIHsKICAgICAgdGhpcy5jYW1lcmFDb2RlVXJsID0gIiI7CiAgICAgIHRoaXMuY2FtZXJhQ29kZVZpZGVvID0gIiI7CiAgICAgIHRoaXMucGxheWJhY2tNb2RhbC5zaG93ID0gZmFsc2U7CiAgICB9LAogICAgaW52aXRlcygpIHsKICAgICAgaW52aXRlcyh0aGlzLiRyb3V0ZS5xdWVyeS5hbGFybUlkKS50aGVuKChyZXMpID0+IHsKICAgICAgICBpZiAocmVzLmNvZGUgPT0gIjIwMCIgJiYgcmVzLmRhdGEpIHsKICAgICAgICAgIGNvbnNvbGUubG9nKHJlcy5kYXRhLCAiZGF0YWZhZiIpOwogICAgICAgICAgdGhpcy5jYW1lcmFDb2RlVXJsID0gcmVzLmRhdGE7CiAgICAgICAgICB0aGlzLmNhbWVyYUNvZGVWaWRlbyA9ICIiOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICB0aGlzLmNhbWVyYUNvZGVVcmwgPSAiIjsKICAgICAgICAgIHRoaXMuY2FtZXJhQ29kZVZpZGVvID0gIiI7CiAgICAgICAgICB0aGlzLiRtZXNzYWdlLmVycm9yKHJlcy5tc2cpOwogICAgICAgIH0KICAgICAgfSk7CiAgICB9LAogIH0sCn07Cg=="},{"version":3,"sources":["palyAndPlayback.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;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;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","file":"palyAndPlayback.vue","sourceRoot":"src/components/videoPlayer","sourcesContent":["<template>\n <el-container style=\"padding: 15px 10px\">\n <el-header style=\"padding: 0px; height: 35px\">\n <div style=\"display: flex\">\n <div\n style=\"\n width: 100px;\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n \"\n :style=\"{\n backgroundColor: _videoType == 1 ? '#2766dd' : '',\n color: _videoType == 1 ? '#fff' : '',\n }\"\n @click=\"handleSelect(1)\"\n >\n 实时检测\n </div>\n <div\n style=\"\n width: 100px;\n height: 35px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n \"\n :style=\"{\n backgroundColor: _videoType == 2 ? '#2766dd' : '',\n color: _videoType == 2 ? '#fff' : '',\n }\"\n @click=\"handleSelect(2)\"\n >\n 回放视频\n </div>\n </div>\n </el-header>\n <el-main style=\"padding: 0px\" :class=\"'className' + this._videoType\">\n <videoLine :items=\"items || '1'\" :camera-code=\"cameraCode\"></videoLine>\n <videoPlayer\n :isTime=\"isTime\"\n :items=\"items || '1'\"\n :heigthIsFull=\"false\"\n :camera-code=\"cameraCodeVideo\"\n :video-url=\"cameraCodeUrl\"\n />\n </el-main>\n </el-container>\n</template>\n\n<script>\nimport videoLine from \"@/components/videoPlayer/videoLine\";\nimport videoPlayer from \"@/components/videoPlayer/videoPlayer\";\nimport { invites } from \"@/api/video\";\nvar dayjs = require(\"dayjs\");\n\n// palyAndPlayback\n// 播放与回放\nexport default {\n name: \"PalyAndPlayback\",\n components: { videoLine, videoPlayer },\n props: {\n videoType: {\n // 菜单类型\n type: Number,\n default() {\n return 1;\n },\n },\n cameraCode: {\n // 摄像机code\n type: String,\n default() {\n return \"\";\n },\n },\n items: {\n type: String,\n default() {\n return \"\";\n },\n },\n alarmTime: {\n // 报警时间\n type: String,\n default() {\n return \"\";\n },\n },\n },\n watch: {\n cameraCode(newValue) {\n this.cameraCodeVideo = newValue;\n },\n // videoType(newValue) {\n // this._videoType = newValue;\n // this.handleSelect(this._videoType);\n // },\n },\n data() {\n return {\n _videoType: 1,\n isTime: false,\n cameraCodeVideo: \"\",\n cameraCodeUrl: \"\",\n playbackModal: {\n // 回放模块\n show: false,\n time: \"\",\n },\n };\n },\n mounted() {\n if (this.$route.query.startTime) {\n this._videoType = 2;\n this.videoType = 2;\n this.isTime = true;\n this.cameraCode = this.$route.query.cameraCode;\n this.invite(this.$route.query.startTime, this.$route.query.entTime);\n this.playbackModal.show = false;\n return;\n }\n this._videoType = this.videoType;\n this.handleSelect(this._videoType);\n },\n methods: {\n handleSelect(val) {\n console.log(\"[视频服务]tab切换\", val);\n if (val == 1) {\n this.videoType = 1;\n this.cameraCodeUrl = \"\";\n this.cameraCodeVideo = this.cameraCode;\n this.isTime = false;\n this._videoType = 1;\n this._videoType = this.videoType;\n } else if (val == 2) {\n this.videoType = 2;\n this.isTime = true;\n this._videoType = 2;\n this.invites();\n }\n this.$emit(\"tabChange\", val);\n },\n playbackModalShow() {\n this.playbackModal.show = true;\n },\n playbackModalClose() {\n this.cameraCodeUrl = \"\";\n this.cameraCodeVideo = \"\";\n this.playbackModal.show = false;\n },\n invites() {\n invites(this.$route.query.alarmId).then((res) => {\n if (res.code == \"200\" && res.data) {\n console.log(res.data, \"datafaf\");\n this.cameraCodeUrl = res.data;\n this.cameraCodeVideo = \"\";\n } else {\n this.cameraCodeUrl = \"\";\n this.cameraCodeVideo = \"\";\n this.$message.error(res.msg);\n }\n });\n },\n },\n};\n</script>\n"]}]}
|
