feat: 修改部分交互

src/i18n/langs/zh.json

@@ -713,6 +713,8 @@
     "instantAdhoc": "即时命令",
     "AdhocManage": "命令管理",
     "PlaybookManage": "Playbook管理",
+    "PlaybookUpdate": "更新Playbook",
+    "PlaybookDetail": "Playbook详情",
     "history": "历史记录",
     "createAdhoc": "创建命令",
     "AdhocDetail": "命令详情",

src/router/workbench/index.js

@@ -181,7 +181,7 @@ export default {
           meta: {
             title: i18n.t('route.updateAdhoc'),
             permissions: [],
-            activeMenu: '/workbench/ops/adhoc'
+            activeMenu: '/workbench/ops/scripts'
           }
         },
         {
@@ -192,7 +192,7 @@ export default {
           meta: {
             title: i18n.t('ops.createAdhoc'),
             permissions: [],
-            activeMenu: '/workbench/ops/adhoc'
+            activeMenu: '/workbench/ops/scripts'
           }
         },
         {
@@ -203,18 +203,29 @@ export default {
           meta: {
             title: i18n.t('route.AdhocDetail'),
             permissions: [],
-            activeMenu: '/workbench/ops/adhoc'
+            activeMenu: '/workbench/ops/scripts'
           }
         },
         {
-          path: 'playbook/create',
-          name: 'PlaybookCreate',
+          path: 'playbook/:id/update',
+          name: 'PlaybookUpdate',
           hidden: true,
-          component: () => import('@/views/ops/ScriptManage/Playbook/PlaybookUpdateCreate'),
+          component: () => import('@/views/ops/ScriptManage/Playbook/PlaybookUpdate'),
           meta: {
-            title: i18n.t('route.PlaybookCreate'),
+            title: i18n.t('ops.PlaybookUpdate'),
             permissions: [],
-            activeMenu: '/workbench/ops/playbook'
+            activeMenu: '/workbench/ops/scripts'
+          }
+        },
+        {
+          path: 'playbook/:id',
+          component: () => import('@/views/ops/ScriptManage/Playbook/PlaybookDetail'),
+          name: 'PlaybookDetail',
+          hidden: true,
+          meta: {
+            title: i18n.t('ops.PlaybookDetail'),
+            permissions: [],
+            activeMenu: '/workbench/ops/scripts'
           }
         }
       ]

src/views/ops/ScriptManage/Adhoc.vue

@@ -15,8 +15,12 @@ export default {
       tableConfig: {
         url: '/api/v1/ops/adhocs/',
         columns: [
-          'name', 'module', 'date_updated', 'date_created', 'actions'
+          'name', 'module', 'args', 'comment', 'date_updated', 'date_created', 'actions'
         ],
+        columnsShow: {
+          min: ['name', 'actions'],
+          default: ['name', 'module', 'comment', 'args', 'comment', 'date_created', 'actions']
+        },
         columnsMeta: {
           name: {
             formatterArgs: {

src/views/ops/ScriptManage/Adhoc/AdhocUpdateCreate.vue

@@ -14,7 +14,7 @@ export default {
     return {
       url: '/api/v1/ops/adhocs/',
       fields: [
-        [this.$t('common.Basic'), ['name', 'module', 'args']]
+        [this.$t('common.Basic'), ['name', 'comment', 'module', 'args']]
       ],
       initial: {
         module: 'shell',
@@ -22,15 +22,14 @@ export default {
       },
       fieldsMeta: {
         args: {
-          label: 'content',
           component: CodeEditor
         }
       },
       createSuccessNextRoute: {
-        name: 'Adhoc'
+        name: 'ScriptManage'
       },
       updateSuccessNextRoute: {
-        name: 'Adhoc'
+        name: 'ScriptManage'
       }
     }
   }

src/views/ops/ScriptManage/Playbook.vue

@@ -21,13 +21,17 @@ export default {
       tableConfig: {
         url: '/api/v1/ops/playbooks/',
         columns: [
-          'name', 'path', 'date_updated', 'date_created', 'actions'
+          'name', 'comment', 'date_created', 'date_updated', 'creator', 'actions'
         ],
+        columnsShow: {
+          min: ['name', 'actions'],
+          default: ['name', 'comment', 'date_created', 'actions']
+        },
         columnsMeta: {
           name: {
             formatterArgs: {
               can: true,
-              route: 'AdhocDetail'
+              route: 'PlaybookDetail'
             }
           },
           actions: {
@@ -35,7 +39,7 @@ export default {
             formatterArgs: {
               hasUpdate: true,
               canUpdate: true,
-              updateRoute: 'AdhocUpdate',
+              updateRoute: 'PlaybookUpdate',
               hasDelete: true,
               canDelete: true,
               hasClone: false,

src/views/ops/ScriptManage/Playbook/PlaybookDetail/PlaybookDetail.vue

@@ -0,0 +1,48 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :md="14" :sm="24">
+      <DetailCard :title="cardTitle" :items="detailCardItems" />
+    </el-col>
+  </el-row>
+</template>
+
+<script type="text/jsx">
+import DetailCard from '@/components/DetailCard'
+
+export default {
+  components: {
+    DetailCard
+  },
+  props: {
+    object: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    cardTitle() {
+      return this.object.name
+    },
+    detailCardItems() {
+      return [
+        {
+          key: this.$t('common.Name'),
+          value: this.object.name
+        },
+        {
+          key: this.$t('common.Comment'),
+          value: this.object.comment
+        }
+      ]
+    }
+  },
+  methods: {}
+}
+</script>
+
+<style lang="less" scoped>
+
+</style>

src/views/ops/ScriptManage/Playbook/PlaybookDetail/index.vue

@@ -0,0 +1,42 @@
+<template>
+  <GenericDetailPage :object.sync="PlaybookDetail" :active-menu.sync="config.activeMenu" v-bind="config" v-on="$listeners">
+    <keep-alive>
+      <component :is="config.activeMenu" :object="PlaybookDetail" />
+    </keep-alive>
+  </GenericDetailPage>
+</template>
+
+<script>
+import { GenericDetailPage } from '@/layout/components'
+import PlaybookDetail from '@/views/ops/ScriptManage/Playbook/PlaybookDetail/PlaybookDetail'
+
+export default {
+  components: {
+    GenericDetailPage,
+    PlaybookDetail
+  },
+  data() {
+    return {
+      PlaybookDetail: {},
+      config: {
+        getTitle(row) {
+          return row['name']
+        },
+        url: '/api/v1/ops/playbooks/',
+        activeMenu: 'PlaybookDetail',
+        submenu: [
+          {
+            title: this.$t('ops.PlaybookDetail'),
+            name: 'PlaybookDetail'
+          }
+        ],
+        hasRightSide: false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ops/ScriptManage/Playbook/PlaybookUpdate.vue

@@ -0,0 +1,31 @@
+<template>
+  <GenericCreateUpdatePage v-bind="$data" />
+</template>
+
+<script>
+import { GenericCreateUpdatePage } from '@/layout/components'
+
+export default {
+  components: {
+    GenericCreateUpdatePage
+  },
+  data() {
+    return {
+      url: '/api/v1/ops/playbooks/',
+      fields: [
+        [this.$t('common.Basic'), ['name', 'comment']]
+      ],
+      createSuccessNextRoute: {
+        name: 'ScriptManage'
+      },
+      updateSuccessNextRoute: {
+        name: 'ScriptManage'
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/ops/ScriptManage/Playbook/PlaybookUpdateCreate.vue

@@ -1,49 +0,0 @@
-<template>
-  <GenericCreateUpdatePage v-bind="$data" />
-</template>
-
-<script>
-import { GenericCreateUpdatePage } from '@/layout/components'
-import CodeEditor from '@/components/FormFields/CodeEditor'
-
-export default {
-  components: {
-    GenericCreateUpdatePage
-  },
-  data() {
-    return {
-      cmOptions: {
-        tabSize: 4,
-        mode: 'shell',
-        theme: 'base16-light',
-        lineNumbers: true,
-        line: true
-      },
-      url: '/api/v1/ops/adhocs/',
-      fields: [
-        [this.$t('common.Basic'), ['name', 'module', 'args']]
-      ],
-      initial: {
-        module: 'shell',
-        args: ''
-      },
-      fieldsMeta: {
-        args: {
-          label: 'content',
-          component: CodeEditor
-        }
-      },
-      createSuccessNextRoute: {
-        name: 'Adhoc'
-      },
-      updateSuccessNextRoute: {
-        name: 'Adhoc'
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>