From e24d3c021dffd026d777ee5dda56b418f0478996 Mon Sep 17 00:00:00 2001
From: jym503558564 <503558564@qq.com>
Date: Tue, 7 Apr 2020 11:03:00 +0800
Subject: [PATCH] =?UTF-8?q?[Update]=20=E5=A2=9E=E5=8A=A0=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/i18n/langs/cn.js             |  8 +++
 src/router/index.js              |  2 +-
 src/views/jobcenter/TaskList.vue | 95 ++++++++++++++++++++++++++++++++
 3 files changed, 104 insertions(+), 1 deletion(-)
 create mode 100644 src/views/jobcenter/TaskList.vue

diff --git a/src/i18n/langs/cn.js b/src/i18n/langs/cn.js
index 79aa99d1c..0ace7b838 100644
--- a/src/i18n/langs/cn.js
+++ b/src/i18n/langs/cn.js
@@ -358,6 +358,14 @@ const cn = {
     'active': '激活中',
     'alive': '在线'
   },
+  jobcenter: {
+    'RunTimes': '执行次数',
+    'hosts': '主机',
+    'success': '成功',
+    'date': '日期',
+    'time': '时间',
+    'run': '执行'
+  },
   setting: {
     'setting': '系统设置',
     'basicsetting': '基本设置'
diff --git a/src/router/index.js b/src/router/index.js
index cb51b8802..24913e7b7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -269,7 +269,7 @@ export const constantRoutes = [
       {
         path: 'task',
         name: 'TaskList',
-        component: () => import('@/views/tree/index'),
+        component: () => import('@/views/jobcenter/TaskList'),
         meta: { title: 'TaskList' }
       },
       {
diff --git a/src/views/jobcenter/TaskList.vue b/src/views/jobcenter/TaskList.vue
new file mode 100644
index 000000000..953e8baa3
--- /dev/null
+++ b/src/views/jobcenter/TaskList.vue
@@ -0,0 +1,95 @@
+<template>
+  <GenericListPage :table-config="tableConfig" :header-actions="headerActions" />
+</template>
+
+<script>
+import { GenericListPage } from '@/layout/components'
+import { DetailFormatter, ActionsFormatter } from '@/components/DataTable/formatters/index'
+
+export default {
+  components: {
+    GenericListPage,
+  },
+  data() {
+    return {
+      tableConfig: {
+        url: '/api/v1/ops/tasks/',
+        columns: [
+          {
+            prop: 'name',
+            label: this.$tc('Name'),
+            formatter: DetailFormatter,
+            sortable: 'custom',
+            route: 'UserDetail'
+          },
+          {
+            prop: 'latest_execution',
+            label: this.$t('jobcenter.RunTimes')
+          },
+          {
+            prop: 'latest_execution.hosts_amount',
+            label: this.$t('jobcenter.hosts')
+          },
+          {
+            prop: 'latest_execution.is_success',
+            label: this.$t('jobcenter.success')
+          },
+          {
+            prop: 'latest_execution.date_start',
+            label: this.$t('jobcenter.date'),
+            sortable: 'custom'
+          },
+          {
+            prop: 'latest_execution.timedelta',
+            label: this.$t('jobcenter.time'),
+            sortable: 'custom'
+          },
+          {
+            prop: 'id',
+            label: this.$tc('Action'),
+            align: 'center',
+            formatter: ActionsFormatter,
+            actions: {
+              hasUpdate: (row, cellValue) => {
+                return false
+              },
+              canUpdate: (row, cellValue) => {
+                console.log('On table update')
+                return false
+              },
+              hasDelete: true,
+              canDelete: (row, cellValue) => {
+                return true
+              },
+              onDelete: (row, cellValue) => {
+                this.$confirm('你好啊', '提示', {
+                  type: 'warning',
+                  confirmButtonClass: 'el-button--danger',
+                  beforeClose: async(action, instance, done) => {
+                  }
+                }).catch(() => {
+                  /* 取消*/
+                })
+              },
+              order: []
+            }
+          }
+        ],
+        // 写路由名字，table组件会自动传作为参数
+        tableActions: {
+          editRoute: '404'
+        }
+      },
+      headerActions: {
+        hasDelete: false,
+        hasUpdate: false,
+        hasCreate: false
+      }
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>