From db0f58f9b9bf6360892d3da6298ff8b22bd710d6 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq@gmail.com>
Date: Tue, 23 Apr 2019 19:52:06 +0800
Subject: [PATCH] request task list every 5 seconds

---
 frontend/src/views/task/TaskList.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/task/TaskList.vue b/frontend/src/views/task/TaskList.vue
index 20687334..c8daa4c3 100644
--- a/frontend/src/views/task/TaskList.vue
+++ b/frontend/src/views/task/TaskList.vue
@@ -102,9 +102,16 @@ export default {
   name: 'TaskList',
   data () {
     return {
+      // setInterval handle
+      handle: undefined,
+
+      // determine if is edit mode
       isEditMode: false,
+
+      // dialog visibility
       dialogVisible: false,
-      // tableData,
+
+      // table columns
       columns: [
         { name: 'create_ts', label: 'Create Time', width: '100' },
         { name: 'start_ts', label: 'Start Time', width: '100' },
@@ -211,6 +218,15 @@ export default {
     this.$store.dispatch('task/getTaskList')
     this.$store.dispatch('spider/getSpiderList')
     this.$store.dispatch('node/getNodeList')
+  },
+  mounted () {
+    // request task list every 5 seconds
+    this.handle = setInterval(() => {
+      this.$store.dispatch('task/getTaskList')
+    }, 5000)
+  },
+  destroyed () {
+    clearInterval(this.handle)
   }
 }
 </script>