From b895af5cfea31557f9827e46b7df4aa6c9ed9c7c Mon Sep 17 00:00:00 2001
From: xinwen <coderWen@126.com>
Date: Wed, 20 May 2020 16:40:53 +0800
Subject: [PATCH] [Add] gathered user task

---
 .../GatheredUserList.vue}                     | 23 +++++++++-
 .../xpack/GatheredUser/TaskCreateUpdate.vue   | 46 +++++++++++++++++++
 src/views/xpack/GatheredUser/TaskList.vue     | 35 ++++++++++++++
 src/views/xpack/router.js                     | 27 +++++++++--
 4 files changed, 127 insertions(+), 4 deletions(-)
 rename src/views/xpack/{GatherUser.vue => GatheredUser/GatheredUserList.vue} (61%)
 create mode 100644 src/views/xpack/GatheredUser/TaskCreateUpdate.vue
 create mode 100644 src/views/xpack/GatheredUser/TaskList.vue

diff --git a/src/views/xpack/GatherUser.vue b/src/views/xpack/GatheredUser/GatheredUserList.vue
similarity index 61%
rename from src/views/xpack/GatherUser.vue
rename to src/views/xpack/GatheredUser/GatheredUserList.vue
index cc24229c5..77db4c940 100644
--- a/src/views/xpack/GatherUser.vue
+++ b/src/views/xpack/GatheredUser/GatheredUserList.vue
@@ -1,5 +1,5 @@
 <template>
-  <GenericTreeListPage :table-config="tableConfig" :tree-setting="treeSetting" />
+  <GenericTreeListPage :table-config="tableConfig" :tree-setting="treeSetting" :header-actions="headerActions" />
 </template>
 
 <script>
@@ -28,8 +28,29 @@ export default {
         ],
         columnsMeta: {
         }
+      },
+      headerActions: {
+        hasCreate: false,
+        hasBulkDelete: false,
+        hasImport: false,
+        hasRefresh: false,
+        extraActions: [
+          {
+            name: 'gather-user-tasks',
+            title: '收集用户任务',
+            type: 'primary',
+            has: true,
+            can: true,
+            callback: this.onGatherUserTasks
+          }
+        ]
       }
     }
+  },
+  methods: {
+    onGatherUserTasks() {
+      this.$router.push({ name: 'GatherUserTaskList' })
+    }
   }
 }
 </script>
diff --git a/src/views/xpack/GatheredUser/TaskCreateUpdate.vue b/src/views/xpack/GatheredUser/TaskCreateUpdate.vue
new file mode 100644
index 000000000..bc124141e
--- /dev/null
+++ b/src/views/xpack/GatheredUser/TaskCreateUpdate.vue
@@ -0,0 +1,46 @@
+<template>
+  <GenericCreateUpdatePage v-bind="$data" />
+</template>
+
+<script>
+import { GenericCreateUpdatePage } from '@/layout/components'
+
+export default {
+  components: {
+    GenericCreateUpdatePage
+  },
+  data() {
+    return {
+      fields: [
+        ['收集用户任务', ['name', 'nodes', 'is_periodic', 'crontab', 'interval', 'comment']]
+      ],
+      url: '/api/v1/xpack/gathered-user/tasks/',
+      fieldsMeta: {
+        nodes: {
+          el: {
+            multiple: true,
+            value: [],
+            ajax: {
+              url: '/api/v1/assets/nodes/',
+              processResults(data) {
+                const results = data.results.map((item) => {
+                  return { label: item.name, value: item.id }
+                })
+                const more = !!data.next
+                return { results: results, pagination: more, total: data.count }
+              }
+            }
+          }
+        },
+        'is_periodic': {
+          type: 'switch'
+        }
+      }
+    }
+  }
+}
+
+</script>
+
+<style lang="less" scoped>
+</style>
diff --git a/src/views/xpack/GatheredUser/TaskList.vue b/src/views/xpack/GatheredUser/TaskList.vue
new file mode 100644
index 000000000..e0b8a33f8
--- /dev/null
+++ b/src/views/xpack/GatheredUser/TaskList.vue
@@ -0,0 +1,35 @@
+<template>
+  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
+</template>
+
+<script>
+import GenericListPage from '@/layout/components/GenericListPage'
+
+export default {
+  components: {
+    GenericListPage
+  },
+  data() {
+    return {
+      tableConfig: {
+        url: '/api/v1/xpack/gathered-user/tasks/',
+        columns: [
+          'name', 'nodes', 'periodic_display', 'executed_times', 'actions'
+        ],
+        columnsMeta: {}
+      },
+      headerActions: {
+        hasBulkDelete: false,
+        hasImport: false,
+        hasRefresh: false,
+        hasExport: false,
+        createRoute: 'GatherUserTaskCreate'
+      }
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>
diff --git a/src/views/xpack/router.js b/src/views/xpack/router.js
index 70a305604..0f340bb5f 100644
--- a/src/views/xpack/router.js
+++ b/src/views/xpack/router.js
@@ -21,9 +21,30 @@ export default {
     },
     {
       path: 'gathered-users',
-      component: () => import('@/views/xpack/GatherUser'),
-      name: 'GatherUser',
-      meta: { title: 'GatherUser' }
+      component: () => import('@/views/xpack/GatheredUser/GatheredUserList'),
+      name: 'GatherUserList',
+      meta: { title: 'GatherUserList' }
+    },
+    {
+      path: 'gathered-users/tasks',
+      component: () => import('@/views/xpack/GatheredUser/TaskList'),
+      name: 'GatherUserTaskList',
+      meta: { title: 'GatherUserTask' },
+      hidden: true
+    },
+    {
+      path: 'gathered-users/tasks/create',
+      component: () => import('@/views/xpack/GatheredUser/TaskCreateUpdate'),
+      name: 'GatherUserTaskCreate',
+      meta: { title: 'GatherUserTaskCreate', action: 'create' },
+      hidden: true
+    },
+    {
+      path: 'gathered-users/tasks/update',
+      component: () => import('@/views/xpack/GatheredUser/TaskCreateUpdate'),
+      name: 'GatherUserTaskUpdate',
+      meta: { title: 'GatherUserTaskUpdate', action: 'update' },
+      hidden: true
     }
   ]
 }