[Update] 添加改密计划详情页面-执行列表-执行详情页面（1）

src/i18n/langs/cn.json

@@ -652,6 +652,8 @@
       "ChangeAuthPlanUpdate": "更新改密计划",
       "ChangeAuthPlanDetail": "改密计划详情",
       "ExecutionList": "执行列表",
+      "ExecutionDetail": "执行详情",
+      "TaskList": "任务列表",
       "Name": "名称",
       "Username": "用户名",
       "PasswordStrategy": "密码策略",
@@ -665,7 +667,8 @@
       "addAsset": "添加资产",
       "addNode": "添加节点",
       "Result": "结果",
-      "timeDelta": "运行时间",
+      "TimeDelta": "运行时间",
+      "DateStart": "开始日期",
       "Detail": "详情",
       "Log": "日志"
     },

src/layout/components/GenericDetailPage/index.vue

@@ -97,6 +97,7 @@ export default {
           name: 'update',
           title: this.$t('common.Update'),
           can: this.validActions.canUpdate,
+          has: this.validActions.hasUpdate,
           callback: this.validActions.updateCallback.bind(this)
         },
         {
@@ -105,6 +106,7 @@ export default {
           type: 'danger',
           plain: true,
           can: this.validActions.canDelete,
+          has: this.validActions.hasDelete,
           callback: this.validActions.deleteCallback.bind(this)
         }
       ]

src/views/xpack/ChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanExecution/ChangeAuthPlanExecutionDetail/ChangeAuthPlanExecutionInfo.vue

@@ -0,0 +1,63 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :md="14" :sm="24">
+      <DetailCard :items="detailItems" />
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import DetailCard from '@/components/DetailCard'
+
+export default {
+  name: 'ChangeAuthPlanExecutionInfo',
+  components: {
+    DetailCard
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+    }
+  },
+  computed: {
+    detailItems() {
+      return [
+        {
+          key: this.$t('xpack.ChangeAuthPlan.Username'),
+          value: this.object.username
+        },
+        {
+          key: this.$t('xpack.Asset'),
+          value: this.object.assets_amount
+        },
+        {
+          key: this.$t('xpack.Node'),
+          value: this.object.nodes_amount
+        },
+        {
+          key: this.$t('xpack.ChangeAuthPlan.PasswordStrategy'),
+          value: this.object.password_strategy_display
+        },
+        {
+          key: this.$t('xpack.ChangeAuthPlan.TimeDelta'),
+          value: this.object.timedelta.toFixed(2) + 's'
+        },
+        {
+          key: this.$t('xpack.ChangeAuthPlan.DateStart'),
+          value: this.object.date_start
+        }
+
+      ]
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/xpack/ChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanExecution/ChangeAuthPlanExecutionDetail/ChangeAuthPlanExecutionTaskList.vue

@@ -1,10 +1,24 @@
 <template>
-  <div>change auth plan execution task list</div>
+  <ListTable :table-config="tableConfig" :header-actions="headerActions" />
 </template>
 
 <script>
+import ListTable from '@/components/ListTable'
+
 export default {
-  name: 'ChangeAuthPlanExecutionTaskList'
+  name: 'ChangeAuthPlanExecutionTaskList',
+  components: {
+    ListTable
+  },
+  data() {
+    return {
+      tableConfig: {
+
+      },
+      headerActions: {
+      }
+    }
+  }
 }
 </script>
 

src/views/xpack/ChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanExecution/ChangeAuthPlanExecutionDetail/index.vue

@@ -0,0 +1,54 @@
+<template>
+  <GenericDetailPage :object.sync="execution" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
+    <keep-alive>
+      <component :is="config.activeMenu" :object="execution" />
+    </keep-alive>
+  </GenericDetailPage>
+</template>
+
+<script>
+import { GenericDetailPage } from '@/layout/components'
+import ChangeAuthPlanExecutionInfo from './ChangeAuthPlanExecutionInfo'
+import ChangeAuthPlanExecutionTaskList from './ChangeAuthPlanExecutionTaskList'
+
+export default {
+  components: {
+    GenericDetailPage,
+    ChangeAuthPlanExecutionInfo,
+    ChangeAuthPlanExecutionTaskList
+  },
+  data() {
+    return {
+      execution: { id: '' },
+      config: {
+        activeMenu: 'ChangeAuthPlanExecutionInfo',
+        actions: {
+          hasUpdate: false,
+          hasDelete: false
+        },
+        submenu: [
+          {
+            title: this.$t('common.BasicInfo'),
+            name: 'ChangeAuthPlanExecutionInfo'
+          },
+          {
+            title: this.$t('xpack.ChangeAuthPlan.TaskList'),
+            name: 'ChangeAuthPlanExecutionTaskList'
+          }
+        ],
+        getTitle: this.getExecutionTitle
+
+      }
+    }
+  },
+  methods: {
+    getExecutionTitle() {
+      return `${this.$route.meta.title}: ${this.execution.id}`
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/xpack/ChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanExecution/ChangeAuthPlanExecutionList.vue

@@ -50,7 +50,7 @@ export default {
             label: this.$t('xpack.ChangeAuthPlan.PasswordStrategy')
           },
           timedelta: {
-            label: this.$t('xpack.ChangeAuthPlan.timeDelta'),
+            label: this.$t('xpack.ChangeAuthPlan.TimeDelta'),
             formatter: function(row) {
               return row.timedelta.toFixed(2) + 's'
             }
@@ -76,7 +76,7 @@ export default {
                 title: this.$t('xpack.ChangeAuthPlan.Detail'),
                 type: 'info',
                 callback: function({ cellValue, tableData }) {
-                  return this.$router.push({ name: 'ChangeAuthPlanExecutionTaskList', params: { id: cellValue }})
+                  return this.$router.push({ name: 'ChangeAuthPlanExecutionDetail', params: { id: cellValue }})
                 }
               }
             ]

src/views/xpack/ChangeAuthPlan/ChangeAuthPlanList.vue

@@ -29,6 +29,9 @@ export default {
           },
           nodes_amount: {
             label: vm.$t('xpack.Node')
+          },
+          periodic_display: {
+            showOverflowTooltip: true
           }
         },
         actions: {

src/views/xpack/router.js

@@ -110,10 +110,10 @@ export default {
           hidden: true
         },
         {
-          path: 'plan/:id/execution/task',
+          path: 'plan-execution/:id',
-          component: () => import('@/views/xpack/ChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanExecution/ChangeAuthPlanExecutionDetail/ChangeAuthPlanExecutionTaskList.vue'),
+          component: () => import('@/views/xpack/ChangeAuthPlan/ChangeAuthPlanDetail/ChangeAuthPlanExecution/ChangeAuthPlanExecutionDetail/index.vue'),
-          name: 'ChangeAuthPlanExecutionTaskList',
+          name: 'ChangeAuthPlanExecutionDetail',
-          meta: { title: i18n.t('xpack.ChangeAuthPlan.ChangeAuthPlanExecutionTask'), activeMenu: '/xpack/change-auth-plan' },
+          meta: { title: i18n.t('xpack.ChangeAuthPlan.ExecutionDetail'), activeMenu: '/xpack/change-auth-plan' },
           hidden: true
         }
       ]