From a0dbb3d7b04fcb4b0cc1d184539c7ed4445cec0a Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 29 Aug 2023 16:14:35 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/Cloud/Strategy/StrategyCreateUpdate.vue    |  4 +---
 src/views/assets/Cloud/Strategy/StrategyList.vue      |  7 +++++--
 .../SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue |  7 +++++--
 .../SyncInstanceTaskStrategy/AttrDialog.vue           | 11 +++++++----
 .../components/SyncInstanceTaskStrategy/index.vue     | 11 ++++++++---
 5 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/views/assets/Cloud/Strategy/StrategyCreateUpdate.vue b/src/views/assets/Cloud/Strategy/StrategyCreateUpdate.vue
index d3a480a2e..694f6bdf1 100644
--- a/src/views/assets/Cloud/Strategy/StrategyCreateUpdate.vue
+++ b/src/views/assets/Cloud/Strategy/StrategyCreateUpdate.vue
@@ -1,7 +1,5 @@
 <template>
-  <GenericCreateUpdatePage
-    v-bind="$data"
-  />
+  <GenericCreateUpdatePage v-bind="$data" />
 </template>
 
 <script>
diff --git a/src/views/assets/Cloud/Strategy/StrategyList.vue b/src/views/assets/Cloud/Strategy/StrategyList.vue
index bf66f4bb2..052111c22 100644
--- a/src/views/assets/Cloud/Strategy/StrategyList.vue
+++ b/src/views/assets/Cloud/Strategy/StrategyList.vue
@@ -1,5 +1,5 @@
 <template>
-  <GenericListTable :table-config="tableConfig" :header-actions="headerActions" />
+  <GenericListTable :header-actions="headerActions" :table-config="tableConfig" />
 </template>
 
 <script type="text/jsx">
@@ -19,7 +19,10 @@ export default {
           app: 'xpack',
           resource: 'strategy'
         },
-        columns: ['name', 'priority', 'strategy_rules', 'strategy_actions', 'actions', 'user_actions'],
+        columns: [
+          'name', 'priority', 'strategy_rules',
+          'strategy_actions', 'actions', 'user_actions'
+        ],
         columnsMeta: {
           name: {
             formatter: DetailFormatter,
diff --git a/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue
index 263adba94..693db2267 100644
--- a/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue
+++ b/src/views/assets/Cloud/SyncInstanceTask/SyncInstanceTaskCreateUpdate.vue
@@ -24,8 +24,11 @@ export default {
       fields: [
         [this.$t('common.Basic'), ['name']],
         [this.$t('xpack.Cloud.CloudSource'), ['account', 'regions']],
-        [this.$t('xpack.Cloud.SaveSetting'), ['hostname_strategy', 'ip_network_segment_group', 'sync_ip_type', 'is_always_update']],
-        [this.$t('common.Strategy'), ['strategy']],
+        [this.$t('xpack.Cloud.SaveSetting'), [
+          'hostname_strategy', 'ip_network_segment_group',
+          'sync_ip_type', 'is_always_update'
+        ]],
+        [this.$t('common.Actions'), ['strategy']],
         [this.$t('xpack.Timer'), ['is_periodic', 'crontab', 'interval']],
         [this.$t('common.Other'), ['comment']]
       ],
diff --git a/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/AttrDialog.vue b/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/AttrDialog.vue
index 86efc0fd7..2e6da8d58 100644
--- a/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/AttrDialog.vue
+++ b/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/AttrDialog.vue
@@ -1,14 +1,16 @@
 <template>
   <Dialog
+    :close-on-click-modal="false"
     :destroy-on-close="true"
     :show-buttons="false"
-    :close-on-click-modal="false"
     :title="$tc('common.Strategy')"
-    width="80%"
     v-bind="$attrs"
+    width="80%"
     v-on="$listeners"
   >
-    <GenericCreateUpdateForm v-bind="$data" />
+    <IBox>
+      <GenericCreateUpdateForm v-bind="$data" />
+    </IBox>
   </Dialog>
 </template>
 
@@ -17,10 +19,11 @@ import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm
 import Dialog from '@/components/Dialog/index.vue'
 import RuleInput from '@/views/assets/Cloud/Strategy/components/RuleInput'
 import ActionInput from '@/views/assets/Cloud/Strategy/components/ActionInput'
+import IBox from '@/components/IBox/index.vue'
 
 export default {
   name: 'AttrDialog',
-  components: { Dialog, GenericCreateUpdateForm },
+  components: { Dialog, GenericCreateUpdateForm, IBox },
   props: {
     value: {
       type: Object,
diff --git a/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/index.vue b/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/index.vue
index dfe278c5e..b74855ece 100644
--- a/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/index.vue
+++ b/src/views/assets/Cloud/SyncInstanceTask/components/SyncInstanceTaskStrategy/index.vue
@@ -4,12 +4,14 @@
     <DataTable :config="tableConfig" />
     <AttrDialog
       v-if="visible"
+      :table-config="tableConfig"
       :value="attrValue"
       :visible.sync="visible"
-      :table-config="tableConfig"
       @confirm="onAttrDialogConfirm"
     />
-    <el-button type="primary" size="mini" @click="handleCreate">{{ this.$t('common.New') }}</el-button>
+    <el-button size="mini" type="primary" @click="handleCreate">
+      {{ this.$t('common.New') }}
+    </el-button>
   </div>
 </template>
 
@@ -73,7 +75,10 @@ export default {
         ajax: {
           transformOption: (item) => {
             this.strategy[item.id] = {
-              name: item.name, priority: item.priority, strategy_rules: item.strategy_rules, strategy_actions: item.strategy_actions
+              name: item.name,
+              priority: item.priority,
+              strategy_rules: item.strategy_rules,
+              strategy_actions: item.strategy_actions
             }
             return { label: item.name, value: item.id }
           }