added part of the system tasks logic

frontend/src/i18n/zh.js

@@ -284,6 +284,9 @@ export default {
   'Start Time': '开始时间',
   'Finish Time': '结束时间',
   'Update Time': '更新时间',
+  'Type': '类别',
+  'Spider Tasks': '爬虫任务',
+  'System Tasks': '系统任务',
 
   // 部署
   'Time': '时间',

frontend/src/store/modules/task.js

@@ -13,7 +13,8 @@ const state = {
     node_id: '',
     spider_id: '',
     status: '',
-    schedule_id: ''
+    schedule_id: '',
+    type: 'spider'
   },
   // pagination
   pageNum: 1,
@@ -174,7 +175,8 @@ const actions = {
       node_id: state.filter.node_id || undefined,
       spider_id: state.filter.spider_id || undefined,
       status: state.filter.status || undefined,
-      schedule_id: state.filter.schedule_id || undefined
+      schedule_id: state.filter.schedule_id || undefined,
+      type: state.filter.type || undefined
     })
       .then(response => {
         commit('SET_TASK_LIST', response.data.data || [])

frontend/src/views/task/TaskList.vue

@@ -14,6 +14,24 @@
       <div class="filter">
         <div class="left">
           <el-form class="filter-form" :model="filter" label-width="100px" label-position="right" inline>
+            <el-form-item :label="$t('Type')">
+              <el-button-group>
+                <el-button
+                  size="small"
+                  :type="filter.type === 'spider' ? 'primary' : ''"
+                  @click="onClickType('spider')"
+                >
+                  {{ $t('Spider Tasks') }}
+                </el-button>
+                <el-button
+                  size="small"
+                  :type="filter.type === 'system' ? 'primary' : ''"
+                  @click="onClickType('system')"
+                >
+                  {{ $t('System Tasks') }}
+                </el-button>
+              </el-button-group>
+            </el-form-item>
             <el-form-item prop="node_id" :label="$t('Node')">
               <el-select v-model="filter.node_id" size="small" :placeholder="$t('Node')" @change="onFilterChange">
                 <el-option value="" :label="$t('All')" />
@@ -584,6 +602,11 @@
       onFilterChange() {
         this.$store.dispatch('task/getTaskList')
         this.$st.sendEv('任务列表', '筛选任务')
+      },
+      onClickType(type) {
+        this.$set(this.filter, 'type', type)
+        this.$store.dispatch('task/getTaskList')
+        this.$st.sendEv('任务列表', '选择类别', type)
       }
     }
   }