{"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/streamRadio/index.vue?vue&type=script&lang=js","dependencies":[{"path":"/Users/caoge/Desktop/机车现场/VehicleMonitor-WEB/src/views/streamRadio/index.vue","mtime":1713423005866},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBheGlvcyBmcm9tICdheGlvcyc7CmltcG9ydCB7IGdldFN0cmVhbSB9IGZyb20gJ0AvYXBpL2FuYWxvZ0RhdGEnOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ3N0cmVhbVJhZGlvJywKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdGFibGVEYXRhOiBbXSwKICAgICAgdGltZXI6IG51bGwKICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdGhpcy50aW1lciA9IHNldEludGVydmFsKHRoaXMuZ2V0RGF0YSwgMjAwMCk7CiAgfSwKICBiZWZvcmVEZXN0cm95OiBmdW5jdGlvbiBiZWZvcmVEZXN0cm95KCkgewogICAgY2xlYXJJbnRlcnZhbCh0aGlzLnRpbWVyKTsKICB9LAogIG1ldGhvZHM6IHsKICAgIGhvdXJzVW50aWw6IGZ1bmN0aW9uIGhvdXJzVW50aWwodGFyZ2V0VGltZSkgewogICAgICAvLyDliJvlu7rnm67moIfml7bpl7TnmoREYXRl5a+56LGhCiAgICAgIHZhciB0YXJnZXQgPSBuZXcgRGF0ZSh0YXJnZXRUaW1lKTsKICAgICAgLy8g5Yib5bu65b2T5YmN5pe26Ze055qERGF0ZeWvueixoQogICAgICB2YXIgbm93ID0gbmV3IERhdGUoKTsKICAgICAgLy8g6K6h566X5pe26Ze05beu77yI5q+r56eS77yJCiAgICAgIHZhciBkaWZmZXJlbmNlID0gdGFyZ2V0IC0gbm93OwogICAgICAvLyDlsIbml7bpl7Tlt67ovazmjaLkuLrlsI/ml7YKICAgICAgdmFyIGhvdXJzID0gZGlmZmVyZW5jZSAvICgxMDAwICogNjAgKiA2MCk7CiAgICAgIC8vIOi/lOWbnue7k+aenAogICAgICByZXR1cm4gTWF0aC5yb3VuZChob3VycyAqIC0xKSArICflsI/ml7bliY0nOwogICAgfSwKICAgIGdldERhdGE6IGZ1bmN0aW9uIGdldERhdGEoKSB7CiAgICAgIHZhciBfdGhpcyA9IHRoaXM7CiAgICAgIGdldFN0cmVhbSgpLnRoZW4oZnVuY3Rpb24gKHJlcykgewogICAgICAgIF90aGlzLnRhYmxlRGF0YSA9IHJlcy5kYXRhOwogICAgICB9KTsKICAgIH0KICB9Cn07"},{"version":3,"names":["axios","getStream","name","data","tableData","timer","created","setInterval","getData","beforeDestroy","clearInterval","methods","hoursUntil","targetTime","target","Date","now","difference","hours","Math","round","_this","then","res"],"sources":["src/views/streamRadio/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"dashboard-container\">\r\n    <el-table :data=\"tableData\">\r\n      <el-table-column prop=\"installMile\" label=\"里程\" min-width=\"150\" show-overflow-tooltip=\"false\" fixed=\"left\">\r\n      </el-table-column>\r\n      <el-table-column prop=\"cameraCode\" label=\"相机名称\" min-width=\"280\" show-overflow-tooltip=\"false\">\r\n      </el-table-column>\r\n      <el-table-column prop=\"streamPath\" label=\"StreamPath\" min-width=\"150\" show-overflow-tooltip=\"false\">\r\n      </el-table-column>\r\n      <el-table-column prop=\"type\" label=\"类型\" width=\"150\">\r\n      </el-table-column>\r\n      <el-table-column prop=\"startTime\" label=\"开始时间\" width=\"150\"></el-table-column>\r\n\r\n      <el-table-column label=\"音频\">\r\n        <el-table-column label=\"格式\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.audioTracks?scope.row.audioTracks.name:'' }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"province\" label=\"采样率\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.audioTracks?scope.row.audioTracks.sampleRate:'' }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"city\" label=\"声道\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.audioTracks?scope.row.audioTracks.channels:'' }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"address\" label=\"码率\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.audioTracks?scope.row.audioTracks.bps:'' }}\r\n          </template>\r\n        </el-table-column>\r\n      </el-table-column>\r\n      <el-table-column label=\"视频\">\r\n        <el-table-column prop=\"name\" label=\"格式\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.videoTracks?scope.row.videoTracks.name:'' }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"province\" label=\"分辨率\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.videoTracks?scope.row.videoTracks.resolution:'' }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"city\" label=\"GOP\" width=\"120\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.videoTracks?scope.row.videoTracks.gop:'' }}\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"address\" label=\"码率\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.videoTracks?scope.row.videoTracks.bps:'' }}\r\n          </template>\r\n        </el-table-column>\r\n      </el-table-column>\r\n      <el-table-column prop=\"subscribers\" label=\"订阅者\" width=\"120\" fixed=\"right\">\r\n      </el-table-column>\r\n    </el-table>\r\n  </div>\r\n</div></template>\r\n<script>\r\nimport axios from 'axios'\r\nimport { getStream } from '@/api/analogData'\r\nexport default {\r\n  name: 'streamRadio',\r\n  data() {\r\n    return {\r\n      tableData: [],\r\n      timer:null\r\n    }\r\n  },\r\n  created() {\r\n    this.timer=setInterval(this.getData,2000)\r\n  },\r\n  beforeDestroy() {\r\n    clearInterval(this.timer)\r\n  },\r\n  methods: {\r\n    hoursUntil(targetTime) {\r\n      // 创建目标时间的Date对象\r\n      var target = new Date(targetTime);\r\n      // 创建当前时间的Date对象\r\n      var now = new Date();\r\n      // 计算时间差（毫秒）\r\n      var difference = target - now;\r\n      // 将时间差转换为小时\r\n      var hours = difference / (1000 * 60 * 60);\r\n      // 返回结果\r\n      return Math.round(hours * -1) + '小时前';\r\n    },\r\n    getData() {\r\n      getStream().then(res=>{\r\n          this.tableData=res.data\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.dashboard {\r\n  &-container {\r\n    margin: 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.dashboard-container {\r\n  .search-content {\r\n    width: 100%;\r\n    height: 74px;\r\n    background-color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    padding-left: 10px;\r\n\r\n    .el-input {\r\n      margin: 0 10px;\r\n    }\r\n\r\n    .el-select {\r\n      margin: 0 10px;\r\n    }\r\n\r\n    .search-btn {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 100%;\r\n      margin-left: 10px;\r\n\r\n      div {\r\n        // margin: 0 6px;\r\n        display: inline-block;\r\n        width: 80px;\r\n        height: 40px;\r\n        border-radius: 2px;\r\n        font-size: 14px;\r\n        line-height: 40px;\r\n        text-align: center;\r\n      }\r\n\r\n      div:hover {\r\n        cursor: pointer;\r\n      }\r\n\r\n      .search {\r\n        margin-right: 10px;\r\n        background-color: #2766DD;\r\n        color: #F7F8FB;\r\n      }\r\n\r\n      .search:hover {\r\n        background-color: #4D85F4;\r\n      }\r\n\r\n      .reset {\r\n        color: #333334;\r\n        border: 1px solid #D7D7D7;\r\n      }\r\n\r\n      .reset:hover {\r\n        color: #1F9FFF;\r\n        border: 1px solid #1F9FFF;\r\n      }\r\n    }\r\n  }\r\n\r\n  .table-content {\r\n    margin-top: 15px;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    padding: 0 20px 20px;\r\n\r\n    .btn {\r\n      margin: 15px 20px 15px 0;\r\n      cursor: pointer;\r\n      float: left;\r\n      text-align: center;\r\n      width: 98px;\r\n      height: 34px;\r\n      border-radius: 2px;\r\n      border: 1px solid #ABC7FD;\r\n      line-height: 34px;\r\n      font-weight: 400;\r\n      font-size: 14px;\r\n      color: #2250C8;\r\n      background-color: #E7EEFF;\r\n    }\r\n\r\n    .btn:hover {\r\n      color: #FFFFFF;\r\n      background-color: #2250C8;\r\n      border: 1px solid #2250C8;\r\n    }\r\n\r\n    .btn:active {\r\n      color: #FFFFFF;\r\n      background-color: #194DA4;\r\n      border: 1px solid #194DA4;\r\n    }\r\n\r\n    .startUsing {\r\n      width: 54px;\r\n      height: 24px;\r\n      margin: 14.5px auto 0;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      font-size: 12px;\r\n      color: #00974D;\r\n      border-radius: 4px;\r\n      background-color: #E7FAF0;\r\n      border: 1px solid #BEFDDD;\r\n    }\r\n\r\n    .Deactivate {\r\n      width: 54px;\r\n      height: 24px;\r\n      margin: 14.5px auto 0;\r\n      line-height: 24px;\r\n      text-align: center;\r\n      font-size: 12px;\r\n      color: #FF9933;\r\n      border-radius: 4px;\r\n      background-color: #FFF3E8;\r\n      border: 1px solid #FDE6CF;\r\n    }\r\n\r\n    .operateBtn {\r\n      display: flex;\r\n      justify-content: center;\r\n      color: #2866DD;\r\n\r\n      div {\r\n        font-size: 14px;\r\n        margin: 0 5px;\r\n        cursor: pointer;\r\n      }\r\n    }\r\n\r\n    .pagination {\r\n      margin: 10px 0;\r\n      width: 100%;\r\n      height: 20px;\r\n\r\n      .el-pagination {\r\n        float: right;\r\n        margin: 10px 0;\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n</style>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,OAAAA,KAAA;AACA,SAAAC,SAAA;AACA;EACAC,IAAA;EACAC,IAAA,WAAAA,KAAA;IACA;MACAC,SAAA;MACAC,KAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;IACA,KAAAD,KAAA,GAAAE,WAAA,MAAAC,OAAA;EACA;EACAC,aAAA,WAAAA,cAAA;IACAC,aAAA,MAAAL,KAAA;EACA;EACAM,OAAA;IACAC,UAAA,WAAAA,WAAAC,UAAA;MACA;MACA,IAAAC,MAAA,OAAAC,IAAA,CAAAF,UAAA;MACA;MACA,IAAAG,GAAA,OAAAD,IAAA;MACA;MACA,IAAAE,UAAA,GAAAH,MAAA,GAAAE,GAAA;MACA;MACA,IAAAE,KAAA,GAAAD,UAAA;MACA;MACA,OAAAE,IAAA,CAAAC,KAAA,CAAAF,KAAA;IACA;IACAV,OAAA,WAAAA,QAAA;MAAA,IAAAa,KAAA;MACApB,SAAA,GAAAqB,IAAA,WAAAC,GAAA;QACAF,KAAA,CAAAjB,SAAA,GAAAmB,GAAA,CAAApB,IAAA;MACA;IACA;EACA;AACA"}]}