属性功能

src/components/grids.vue

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="video-title">
       <div class="main-title">车辆实时监控</div>
-      <div class="title-btn">
+      <div class="title-btn" @click="handlerRefresh()">
         <img src="../assets/images/sx.png" alt="" />
         刷新
       </div>
@@ -63,7 +63,7 @@
       <div class="dialog-videoNodata" v-else>
         <div class="video-title">
           <div class="main-title">已播放结束</div>
-          <div class="title-btn">
+          <div class="title-btn" @click="handlerRefresh(true)">
             <img src="../assets/images/sx.png" alt="" />
             刷新
           </div>
@@ -96,6 +96,27 @@ export default {
     });
   },
   methods: {
+    /**刷新 */
+    handlerRefresh(type) {
+      if (type) {
+        this.dialogSate = true;
+        this.$nextTick(() => {
+          this.toplay("0521", this.items[this.dialogIndex].tdh, true);
+          this.items[this.dialogIndex].sate = 1;
+        });
+
+        return;
+      }
+      // 清除视频列表
+      this.items.forEach((item, index) => {
+        if (this.video_player[index]) {
+          this.toclose(index);
+        }
+      });
+      this.video_player = {};
+      this.video_uuid = {};
+      this.getCarInfo();
+    },
     /**获取该车辆 */
     async getCarInfo() {
       this.items = [];
@@ -235,8 +256,11 @@ export default {
       this.video_uuid[id] = undefined;
     },
     handleClose(id) {
+      if (this.video_player["0521"]) {
+        this.toclose(id);
+      }
       this.items[this.dialogIndex].sate = 2;
-      this.toclose(id);
+
       this.dialogVisible = false;
     },
     scroll(direction) {