perf: invite user get error (#4768)

* perf: update create object command storage

* perf: invite user get error

---------

Co-authored-by: ibuler <ibuler@qq.com>

src/components/Table/AutoDataTable/index.vue

@@ -139,7 +139,7 @@ export default {
       switch (name) {
         case 'id':
           if (!col.width) {
-            col.width = '290px'
+            col.width = '299px'
           }
           if (!col.formatter) {
             col.formatter = CopyableFormatter

src/layout/components/GenericCreateUpdateForm/index.vue

@@ -420,7 +420,7 @@ export default {
       }
     },
     async getFormValue() {
-      if (this.action === 'create' || !this.needGetObjectDetail) {
+      if (!['update', 'clone'].includes(this.action) || !this.needGetObjectDetail) {
         return Object.assign(this.form, this.initial)
       }
       let object = this.object

src/router/settings/index.js

@@ -245,7 +245,7 @@ export default {
         {
           path: 'replay-storage/create',
           name: 'CreateReplayStorage',
-          component: () => import('@/views/settings/Storage/ReplayStorageCreateUpdate'),
+          component: () => import('@/views/settings/Storage/ObjectStorageCreateUpdate.vue'),
           meta: {
             title: i18n.t('CreateReplayStorage'),
             activeMenu: '/settings/storage',
@@ -256,7 +256,7 @@ export default {
         {
           path: 'replay-storage/:id/update',
           name: 'ReplayStorageUpdate',
-          component: () => import('@/views/settings/Storage/ReplayStorageCreateUpdate'),
+          component: () => import('@/views/settings/Storage/ObjectStorageCreateUpdate.vue'),
           meta: {
             title: i18n.t('ReplayStorageUpdate'),
             activeMenu: '/settings/storage',

src/views/settings/Storage/CommandStorage.vue

@@ -1,9 +1,9 @@
 <template>
   <ListTable
     ref="ListTable"
+    :create-drawer="createDrawer"
     :header-actions="commandActions"
     :table-config="commandTableConfig"
-    :create-drawer="createDrawer"
   />
 </template>
 
@@ -33,6 +33,10 @@ export default {
         hasRefresh: true,
         hasMoreActions: false,
         moreCreates: {
+          callback: (item) => {
+            this.$route.query['type'] = item.name
+            this.$refs.ListTable.onCreate()
+          },
           dropdown: [
             {
               name: 'es',
@@ -74,10 +78,15 @@ export default {
           actions: {
             formatterArgs: {
               canUpdate: function({ row }) {
-                return (row.name !== 'default' && row.name !== 'null' && vm.$hasPerm('terminal.change_commandstorage'))
+                return (row.name !== 'default' && row.name !== 'null' &&
+                  vm.$hasPerm('terminal.change_commandstorage'))
               },
               canDelete: function({ row }) {
-                return (row.name !== 'default' && row.name !== 'null' && vm.$hasPerm('terminal.delete_commandstorage'))
+                return (row.name !== 'default' && row.name !== 'null' &&
+                  vm.$hasPerm('terminal.delete_commandstorage'))
+              },
+              default: {
+                width: '130px'
               },
               hasClone: false,
               extraActions: [

src/views/settings/Storage/ObjectStorage.vue

@@ -1,9 +1,9 @@
 <template>
   <ListTable
     ref="ListTable"
+    :create-drawer="createDrawer"
     :header-actions="replayActions"
     :table-config="replayTableConfig"
-    :create-drawer="createDrawer"
   />
 </template>
 <script>
@@ -20,7 +20,7 @@ export default {
     const vm = this
     const storageOptions = this.getReplayStorageOptions()
     return {
-      createDrawer: () => import('./ReplayStorageCreateUpdate.vue'),
+      createDrawer: () => import('./ObjectStorageCreateUpdate.vue'),
       replayActions: {
         canCreate: this.$hasPerm('terminal.add_replaystorage'),
         hasExport: false,
@@ -28,6 +28,10 @@ export default {
         hasRefresh: true,
         hasMoreActions: false,
         moreCreates: {
+          callback: (item) => {
+            this.$route.query['type'] = item.name
+            this.$refs.ListTable.onCreate()
+          },
           dropdown: storageOptions
         }
       },

src/views/settings/Storage/ObjectStorageCreateUpdate.vue

@@ -86,10 +86,18 @@ export default {
     }
   },
   mounted() {
-    if (this.$route.query.type === 'sftp' && !this.$hasLicense()) this.$router.push({ name: '404' })
+    if (this.$route.query.type === 'sftp' && !this.$hasLicense()) {
+      return this.$router.push({ name: '404' })
+    }
   },
   methods: {
-    getHelpMessage() { if (!this.$hasLicense()) return ''; else return this.$t('ReplayStorageCreateUpdateHelpMessage') }
+    getHelpMessage() {
+      if (!this.$hasLicense()) {
+        return ''
+      } else {
+        return this.$t('ReplayStorageCreateUpdateHelpMessage')
+      }
+    }
   }
 }
 </script>

src/views/settings/Storage/index.vue

@@ -8,7 +8,7 @@
 
 <script>
 import TabPage from '@/layout/components/TabPage'
-import ReplayStorage from './ReplayStorage.vue'
+import ReplayStorage from './ObjectStorage.vue'
 import CommandStorage from './CommandStorage.vue'
 
 export default {