[FE]视频回放接口联调完成

security-protection-platform/src/modules/videoSurveillance/components/ReplayDialog/index.vue

@@ -14,8 +14,8 @@
            <t-button @click="resetData">重置</t-button>
          </div>
        </div>
        <t-tabs v-model="currentTab" mode="scrollY" orientation="vertical" width="100%" @change="handleTabChange">
          <t-tab-panel v-for="item in list" :key="item.monitorVideoLogId" :label="item.fileName" :panel-id="item.fileId" />
        <t-tabs v-if="isShow" v-model="currentTab" mode="scrollY" orientation="vertical" width="100%" @change="handleTabChange">
          <t-tab-panel v-for="item in list" :key="item.fileId" :label="item.fileName" :panel-id="item.fileId" />
        </t-tabs>
      </div>
@@ -63,7 +63,8 @@ export default {
      // 开始时间
      beginDay: '2020-12-19 20:14:00',
      // 结束时间
      endDay: '2020-12-19 20:14:59'
      endDay: '2020-12-19 20:14:59',
      isShow: true
    }
  },
  computed: {
@@ -79,6 +80,8 @@ export default {
    list: {
      handler (val) {
        this.list = val
        // 利用v-if刷新tab组件
        this.reload()
        console.warn(`list Change`)
        this.resetVideoList()
        if (val.length > 0) {
@@ -180,6 +183,13 @@ export default {
      this.beginDay = formatDateTime(new Date(+new Date() - 10 * 60 * 1000), 'yyyy-MM-dd hh:mm:ss')
      this.endDay = formatDateTime(new Date(), 'yyyy-MM-dd hh:mm:ss')
      // this.getData()
    },
    // 刷新组件
    reload () {
      this.isShow = false
      this.$nextTick(() => {
        this.isShow = true
      })
    }
  }
}