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