增加倒计时

src/components/Trash.vue

@@ -11,7 +11,8 @@
       title="批处理撕标签"
       :visible.sync="dialogVisible"
       width="600px"
-      @open="dialogOpen">
+      @open="dialogOpen"
+      @closed="dialogClosed">
       <el-alert
         title="每次操作一键清除的时间间隔为6小时。"
         type="info"
@@ -52,7 +53,8 @@ export default {
       trashList: [],
       stateComponent: '',
       dialogVisible: false,
-      delTime: 1
+      delTime: 1,
+      interval: undefined
     }
   },
   components: { CycleWrap, Success, Pending },
@@ -87,8 +89,14 @@ export default {
         const { errorCode, message, result } = res;
         if(errorCode != 1) return this.$message.error(message);
         this.delTime = result;
+        this.interval = setInterval(_ => {
+          this.delTime -= 1000;
+        }, 1000)
       })
     },
+    dialogClosed() {
+      if(this.interval) clearInterval(this.interval);
+    },
     getDelTime() {
       let s = parseInt(this.delTime % (1000 * 60) / 1000);
       let m = parseInt((this.delTime % (1000 * 60 * 60)) / (1000 * 60));