Merge pull request #310 from dataease/pr@v1.1@fix_消息跳转任务加载延时

fix: 消息跳转到同步任务记录后加载有延时

frontend/src/views/system/task/TaskRecord.vue

@@ -124,22 +124,37 @@ export default {
     } else {
       this.last_condition = {
         'dataset_table_task.name': {
-            field: "dataset_table_task.name",
+          field: 'dataset_table_task.name',
-            operator: "eq",
+          operator: 'eq',
           value: this.param.name
         }
       }
       this.search(this.last_condition)
     }
 
+    // this.timer = setInterval(() => {
+    //   this.search(this.last_condition, false)
+    // }, 5000)
+    this.createTimer()
+  },
+  beforeDestroy() {
+    // clearInterval(this.timer)
+    this.destroyTimer()
+  },
+  methods: {
+    createTimer() {
+      if (!this.timer) {
         this.timer = setInterval(() => {
           this.search(this.last_condition, false)
         }, 5000)
+      }
     },
-  beforeDestroy() {
+    destroyTimer() {
+      if (this.timer) {
         clearInterval(this.timer)
+        this.timer = null
+      }
     },
-  methods: {
     msg2Current(routerParam) {
       if (!routerParam || !routerParam.taskId) return
       const taskId = routerParam.taskId
@@ -151,7 +166,13 @@ export default {
           value: taskId
         }
       }
+      // 先把定时器干掉 否则会阻塞下面的search
+      this.destroyTimer()
+
       this.search(current_condition)
+
+      // 查询完再开启定时器
+      this.createTimer()
     },
     sortChange({ column, prop, order }) {
       this.orderConditions = []

frontend/src/views/system/task/dataset.vue

@@ -4,10 +4,10 @@
     <el-row style="height: 100%;overflow-y: hidden;width: 100%;">
       <el-tabs v-model="tabActive" @tab-click="changeTab">
         <el-tab-pane :label="$t('dataset.task.list')" name="DatasetTaskList">
-          <dataset-task-list :param="task" @jumpTaskRecord="jumpTaskRecord" v-if="tabActive=='DatasetTaskList'" />
+          <dataset-task-list v-if="tabActive=='DatasetTaskList'" :param="task" @jumpTaskRecord="jumpTaskRecord" />
         </el-tab-pane>
         <el-tab-pane :label="$t('dataset.task.record')" name="TaskRecord">
-          <task-record :param="task"  @jumpTask="jumpTask" v-if="tabActive=='TaskRecord'" />
+          <task-record v-if="tabActive=='TaskRecord'" ref="task_record" :param="task" @jumpTask="jumpTask" />
         </el-tab-pane>
       </el-tabs>
     </el-row>