perf: 优化创建storage，使用新的通用组件

perf: 优化工单创建使用新的组件

src/components/ListTable/TableAction/LeftSide.vue

@@ -63,13 +63,17 @@ export default {
     moreCreates: {
       type: Object,
       default: null
+    },
+    createTitle: {
+      type: String,
+      default: () => this.$t('common.Create')
     }
   },
   data() {
     const defaultActions = [
       {
         name: 'actionCreate',
-        title: this.$t('common.Create'),
+        title: this.createTitle,
         type: 'primary',
         has: this.hasCreate && !this.moreCreates,
         can: this.canCreate,
@@ -79,7 +83,7 @@ export default {
     if (this.moreCreates) {
       const defaultMoreCreate = {
         name: 'actionMoreCreate',
-        title: this.$t('common.Create'),
+        title: this.createTitle,
         type: 'primary',
         has: true,
         can: this.canCreate,

src/views/perms/ApplicationPermission/ApplicationPermissionList.vue

@@ -93,8 +93,6 @@ export default {
         hasCreate: false,
         hasMoreActions: false,
         hasBulkDelete: false,
-        // createRoute: 'RemoteAppCreate',
-        moreActionsTitle: this.$t('common.Create'),
         moreActionsType: 'primary',
         moreCreates: {
           callback: (option) => {

src/views/sessions/Storage/CommandStorage.vue

@@ -22,19 +22,18 @@ export default {
         hasExport: false,
         hasImport: false,
         hasRefresh: false,
-        hasBulkDelete: false,
+        hasMoreActions: false,
-        hasBulkUpdate: false,
+        moreCreates: {
-        hasCreate: false,
+          callback: (item) => {
-        extraMoreActions: [
+            this.$router.push({ name: 'CreateCommandStorage', query: { type: item.name }})
+          },
+          dropdown: [
             {
-            name: 'Elasticsearch',
+              name: 'es',
-            title: 'Elasticsearch',
+              title: 'Elasticsearch'
-            type: 'primary',
+            }
-            callback: this.createEs.bind(this)
+          ]
         }
-        ],
-        moreActionsTitle: this.$t('common.Create'),
-        moreActionsType: 'primary'
       },
       commandTableConfig: {
         title: 'command',

src/views/sessions/Storage/ReplayStorage.vue

@@ -15,48 +15,34 @@ export default {
         hasExport: false,
         hasImport: false,
         hasRefresh: false,
-        hasBulkDelete: false,
+        hasMoreActions: false,
-        hasCreate: false,
+        moreCreates: {
-        moreActionsTitle: this.$t('common.Create'),
+          callback: (item) => {
-        moreActionsType: 'primary',
+            this.$router.push({ name: 'CreateReplayStorage', query: { type: item.name.toLowerCase() }})
-        extraMoreActions: [
+          },
+          dropdown: [
             {
               name: 'S3',
-            title: 'S3',
+              title: 'S3'
-            type: 'primary',
-            can: true,
-            callback: this.createS3.bind(this)
             },
             {
               name: 'Ceph',
-            title: 'Ceph',
+              title: 'Ceph'
-            type: 'primary',
-            can: true,
-            callback: this.createCeph.bind(this)
             },
             {
-            name: 'Swift',
+              name: 'swift',
-            title: 'Swift',
+              title: 'Swift'
-            type: 'primary',
-            can: true,
-            callback: this.createSwift.bind(this)
             },
             {
               name: 'OSS',
-            title: 'OSS',
+              title: 'OSS'
-            type: 'primary',
-            can: true,
-            callback: this.createOSS.bind(this)
             },
             {
               name: 'Azure',
-            title: 'Azure',
+              title: 'Azure'
-            type: 'primary',
-            can: true,
-            callback: this.createAzure.bind(this)
             }
-
           ]
+        }
       },
       replayTableConfig: {
         url: '/api/v1/terminal/replay-storages/',
@@ -110,21 +96,6 @@ export default {
     }
   },
   methods: {
-    createS3() {
-      this.$router.push({ name: 'CreateReplayStorage', query: { type: 's3' }})
-    },
-    createCeph() {
-      this.$router.push({ name: 'CreateReplayStorage', query: { type: 'ceph' }})
-    },
-    createSwift() {
-      this.$router.push({ name: 'CreateReplayStorage', query: { type: 'swift' }})
-    },
-    createOSS() {
-      this.$router.push({ name: 'CreateReplayStorage', query: { type: 'oss' }})
-    },
-    createAzure() {
-      this.$router.push({ name: 'CreateReplayStorage', query: { type: 'azure' }})
-    }
   }
 }
 </script>

src/views/tickets/RequestApplicationPerm/RequestApplicationPermTicketCreateUpdate.vue

@@ -138,7 +138,9 @@ export default {
           component: Select2,
           el: {
             multiple: false,
-            options: this.$store.state.users.profile.user_all_orgs
+            options: this.$store.state.users.profile.user_all_orgs.map((item) => {
+              return { label: item.name, value: item.id }
+            })
           },
           on: {
             changeOptions: ([event], updateForm) => {

src/views/tickets/RequestAssetPerm/RequestAssetPermTicketCreateUpdate.vue

@@ -42,7 +42,10 @@ export default {
           }
         },
         meta: {
-          fields: ['apply_ip_group', 'apply_hostname_group', 'apply_system_user_group', 'apply_actions', 'apply_date_start', 'apply_date_expired'],
+          fields: [
+            'apply_ip_group', 'apply_hostname_group', 'apply_system_user_group',
+            'apply_actions', 'apply_date_start', 'apply_date_expired'
+          ],
           fieldsMeta: {
             apply_actions: {
               label: this.$t('perms.Actions'),
@@ -64,7 +67,9 @@ export default {
           component: Select2,
           el: {
             multiple: false,
-            options: this.$store.state.users.profile.user_all_orgs
+            options: this.$store.state.users.profile.user_all_orgs.map((item) => {
+              return { label: item.name, value: item.id }
+            })
           },
           on: {
             changeOptions: ([event], updateForm) => {

src/views/tickets/TicketListTable.vue

@@ -112,33 +112,28 @@ export default {
             }
           }
         },
-        moreActionsTitle: this.$t('common.RequestTickets'),
+        createTitle: this.$t('common.RequestTickets'),
-        moreActionsType: 'primary',
+        hasMoreActions: false,
-        extraMoreActions: this.genExtraMoreActions()
+        moreCreates: {
-      }
+          dropdown: [
-    }
-  },
-  methods: {
-    genExtraMoreActions() {
-      return [
             {
               name: 'RequestAssetPerm',
               title: this.$t('tickets.RequestAssetPerm'),
-          type: 'primary',
-          can: true,
               callback: () => this.$router.push({ name: 'RequestAssetPermTicketCreateUpdate' })
             },
             {
               name: 'RequestApplicationPerm',
               title: this.$t('tickets.RequestApplicationPerm'),
-          type: 'primary',
-          can: true,
               callback: () => this.$router.push({ name: 'RequestApplicationPermTicketCreateUpdate' })
             }
           ]
         }
       }
     }
+  },
+  methods: {
+  }
+}
 </script>
 
 <style scoped>