{"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"]}]}