From 0bd63a008013ff9caf7d2c80192a800e416543bd Mon Sep 17 00:00:00 2001
From: hlinx <327159425@qq.com>
Date: Fri, 19 Jul 2024 11:55:42 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E5=BF=AB=E9=80=9F=E8=BF=9E?=
 =?UTF-8?q?=E7=BB=AD=E7=82=B9=E5=87=BB=E9=87=8D=E5=A4=8D=E6=8F=90=E5=8D=95?=
 =?UTF-8?q?=20#5714=20#=20Reviewed,=20transaction=20id:=2012563?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../cluster-export-data/component/Content.vue |   8 +-
 .../es-manage/common/expansion/Index.vue      |   2 +-
 .../views/es-manage/common/replace/Index.vue  | 266 +++++++++---------
 .../views/es-manage/common/shrink/Index.vue   |   4 +-
 .../node-list/components/InstanceDetail.vue   |   4 +-
 .../hdfs-manage/common/expansion/Index.vue    |   2 +-
 .../hdfs-manage/common/replace/Index.vue      |   2 +-
 .../views/hdfs-manage/common/shrink/Index.vue |   2 +-
 .../node-list/components/InstanceDetail.vue   |   4 +-
 .../kafka-manage/common/expansion/Index.vue   |   2 +-
 .../kafka-manage/common/replace/Index.vue     |   2 +-
 .../kafka-manage/common/shrink/Index.vue      |   2 +-
 .../node-list/components/InstanceDetail.vue   |   4 +-
 .../db-replace/pages/page1/Index.vue          |  67 +++--
 .../src/views/mysql/checksum/Index.vue        |  16 +-
 .../mysql/data-migrate/pages/page1/Index.vue  |  12 +-
 .../mysql/db-backup/pages/page1/Index.vue     |  45 ++-
 .../src/views/mysql/db-clear/index.vue        |  16 +-
 .../src/views/mysql/db-rename/index.vue       |  13 +-
 .../dumper/components/create-rule/Index.vue   |  36 +--
 .../mysql/privilege-clone-client/index.vue    |  81 +++---
 .../mysql/privilege-clone-inst/index.vue      |  77 +++--
 .../src/views/mysql/slave-add/index.vue       |  11 +-
 .../mysql/sql-execute/steps/step1/Index.vue   |   6 +-
 .../pulsar-manage/common/expansion/Index.vue  |   2 +-
 .../pulsar-manage/common/replace/Index.vue    |   2 +-
 .../pulsar-manage/common/shrink/Index.vue     |   2 +-
 .../node-list/components/InstanceDetail.vue   |   4 +-
 .../redis/db-data-copy/pages/page1/Index.vue  |  34 ++-
 .../redis/db-replace/pages/page1/Index.vue    |  98 +++----
 .../db-backup/pages/page1/Index.vue           |  36 +--
 .../list/components/CapacityChange.vue        |   2 +-
 .../master-slave-clone/pages/page1/Index.vue  |  33 +--
 .../proxy-scale-down/pages/page1/Index.vue    |  67 +++--
 .../proxy-scale-up/pages/page1/Index.vue      |  66 +++--
 .../proxy-slave-apply/pages/page1/Index.vue   |  35 +--
 .../db-backup/pages/page1/Index.vue           |  48 ++--
 37 files changed, 532 insertions(+), 581 deletions(-)

diff --git a/dbm-ui/frontend/src/components/cluster-export-data/component/Content.vue b/dbm-ui/frontend/src/components/cluster-export-data/component/Content.vue
index fc9ca4a539..d0d28ce022 100644
--- a/dbm-ui/frontend/src/components/cluster-export-data/component/Content.vue
+++ b/dbm-ui/frontend/src/components/cluster-export-data/component/Content.vue
@@ -218,7 +218,7 @@
           });
         }
 
-        createTicket({
+        return createTicket({
           ignore_duplication: true,
           ticket_type: props.ticketType,
           bk_biz_id: props.data.bk_biz_id,
@@ -246,13 +246,15 @@
 
     .target-dbs {
       .required-mark {
-        color: #ea3636;
         margin: 0 4px;
+        color: #ea3636;
       }
+
       .label-text {
         color: #979ba5;
       }
-      :deep(.bk-form-label:after) {
+
+      :deep(.bk-form-label::after) {
         display: none;
       }
     }
diff --git a/dbm-ui/frontend/src/views/es-manage/common/expansion/Index.vue b/dbm-ui/frontend/src/views/es-manage/common/expansion/Index.vue
index 04270f0136..b6cd2cb235 100644
--- a/dbm-ui/frontend/src/views/es-manage/common/expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/es-manage/common/expansion/Index.vue
@@ -326,7 +326,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const hostData = {};
 
diff --git a/dbm-ui/frontend/src/views/es-manage/common/replace/Index.vue b/dbm-ui/frontend/src/views/es-manage/common/replace/Index.vue
index 95af1339a9..be4d413e81 100644
--- a/dbm-ui/frontend/src/views/es-manage/common/replace/Index.vue
+++ b/dbm-ui/frontend/src/views/es-manage/common/replace/Index.vue
@@ -119,11 +119,7 @@
 </template>
 <script setup lang="ts">
   import { InfoBox } from 'bkui-vue';
-  import {
-    computed,
-    reactive,
-    ref,
-  } from 'vue';
+  import { computed, reactive, ref } from 'vue';
   import { useI18n } from 'vue-i18n';
 
   import type EsModel from '@services/model/es/es';
@@ -134,34 +130,36 @@
 
   import { ClusterTypes } from '@common/const';
 
-  import HostReplace, {
-    type TReplaceNode,
-  } from '@components/cluster-common/es-host-replace/Index.vue';
+  import HostReplace, { type TReplaceNode } from '@components/cluster-common/es-host-replace/Index.vue';
 
-  import { messageError  } from '@utils';
+  import { messageError } from '@utils';
 
   interface Props {
-    data: EsModel,
-    nodeList: TReplaceNode['nodeList']
+    data: EsModel;
+    nodeList: TReplaceNode['nodeList'];
   }
 
   interface Emits {
-    (e: 'change'): void,
-    (e: 'removeNode', bkHostId: number): void
+    (e: 'change'): void;
+    (e: 'removeNode', bkHostId: number): void;
   }
 
   interface Exposes {
-    submit: () => Promise<any>,
-    cancel: () => Promise<any>,
+    submit: () => Promise<any>;
+    cancel: () => Promise<any>;
   }
 
   const props = defineProps<Props>();
   const emits = defineEmits<Emits>();
 
-  const makeMapByHostId = (hostList: TReplaceNode['hostList']) =>  hostList.reduce((result, item) => ({
-    ...result,
-    [item.host_id]: true,
-  }), {} as Record<number, boolean>);
+  const makeMapByHostId = (hostList: TReplaceNode['hostList']) =>
+    hostList.reduce(
+      (result, item) => ({
+        ...result,
+        [item.host_id]: true,
+      }),
+      {} as Record<number, boolean>,
+    );
 
   const { currentBizId } = useGlobalBizs();
   const { t } = useI18n();
@@ -228,16 +226,10 @@
   });
 
   const isEmpty = computed(() => {
-    const {
-      hot,
-      cold,
-      client,
-      master,
-    } = nodeInfoMap;
-    return hot.nodeList.length < 1
-      && cold.nodeList.length < 1
-      && client.nodeList.length < 1
-      && master.nodeList.length < 1;
+    const { hot, cold, client, master } = nodeInfoMap;
+    return (
+      hot.nodeList.length < 1 && cold.nodeList.length < 1 && client.nodeList.length < 1 && master.nodeList.length < 1
+    );
   });
 
   const disableTipsMap = {
@@ -247,31 +239,35 @@
     master: t('主机已被 Master 节点使用'),
   };
 
-  watch(() => props.nodeList, () => {
-    const hotList: TReplaceNode['nodeList'] = [];
-    const coldList: TReplaceNode['nodeList'] = [];
-    const clientList: TReplaceNode['nodeList'] = [];
-    const masterList: TReplaceNode['nodeList'] = [];
-
-    props.nodeList.forEach((nodeItem) => {
-      if (nodeItem.isHot) {
-        hotList.push(nodeItem);
-      } else if (nodeItem.isCold) {
-        coldList.push(nodeItem);
-      } else if (nodeItem.isClient) {
-        clientList.push(nodeItem);
-      } else if (nodeItem.isMaster) {
-        masterList.push(nodeItem);
-      }
-    });
-
-    nodeInfoMap.hot.nodeList = hotList;
-    nodeInfoMap.cold.nodeList = coldList;
-    nodeInfoMap.client.nodeList = clientList;
-    nodeInfoMap.master.nodeList = masterList;
-  }, {
-    immediate: true,
-  });
+  watch(
+    () => props.nodeList,
+    () => {
+      const hotList: TReplaceNode['nodeList'] = [];
+      const coldList: TReplaceNode['nodeList'] = [];
+      const clientList: TReplaceNode['nodeList'] = [];
+      const masterList: TReplaceNode['nodeList'] = [];
+
+      props.nodeList.forEach((nodeItem) => {
+        if (nodeItem.isHot) {
+          hotList.push(nodeItem);
+        } else if (nodeItem.isCold) {
+          coldList.push(nodeItem);
+        } else if (nodeItem.isClient) {
+          clientList.push(nodeItem);
+        } else if (nodeItem.isMaster) {
+          masterList.push(nodeItem);
+        }
+      });
+
+      nodeInfoMap.hot.nodeList = hotList;
+      nodeInfoMap.cold.nodeList = coldList;
+      nodeInfoMap.client.nodeList = clientList;
+      nodeInfoMap.master.nodeList = masterList;
+    },
+    {
+      immediate: true,
+    },
+  );
 
   // 节点主机互斥
   const nodeDisableHostMethod = (hostData: HostDetails, type: keyof typeof disableTipsMap) => {
@@ -304,90 +300,94 @@
           coldRef.value.getValue(),
           clientRef.value.getValue(),
           masterRef.value.getValue(),
-        ]).then(([hotValue, coldValue, clientValue, masterValue]) => {
-          const isEmptyValue = () => {
-            if (ipSource.value === 'manual_input') {
-              return hotValue.new_nodes.length
-                + coldValue.new_nodes.length
-                + clientValue.new_nodes.length
-                + masterValue.new_nodes.length < 1;
-            }
-
-            return !((hotValue.resource_spec.spec_id > 0 && hotValue.resource_spec.count > 0)
-              || (coldValue.resource_spec.spec_id > 0 && coldValue.resource_spec.count > 0)
-              || (clientValue.resource_spec.spec_id > 0 && clientValue.resource_spec.count > 0)
-              || (masterValue.resource_spec.spec_id > 0 && masterValue.resource_spec.count > 0));
-          };
-
-          if (isEmptyValue()) {
-            messageError(t('替换节点不能为空'));
-            return reject();
-          }
+        ]).then(
+          ([hotValue, coldValue, clientValue, masterValue]) => {
+            const isEmptyValue = () => {
+              if (ipSource.value === 'manual_input') {
+                return (
+                  hotValue.new_nodes.length +
+                    coldValue.new_nodes.length +
+                    clientValue.new_nodes.length +
+                    masterValue.new_nodes.length <
+                  1
+                );
+              }
 
-          const getReplaceNodeNums = () => {
-            if (ipSource.value === 'manual_input') {
-              return Object.values(nodeInfoMap).reduce((result, nodeData) => result + nodeData.hostList.length, 0);
+              return !(
+                (hotValue.resource_spec.spec_id > 0 && hotValue.resource_spec.count > 0) ||
+                (coldValue.resource_spec.spec_id > 0 && coldValue.resource_spec.count > 0) ||
+                (clientValue.resource_spec.spec_id > 0 && clientValue.resource_spec.count > 0) ||
+                (masterValue.resource_spec.spec_id > 0 && masterValue.resource_spec.count > 0)
+              );
+            };
+
+            if (isEmptyValue()) {
+              messageError(t('替换节点不能为空'));
+              return reject();
             }
-            return Object.values(nodeInfoMap).reduce((result, nodeData) => {
-              if (nodeData.resourceSpec.spec_id > 0) {
-                return result + nodeData.nodeList.length;
-              }
-              return result;
-            }, 0);
-          };
-
-          InfoBox({
-            title: t('确认替换n台节点IP', { n: getReplaceNodeNums() }),
-            subTitle: t('替换后原节点 IP 将不在可用，资源将会被释放'),
-            confirmText: t('确认'),
-            cancelText: t('取消'),
-            headerAlign: 'center',
-            contentAlign: 'center',
-            footerAlign: 'center',
-            onClosed: () => reject(),
-            onConfirm: () => {
-              const nodeData = {};
+
+            const getReplaceNodeNums = () => {
               if (ipSource.value === 'manual_input') {
-                Object.assign(nodeData, {
-                  new_nodes: {
-                    hot: hotValue.new_nodes,
-                    cold: coldValue.new_nodes,
-                    client: clientValue.new_nodes,
-                    master: masterValue.new_nodes,
-                  },
-                });
-              } else {
-                Object.assign(nodeData, {
-                  resource_spec: {
-                    hot: hotValue.resource_spec,
-                    cold: coldValue.resource_spec,
-                    client: clientValue.resource_spec,
-                    master: masterValue.resource_spec,
-                  },
-                });
+                return Object.values(nodeInfoMap).reduce((result, nodeData) => result + nodeData.hostList.length, 0);
               }
-              createTicket({
-                ticket_type: 'ES_REPLACE',
-                bk_biz_id: currentBizId,
-                details: {
-                  cluster_id: props.data.id,
-                  ip_source: ipSource.value,
-                  old_nodes: {
-                    hot: hotValue.old_nodes,
-                    cold: coldValue.old_nodes,
-                    client: clientValue.old_nodes,
-                    master: masterValue.old_nodes,
+              return Object.values(nodeInfoMap).reduce((result, nodeData) => {
+                if (nodeData.resourceSpec.spec_id > 0) {
+                  return result + nodeData.nodeList.length;
+                }
+                return result;
+              }, 0);
+            };
+
+            InfoBox({
+              title: t('确认替换n台节点IP', { n: getReplaceNodeNums() }),
+              subTitle: t('替换后原节点 IP 将不在可用，资源将会被释放'),
+              confirmText: t('确认'),
+              cancelText: t('取消'),
+              headerAlign: 'center',
+              contentAlign: 'center',
+              footerAlign: 'center',
+              onCancel: () => reject(),
+              onConfirm: () => {
+                const nodeData = {};
+                if (ipSource.value === 'manual_input') {
+                  Object.assign(nodeData, {
+                    new_nodes: {
+                      hot: hotValue.new_nodes,
+                      cold: coldValue.new_nodes,
+                      client: clientValue.new_nodes,
+                      master: masterValue.new_nodes,
+                    },
+                  });
+                } else {
+                  Object.assign(nodeData, {
+                    resource_spec: {
+                      hot: hotValue.resource_spec,
+                      cold: coldValue.resource_spec,
+                      client: clientValue.resource_spec,
+                      master: masterValue.resource_spec,
+                    },
+                  });
+                }
+                createTicket({
+                  ticket_type: 'ES_REPLACE',
+                  bk_biz_id: currentBizId,
+                  details: {
+                    cluster_id: props.data.id,
+                    ip_source: ipSource.value,
+                    old_nodes: {
+                      hot: hotValue.old_nodes,
+                      cold: coldValue.old_nodes,
+                      client: clientValue.old_nodes,
+                      master: masterValue.old_nodes,
+                    },
+                    ...nodeData,
                   },
-                  ...nodeData,
-                },
-              })
-                .then(() => {
-                  emits('change');
-                  resolve('success');
-                })
-            },
-          });
-        }, () => reject('error'));
+                });
+              },
+            });
+          },
+          () => reject('error'),
+        );
       });
     },
     cancel() {
diff --git a/dbm-ui/frontend/src/views/es-manage/common/shrink/Index.vue b/dbm-ui/frontend/src/views/es-manage/common/shrink/Index.vue
index 005605b264..fa7207fa81 100644
--- a/dbm-ui/frontend/src/views/es-manage/common/shrink/Index.vue
+++ b/dbm-ui/frontend/src/views/es-manage/common/shrink/Index.vue
@@ -305,7 +305,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const fomatHost = (nodeList: TNodeInfo['nodeList'] = []) => nodeList.map(hostItem => ({
               ip: hostItem.ip,
@@ -332,7 +332,7 @@
               return results;
             }, {} as Record<string, any>);
 
-            createTicket({
+            return createTicket({
               ticket_type: 'ES_SHRINK',
               bk_biz_id: bizId,
               details: {
diff --git a/dbm-ui/frontend/src/views/es-manage/list/components/detail/components/node-list/components/InstanceDetail.vue b/dbm-ui/frontend/src/views/es-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
index 495479b4df..b7dfa04d38 100644
--- a/dbm-ui/frontend/src/views/es-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
+++ b/dbm-ui/frontend/src/views/es-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
@@ -217,7 +217,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onCancel: () => {
         isBatchRestartLoading.value = false;
       },
       onConfirm: () => {
@@ -255,7 +255,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onCancel: () => {
         isRestartLoading.value = false;
       },
       onConfirm: () => {
diff --git a/dbm-ui/frontend/src/views/hdfs-manage/common/expansion/Index.vue b/dbm-ui/frontend/src/views/hdfs-manage/common/expansion/Index.vue
index 0370932a5f..d35e4b685e 100644
--- a/dbm-ui/frontend/src/views/hdfs-manage/common/expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/hdfs-manage/common/expansion/Index.vue
@@ -228,7 +228,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const hostData = {};
 
diff --git a/dbm-ui/frontend/src/views/hdfs-manage/common/replace/Index.vue b/dbm-ui/frontend/src/views/hdfs-manage/common/replace/Index.vue
index 585f0f931f..129c9fd622 100644
--- a/dbm-ui/frontend/src/views/hdfs-manage/common/replace/Index.vue
+++ b/dbm-ui/frontend/src/views/hdfs-manage/common/replace/Index.vue
@@ -184,7 +184,7 @@
               headerAlign: 'center',
               contentAlign: 'center',
               footerAlign: 'center',
-              onClosed: () => reject(),
+              onCancel: () => reject(),
               onConfirm: () => {
                 const nodeData = {};
                 if (ipSource.value === 'manual_input') {
diff --git a/dbm-ui/frontend/src/views/hdfs-manage/common/shrink/Index.vue b/dbm-ui/frontend/src/views/hdfs-manage/common/shrink/Index.vue
index 7eff685ac9..986272188c 100644
--- a/dbm-ui/frontend/src/views/hdfs-manage/common/shrink/Index.vue
+++ b/dbm-ui/frontend/src/views/hdfs-manage/common/shrink/Index.vue
@@ -225,7 +225,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const fomatHost = (nodeList: TNodeInfo['nodeList'] = []) => nodeList.map(hostItem => ({
               ip: hostItem.ip,
diff --git a/dbm-ui/frontend/src/views/hdfs-manage/list/components/detail/components/node-list/components/InstanceDetail.vue b/dbm-ui/frontend/src/views/hdfs-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
index 3d224c2778..cbdf468d11 100644
--- a/dbm-ui/frontend/src/views/hdfs-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
+++ b/dbm-ui/frontend/src/views/hdfs-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
@@ -216,7 +216,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onClose: () => {
         isBatchRestartLoading.value = false;
       },
       onConfirm: () => {
@@ -254,7 +254,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onCancel: () => {
         isRestartLoading.value = false;
       },
       onConfirm: () => {
diff --git a/dbm-ui/frontend/src/views/kafka-manage/common/expansion/Index.vue b/dbm-ui/frontend/src/views/kafka-manage/common/expansion/Index.vue
index 3fd38c9da5..13fbe3e440 100644
--- a/dbm-ui/frontend/src/views/kafka-manage/common/expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/kafka-manage/common/expansion/Index.vue
@@ -230,7 +230,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const hostData = {};
 
diff --git a/dbm-ui/frontend/src/views/kafka-manage/common/replace/Index.vue b/dbm-ui/frontend/src/views/kafka-manage/common/replace/Index.vue
index e3c7d4e725..1679d7423f 100644
--- a/dbm-ui/frontend/src/views/kafka-manage/common/replace/Index.vue
+++ b/dbm-ui/frontend/src/views/kafka-manage/common/replace/Index.vue
@@ -249,7 +249,7 @@
               headerAlign: 'center',
               contentAlign: 'center',
               footerAlign: 'center',
-              onClosed: () => reject(),
+              onCancel: () => reject(),
               onConfirm: () => {
                 const nodeData = {};
                 if (ipSource.value === 'manual_input') {
diff --git a/dbm-ui/frontend/src/views/kafka-manage/common/shrink/Index.vue b/dbm-ui/frontend/src/views/kafka-manage/common/shrink/Index.vue
index bc2efdd32d..362cb72b8b 100644
--- a/dbm-ui/frontend/src/views/kafka-manage/common/shrink/Index.vue
+++ b/dbm-ui/frontend/src/views/kafka-manage/common/shrink/Index.vue
@@ -224,7 +224,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const fomatHost = (nodeList: TNodeInfo['nodeList'] = []) => nodeList.map(hostItem => ({
               ip: hostItem.ip,
diff --git a/dbm-ui/frontend/src/views/kafka-manage/list/components/detail/components/node-list/components/InstanceDetail.vue b/dbm-ui/frontend/src/views/kafka-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
index 6a1e8e88c4..0be05703fe 100644
--- a/dbm-ui/frontend/src/views/kafka-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
+++ b/dbm-ui/frontend/src/views/kafka-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
@@ -216,7 +216,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onCancel: () => {
         isBatchRestartLoading.value = false;
       },
       onConfirm: () => {
@@ -254,7 +254,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onCancel: () => {
         isRestartLoading.value = false;
       },
       onConfirm: () => {
diff --git a/dbm-ui/frontend/src/views/mongodb-manage/db-replace/pages/page1/Index.vue b/dbm-ui/frontend/src/views/mongodb-manage/db-replace/pages/page1/Index.vue
index 0ffcb42c89..4b465f36e7 100644
--- a/dbm-ui/frontend/src/views/mongodb-manage/db-replace/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/mongodb-manage/db-replace/pages/page1/Index.vue
@@ -54,7 +54,7 @@
     </template>
     <InstanceSelector
       v-model:is-show="isShowMasterInstanceSelector"
-      :cluster-types="[ClusterTypes.MONGOCLUSTER]"
+      :cluster-types="[ClusterTypes.MONGO_SHARED_CLUSTER]"
       :selected="selected"
       @change="handleInstanceSelectChange" />
   </SmartAction>
@@ -73,27 +73,24 @@
 
   import { ClusterTypes, TicketTypes } from '@common/const';
 
-  import InstanceSelector, {
-    type InstanceSelectorValues,
-  } from '@components/instance-selector/Index.vue';
+  import InstanceSelector, { type InstanceSelectorValues } from '@components/instance-selector/Index.vue';
 
   import RenderData from './components/Index.vue';
-  import RenderDataRow, {
-    createRowData,
-    type IDataRow,
-  } from './components/Row.vue';
+  import RenderDataRow, { createRowData, type IDataRow } from './components/Row.vue';
 
   const { currentBizId } = useGlobalBizs();
   const { t } = useI18n();
   const router = useRouter();
   const rowRefs = ref();
   const isShowMasterInstanceSelector = ref(false);
-  const isSubmitting  = ref(false);
+  const isSubmitting = ref(false);
 
   const tableData = ref([createRowData()]);
-  const selected = shallowRef({ [ClusterTypes.MONGOCLUSTER]: [] } as InstanceSelectorValues<MongodbInstanceModel>);
+  const selected = shallowRef({
+    [ClusterTypes.MONGO_SHARED_CLUSTER]: [],
+  } as InstanceSelectorValues<MongodbInstanceModel>);
 
-  const totalNum = computed(() => tableData.value.filter(item => Boolean(item.ip)).length);
+  const totalNum = computed(() => tableData.value.filter((item) => Boolean(item.ip)).length);
 
   // ip 是否已存在表格的映射表
   let ipMemo = {} as Record<string, boolean>;
@@ -120,7 +117,7 @@
     isLoading: false,
     ip: item.ip,
     role: item.role,
-    relatedClusters: item.related_clusters.map(obj => obj.immute_domain),
+    relatedClusters: item.related_clusters.map((obj) => obj.immute_domain),
     bkCloudId: item.bk_cloud_id,
     clusterId: item.cluster_id,
     clusterType: item.cluster_type,
@@ -138,7 +135,7 @@
   const handleInstanceSelectChange = (data: InstanceSelectorValues<MongodbInstanceModel>) => {
     selected.value = data;
     const newList: IDataRow[] = [];
-    data[ClusterTypes.MONGOCLUSTER].forEach((item) => {
+    data[ClusterTypes.MONGO_SHARED_CLUSTER].forEach((item) => {
       const { ip } = item;
       if (!ipMemo[ip]) {
         newList.push(generateRowDateFromRequest(item));
@@ -176,7 +173,7 @@
     const data = ret.results[0];
     const obj = generateRowDateFromRequest(data);
     tableData.value[index] = obj;
-    ipMemo[ip]  = true;
+    ipMemo[ip] = true;
     sortTableByCluster();
   };
 
@@ -193,8 +190,8 @@
     tableData.value.splice(index, 1);
     delete ipMemo[removeIp];
     sortTableByCluster();
-    const ipsArr = selected.value[ClusterTypes.MONGOCLUSTER];
-    selected.value[ClusterTypes.MONGOCLUSTER] = ipsArr.filter(item => item.ip !== removeIp);
+    const ipsArr = selected.value[ClusterTypes.MONGO_SHARED_CLUSTER];
+    selected.value[ClusterTypes.MONGO_SHARED_CLUSTER] = ipsArr.filter((item) => item.ip !== removeIp);
   };
 
   // 根据表格数据生成提交单据请求参数
@@ -234,9 +231,9 @@
 
   // 提交
   const handleSubmit = async () => {
-    const ipSpecList = await Promise.all(rowRefs.value.map((item: {
-      getValue: () => Promise<Record<string, number>>
-    }) => item.getValue()));
+    const ipSpecList = await Promise.all(
+      rowRefs.value.map((item: { getValue: () => Promise<Record<string, number>> }) => item.getValue()),
+    );
     const ipSpecMap = ipSpecList.reduce((results, item) => Object.assign(results, item), {});
     const infos = generateRequestParam(ipSpecMap);
     const params = {
@@ -254,28 +251,30 @@
       width: 500,
       onConfirm: () => {
         isSubmitting.value = true;
-        createTicket(params).then((data) => {
-          window.changeConfirm = false;
-          router.push({
-            name: 'MongoDBReplace',
-            params: {
-              page: 'success',
-            },
-            query: {
-              ticketId: data.id,
-            },
-          });
-        })
+        createTicket(params)
+          .then((data) => {
+            window.changeConfirm = false;
+            router.push({
+              name: 'MongoDBReplace',
+              params: {
+                page: 'success',
+              },
+              query: {
+                ticketId: data.id,
+              },
+            });
+          })
           .finally(() => {
             isSubmitting.value = false;
           });
-      } });
+      },
+    });
   };
 
   // 重置
   const handleReset = () => {
     tableData.value = [createRowData()];
-    selected.value[ClusterTypes.MONGOCLUSTER] = [];
+    selected.value[ClusterTypes.MONGO_SHARED_CLUSTER] = [];
     ipMemo = {};
     window.changeConfirm = false;
   };
@@ -299,7 +298,7 @@
       let isFirst = true;
       let isGeneral = true;
       if (sameArr.length > 1) {
-        isGeneral  = false;
+        isGeneral = false;
       }
       for (const item of sameArr) {
         if (isFirst) {
diff --git a/dbm-ui/frontend/src/views/mysql/checksum/Index.vue b/dbm-ui/frontend/src/views/mysql/checksum/Index.vue
index e88082d13e..617db46969 100644
--- a/dbm-ui/frontend/src/views/mysql/checksum/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/checksum/Index.vue
@@ -179,7 +179,7 @@
   import ToolboxTable from '@components/mysql-toolbox/ToolboxTable.vue';
   import TimeZonePicker from '@components/time-zone-picker/index.vue';
 
-  import { generateId, messageError } from '@utils';
+  import { generateId } from '@utils';
 
   import type { InputItem } from './common/types';
   import BatchInput from './components/BatchInput.vue';
@@ -1035,25 +1035,17 @@
             })),
           },
         };
-        createTicket(params)
+        return createTicket(params)
           .then((res) => {
             ticketId.value = res.id;
             tableData.value = [getTableItem()];
             formdata.data_repair.is_repair = true;
             formdata.timing = getCurrentDate();
             formdata.runtime_hour = 48;
-            nextTick(() => {
-              window.changeConfirm = false;
-            });
+            window.changeConfirm = false;
           })
-          .catch(e => {
-            messageError(e.message);
-          })
-          .finally(() => {
-            isSubmitting.value = false;
-          });
       })
-      .catch(() => {
+      .finally(() => {
         isSubmitting.value = false;
       });
   }
diff --git a/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/Index.vue b/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/Index.vue
index 02b9084275..d92f1509de 100644
--- a/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/data-migrate/pages/page1/Index.vue
@@ -55,7 +55,6 @@
       v-model:is-show="isShowBatchSelector"
       :cluster-types="[ClusterTypes.TENDBHA, ClusterTypes.TENDBSINGLE]"
       :selected="selectedClusters"
-      :tab-list-config="tabListConfig"
       @change="handelClusterChange" />
   </SmartAction>
 </template>
@@ -74,7 +73,7 @@
 
   import { ClusterTypes, TicketTypes } from '@common/const';
 
-  import ClusterSelector, { type TabConfig } from '@components/cluster-selector/Index.vue';
+  import ClusterSelector from '@components/cluster-selector/Index.vue';
 
   import RenderData from './components/Index.vue';
   import RenderDataRow, { createRowData, type IDataRow, type InfoItem } from './components/Row.vue';
@@ -104,15 +103,6 @@
     [ClusterTypes.TENDBSINGLE]: [],
   });
 
-  const tabListConfig = {
-    [ClusterTypes.TENDBHA]: {
-      showPreviewResultTitle: true,
-    },
-    [ClusterTypes.TENDBSINGLE]: {
-      showPreviewResultTitle: true,
-    },
-  } as Record<string, TabConfig>;
-
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
 
diff --git a/dbm-ui/frontend/src/views/mysql/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/mysql/db-backup/pages/page1/Index.vue
index 40a92e00f0..bf7ad31dd2 100644
--- a/dbm-ui/frontend/src/views/mysql/db-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/db-backup/pages/page1/Index.vue
@@ -122,11 +122,7 @@
   useTicketCloneInfo({
     type: TicketTypes.MYSQL_HA_FULL_BACKUP,
     onSuccess(cloneData) {
-      const {
-        backupType,
-        tableDataList,
-        fileTag,
-      } = cloneData
+      const { backupType, tableDataList, fileTag } = cloneData;
       tableData.value = tableDataList;
       formData.backup_type = backupType;
       formData.file_tag = fileTag;
@@ -134,7 +130,6 @@
     },
   });
 
-
   const formRef = ref();
   const rowRefs = ref();
   const isShowBatchSelector = ref(false);
@@ -142,7 +137,7 @@
   const formData = reactive(createDefaultData());
 
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{[key: string]: Array<TendbhaModel>}>({ [ClusterTypes.TENDBHA]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel> }>({ [ClusterTypes.TENDBHA]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -224,20 +219,20 @@
   };
 
   const handleSubmit = () => {
-    Promise.all(rowRefs.value.map((item: { getValue: () => Promise<any> }) => item.getValue())).then((data) => {
-      isSubmitting.value = true;
-      createTicket({
-        bk_biz_id: currentBizId,
-        ticket_type: 'MYSQL_HA_FULL_BACKUP',
-        remark: '',
-        details: {
-          infos: {
-            ...formData,
-            clusters: data,
+    isSubmitting.value = true;
+    Promise.all(rowRefs.value.map((item: { getValue: () => Promise<any> }) => item.getValue()))
+      .then((data) =>
+        createTicket({
+          bk_biz_id: currentBizId,
+          ticket_type: 'MYSQL_HA_FULL_BACKUP',
+          remark: '',
+          details: {
+            infos: {
+              ...formData,
+              clusters: data,
+            },
           },
-        },
-      })
-        .then((data) => {
+        }).then((data) => {
           window.changeConfirm = false;
           router.push({
             name: 'MySQLDBBackup',
@@ -248,11 +243,11 @@
               ticketId: data.id,
             },
           });
-        })
-        .finally(() => {
-          isSubmitting.value = false;
-        });
-    });
+        }),
+      )
+      .finally(() => {
+        isSubmitting.value = false;
+      });
   };
 
   const handleReset = () => {
diff --git a/dbm-ui/frontend/src/views/mysql/db-clear/index.vue b/dbm-ui/frontend/src/views/mysql/db-clear/index.vue
index c7ef4b95c6..5466575e6b 100644
--- a/dbm-ui/frontend/src/views/mysql/db-clear/index.vue
+++ b/dbm-ui/frontend/src/views/mysql/db-clear/index.vue
@@ -844,16 +844,16 @@
   }
 
   function handleSubmit() {
+    isSubmitting.value = true;
     toolboxTableRef.value.validate()
       .then(() => {
         const clusterTypes = _.uniq(tableData.value.map(item => item.cluster_type));
         // 限制只能提同一种类型的集群，否则提示
         if (clusterTypes.length > 1) {
           messageError('只允许提交一种集群类型');
-          return;
+          return Promise.reject();
         }
 
-        isSubmitting.value = true;
         const formatList = (values: string[]) => values.map(val => val.trim()).filter(val => val);
         const params = {
           ticket_type: clusterTypes[0] === ClusterTypes.TENDBHA
@@ -873,17 +873,15 @@
           },
         };
 
-        createTicket(params)
+        return createTicket(params)
           .then((res) => {
             ticketId.value = res.id;
             tableData.value = [getTableItem()];
-            nextTick(() => {
-              window.changeConfirm = false;
-            });
+            window.changeConfirm = false;
           })
-          .finally(() => {
-            isSubmitting.value = false;
-          });
+        ;
+      }).finally(() => {
+        isSubmitting.value = false;
       });
   }
 
diff --git a/dbm-ui/frontend/src/views/mysql/db-rename/index.vue b/dbm-ui/frontend/src/views/mysql/db-rename/index.vue
index 888d69b3c7..ad4ab89744 100644
--- a/dbm-ui/frontend/src/views/mysql/db-rename/index.vue
+++ b/dbm-ui/frontend/src/views/mysql/db-rename/index.vue
@@ -582,16 +582,17 @@
   }
 
   function handleSubmit() {
+    isSubmitting.value = true;
     toolboxTableRef.value.validate()
       .then(() => {
         const clusterTypes = _.uniq(tableData.value.map(item => item.cluster_type));
         // 限制只能提同一种类型的集群，否则提示
         if (clusterTypes.length > 1) {
           messageError('只允许提交一种集群类型');
-          return;
+          return Promise.reject();
         }
 
-        isSubmitting.value = true;
+
         const params = {
           ticket_type: clusterTypes[0] === ClusterTypes.TENDBHA
             ? TicketTypes.MYSQL_HA_RENAME_DATABASE : TicketTypes.MYSQL_SINGLE_RENAME_DATABASE,
@@ -606,7 +607,7 @@
           },
         };
 
-        createTicket(params)
+        return createTicket(params)
           .then((res) => {
             ticketId.value = res.id;
             tableData.value = [getTableItem()];
@@ -614,9 +615,9 @@
               window.changeConfirm = false;
             });
           })
-          .finally(() => {
-            isSubmitting.value = false;
-          });
+        ;
+      }).finally(() => {
+        isSubmitting.value = false;
       });
   }
 
diff --git a/dbm-ui/frontend/src/views/mysql/dumper/components/create-rule/Index.vue b/dbm-ui/frontend/src/views/mysql/dumper/components/create-rule/Index.vue
index 470238cba2..75e082e47c 100644
--- a/dbm-ui/frontend/src/views/mysql/dumper/components/create-rule/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/dumper/components/create-rule/Index.vue
@@ -294,7 +294,7 @@
   });
 
   useRequest(listDumperConfig, {
-    
+
     defaultParams: [
       {
         offset: 0,
@@ -334,25 +334,25 @@
 
   // 点击确定
   const handleConfirm = async () => {
-    await formRef.value.validate();
-    const replTables = isUseExistedSubscribe.value
-      ? replTableMap[formModel.name] : await subscribeDbTableRef.value.getValue();
-    const infos = await receiverDataRef.value.getValue();
-    const params = {
-      bk_biz_id: currentBizId,
-      ticket_type: TicketTypes.TBINLOGDUMPER_INSTALL,
-      remark: '',
-      details: {
-        name: isUseExistedSubscribe.value
-          ? subscribeNameList.value.find(item => item.value === formModel.name)?.label : formModel.name,
-        add_type: syncType.value,
-        repl_tables: replTables,
-        infos,
-      },
-
-    };
     isSubmitting.value = true;
     try {
+      await formRef.value.validate();
+      const replTables = isUseExistedSubscribe.value
+        ? replTableMap[formModel.name] : await subscribeDbTableRef.value.getValue();
+      const infos = await receiverDataRef.value.getValue();
+      const params = {
+        bk_biz_id: currentBizId,
+        ticket_type: TicketTypes.TBINLOGDUMPER_INSTALL,
+        remark: '',
+        details: {
+          name: isUseExistedSubscribe.value
+            ? subscribeNameList.value.find(item => item.value === formModel.name)?.label : formModel.name,
+          add_type: syncType.value,
+          repl_tables: replTables,
+          infos,
+        },
+      };
+
       const data = await createTicket(params);
       if (data && data.id) {
         ticketMessage(data.id);
diff --git a/dbm-ui/frontend/src/views/mysql/privilege-clone-client/index.vue b/dbm-ui/frontend/src/views/mysql/privilege-clone-client/index.vue
index db3f662a50..b9ae48910f 100644
--- a/dbm-ui/frontend/src/views/mysql/privilege-clone-client/index.vue
+++ b/dbm-ui/frontend/src/views/mysql/privilege-clone-client/index.vue
@@ -454,52 +454,45 @@
   };
 
   const handleSubmit = () => {
+    isSubmitting.value = true;
     toolboxTableRef.value.validate()
-      .then(() => {
-        isSubmitting.value = true;
-        precheckPermissionClone({
-          bizId: globalBizsStore.currentBizId,
-          clone_type: 'client',
-          clone_cluster_type: 'mysql',
-          clone_list: tableData.value.map((item) => {
-            const sourceInfos = getSourceInfos(item.source);
-            return {
-              source: sourceInfos.ip,
-              target: item.target,
-              bk_cloud_id: sourceInfos.cloudId,
-              module: hostTopoMap.get(sourceInfos.ip)?.topo?.[0] || '',
-            };
-          }),
-        })
-          .then((res) => {
-            if (res.pre_check) {
-              createTicket({
-                ticket_type: TicketTypes.MYSQL_CLIENT_CLONE_RULES,
-                bk_biz_id: globalBizsStore.currentBizId,
-                details: {
-                  ...res,
-                  clone_type: 'client',
-                },
-              })
-                .then((res) => {
-                  ticketId.value = res.id;
-                  tableData.value = [getTableItem()];
-                  nextTick(() => {
-                    window.changeConfirm = false;
-                  });
-                })
-                .finally(() => {
-                  isSubmitting.value = false;
+      .then(() => precheckPermissionClone({
+        bizId: globalBizsStore.currentBizId,
+        clone_type: 'client',
+        clone_cluster_type: 'mysql',
+        clone_list: tableData.value.map((item) => {
+          const sourceInfos = getSourceInfos(item.source);
+          return {
+            source: sourceInfos.ip,
+            target: item.target,
+            bk_cloud_id: sourceInfos.cloudId,
+            module: hostTopoMap.get(sourceInfos.ip)?.topo?.[0] || '',
+          };
+        }),
+      })
+        .then((res) => {
+          if (res.pre_check) {
+            return createTicket({
+              ticket_type: TicketTypes.MYSQL_CLIENT_CLONE_RULES,
+              bk_biz_id: globalBizsStore.currentBizId,
+              details: {
+                ...res,
+                clone_type: 'client',
+              },
+            })
+              .then((res) => {
+                ticketId.value = res.id;
+                tableData.value = [getTableItem()];
+                nextTick(() => {
+                  window.changeConfirm = false;
                 });
-              return;
-            }
-            isSubmitting.value = false;
-            messageError(res.message);
-          })
-          .finally(() => {
-            isSubmitting.value = false;
-          });
-      });
+              })
+          }
+          messageError(res.message);
+        }))
+      .finally(() => {
+        isSubmitting.value = false;
+      })
   };
 
   const handleCloseSuccess = () => {
diff --git a/dbm-ui/frontend/src/views/mysql/privilege-clone-inst/index.vue b/dbm-ui/frontend/src/views/mysql/privilege-clone-inst/index.vue
index fbcad45a8e..7ac02730ae 100644
--- a/dbm-ui/frontend/src/views/mysql/privilege-clone-inst/index.vue
+++ b/dbm-ui/frontend/src/views/mysql/privilege-clone-inst/index.vue
@@ -467,50 +467,41 @@
   function handleSubmit() {
     isSubmitting.value = true;
     toolboxTableRef.value.validate()
-      .then(() => {
-        precheckPermissionClone({
-          bizId: globalBizsStore.currentBizId,
-          clone_type: 'instance',
-          clone_cluster_type: 'mysql',
-          clone_list: tableData.value.map((item) => {
-            const infos = getOriginlInstanceInfos(item.source);
-            return {
-              source: infos.inst,
-              target: item.target,
-              cluster_domain: instanceMap.get(item.source)?.master_domain,
-              bk_cloud_id: instanceMap.get(item.source)?.bk_cloud_id,
-            };
-          }),
-        })
-          .then((res) => {
-            if (res.pre_check) {
-              createTicket({
-                ticket_type: TicketTypes.MYSQL_INSTANCE_CLONE_RULES,
-                bk_biz_id: globalBizsStore.currentBizId,
-                details: {
-                  ...res,
-                  clone_type: 'instance',
-                },
-              })
-                .then((res) => {
-                  ticketId.value = res.id;
-                  tableData.value = [getTableItem()];
-                  nextTick(() => {
-                    window.changeConfirm = false;
-                  });
-                })
-                .finally(() => {
-                  isSubmitting.value = false;
-                });
-              return;
-            }
-            isSubmitting.value = false;
-            messageError(res.message);
-          })
-          .finally(() => {
-            isSubmitting.value = false;
-          });
+      .then(() => precheckPermissionClone({
+        bizId: globalBizsStore.currentBizId,
+        clone_type: 'instance',
+        clone_cluster_type: 'mysql',
+        clone_list: tableData.value.map((item) => {
+          const infos = getOriginlInstanceInfos(item.source);
+          return {
+            source: infos.inst,
+            target: item.target,
+            cluster_domain: instanceMap.get(item.source)?.master_domain,
+            bk_cloud_id: instanceMap.get(item.source)?.bk_cloud_id,
+          };
+        }),
       })
+        .then((res) => {
+          if (res.pre_check) {
+            return createTicket({
+              ticket_type: TicketTypes.MYSQL_INSTANCE_CLONE_RULES,
+              bk_biz_id: globalBizsStore.currentBizId,
+              details: {
+                ...res,
+                clone_type: 'instance',
+              },
+            })
+              .then((res) => {
+                ticketId.value = res.id;
+                tableData.value = [getTableItem()];
+                nextTick(() => {
+                  window.changeConfirm = false;
+                });
+              })
+          }
+          messageError(res.message);
+        })
+      )
       .finally(() => {
         isSubmitting.value = false;
       });
diff --git a/dbm-ui/frontend/src/views/mysql/slave-add/index.vue b/dbm-ui/frontend/src/views/mysql/slave-add/index.vue
index 130637fe54..23df841ba5 100644
--- a/dbm-ui/frontend/src/views/mysql/slave-add/index.vue
+++ b/dbm-ui/frontend/src/views/mysql/slave-add/index.vue
@@ -506,9 +506,10 @@
   };
 
   const handleSubmit = () => {
+    isSubmitting.value = true;
     toolboxTableRef.value.validate()
       .then(() => {
-        isSubmitting.value = true;
+
         const params = {
           ticket_type: TicketTypes.MYSQL_ADD_SLAVE,
           bk_biz_id: globalBizsStore.currentBizId,
@@ -529,17 +530,17 @@
             backup_source: backupSource.value,
           },
         };
-        createTicket(params)
+
+        return createTicket(params)
           .then((res) => {
             ticketId.value = res.id;
             tableData.value = [getTableItem()];
             nextTick(() => {
               window.changeConfirm = false;
             });
-          })
-          .finally(() => {
-            isSubmitting.value = false;
           });
+      }).finally(() => {
+        isSubmitting.value = false;
       });
   };
 
diff --git a/dbm-ui/frontend/src/views/mysql/sql-execute/steps/step1/Index.vue b/dbm-ui/frontend/src/views/mysql/sql-execute/steps/step1/Index.vue
index 6b1214aa30..93b04c6973 100644
--- a/dbm-ui/frontend/src/views/mysql/sql-execute/steps/step1/Index.vue
+++ b/dbm-ui/frontend/src/views/mysql/sql-execute/steps/step1/Index.vue
@@ -206,7 +206,7 @@
 
     formRef.value
       .validate()
-      .then(() => {
+      .then(() =>
         semanticCheck({
           ...formData,
           cluster_type: 'mysql',
@@ -222,8 +222,8 @@
               nodeId: data.node_id,
             },
           });
-        });
-      })
+        }),
+      )
       .finally(() => {
         isSubmitting.value = false;
       });
diff --git a/dbm-ui/frontend/src/views/pulsar-manage/common/expansion/Index.vue b/dbm-ui/frontend/src/views/pulsar-manage/common/expansion/Index.vue
index 170aa68494..dffd90f984 100644
--- a/dbm-ui/frontend/src/views/pulsar-manage/common/expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/pulsar-manage/common/expansion/Index.vue
@@ -303,7 +303,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const hostData = {};
 
diff --git a/dbm-ui/frontend/src/views/pulsar-manage/common/replace/Index.vue b/dbm-ui/frontend/src/views/pulsar-manage/common/replace/Index.vue
index 1754eb11f9..af1f033a85 100644
--- a/dbm-ui/frontend/src/views/pulsar-manage/common/replace/Index.vue
+++ b/dbm-ui/frontend/src/views/pulsar-manage/common/replace/Index.vue
@@ -307,7 +307,7 @@
               headerAlign: 'center',
               contentAlign: 'center',
               footerAlign: 'center',
-              onClosed: () => reject(),
+              onCancel: () => reject(),
               onConfirm: () => {
                 const nodeData = {};
                 if (ipSource.value === 'manual_input') {
diff --git a/dbm-ui/frontend/src/views/pulsar-manage/common/shrink/Index.vue b/dbm-ui/frontend/src/views/pulsar-manage/common/shrink/Index.vue
index ac381ed9bc..6e771dc466 100644
--- a/dbm-ui/frontend/src/views/pulsar-manage/common/shrink/Index.vue
+++ b/dbm-ui/frontend/src/views/pulsar-manage/common/shrink/Index.vue
@@ -258,7 +258,7 @@
           headerAlign: 'center',
           contentAlign: 'center',
           footerAlign: 'center',
-          onClosed: () => reject(),
+          onCancel: () => reject(),
           onConfirm: () => {
             const fomatHost = (nodeList: TNodeInfo['nodeList'] = []) => nodeList.map(hostItem => ({
               ip: hostItem.ip,
diff --git a/dbm-ui/frontend/src/views/pulsar-manage/list/components/detail/components/node-list/components/InstanceDetail.vue b/dbm-ui/frontend/src/views/pulsar-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
index 5915d06572..166e68d671 100644
--- a/dbm-ui/frontend/src/views/pulsar-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
+++ b/dbm-ui/frontend/src/views/pulsar-manage/list/components/detail/components/node-list/components/InstanceDetail.vue
@@ -214,7 +214,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onClose: () => {
         isBatchRestartLoading.value = false;
       },
       onConfirm: () => {
@@ -255,7 +255,7 @@
       headerAlign: 'center',
       contentAlign: 'center',
       footerAlign: 'center',
-      onClosed: () => {
+      onCancel: () => {
         isRestartLoading.value = false;
       },
       onConfirm: () => {
diff --git a/dbm-ui/frontend/src/views/redis/db-data-copy/pages/page1/Index.vue b/dbm-ui/frontend/src/views/redis/db-data-copy/pages/page1/Index.vue
index 0d61dacf9c..4b495b2318 100644
--- a/dbm-ui/frontend/src/views/redis/db-data-copy/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/redis/db-data-copy/pages/page1/Index.vue
@@ -331,31 +331,29 @@
 
   // 点击提交按钮
   const handleSubmit = async () => {
+    isSubmitting.value = true;
     const infos = await currentTableRef.value.getValue();
+    isSubmitting.value = false;
+
     const params = generateRequestParam(infos);
+
     InfoBox({
       title: t('确认复制n个集群数据？', { n: params.details.infos.length }),
       subTitle: t('将会把源集群的数据复制到对应的新集群'),
       width: 480,
-      onConfirm: () => {
-        isSubmitting.value = true;
-        createTicket(params)
-          .then((data) => {
-            window.changeConfirm = false;
-            router.push({
-              name: 'RedisDBDataCopy',
-              params: {
-                page: 'success',
-              },
-              query: {
-                ticketId: data.id,
-              },
-            });
-          })
-          .finally(() => {
-            isSubmitting.value = false;
+      onConfirm: () =>
+        createTicket(params).then((data) => {
+          window.changeConfirm = false;
+          router.push({
+            name: 'RedisDBDataCopy',
+            params: {
+              page: 'success',
+            },
+            query: {
+              ticketId: data.id,
+            },
           });
-      },
+        }),
     });
   };
 
diff --git a/dbm-ui/frontend/src/views/redis/db-replace/pages/page1/Index.vue b/dbm-ui/frontend/src/views/redis/db-replace/pages/page1/Index.vue
index 82d60ee476..6408737ca4 100644
--- a/dbm-ui/frontend/src/views/redis/db-replace/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/redis/db-replace/pages/page1/Index.vue
@@ -69,12 +69,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import {
-    queryInfoByIp,
-    queryMasterSlavePairs,
-  } from '@services/source/redisToolbox';
+  import { queryInfoByIp, queryMasterSlavePairs } from '@services/source/redisToolbox';
   import { createTicket } from '@services/source/ticket';
-  import type { SubmitTicket } from '@services/types/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
 
@@ -85,17 +81,12 @@
   import { switchToNormalRole } from '@utils';
 
   import RenderData from './components/Index.vue';
-  import InstanceSelector, {
-    type InstanceSelectorValues,
-  } from './components/instance-selector/Index.vue';
-  import RenderDataRow, {
-    createRowData,
-    type IDataRow,
-  } from './components/Row.vue';
+  import InstanceSelector, { type InstanceSelectorValues } from './components/instance-selector/Index.vue';
+  import RenderDataRow, { createRowData, type IDataRow } from './components/Row.vue';
 
   interface SpecItem {
     ip: string;
-    spec_id: number
+    spec_id: number;
   }
   interface InfoItem {
     cluster_id: number;
@@ -118,19 +109,19 @@
       sortTableByCluster();
       updateSlaveMasterMap();
       window.changeConfirm = true;
-    }
+    },
   });
 
   const rowRefs = ref();
   const isShowMasterInstanceSelector = ref(false);
-  const isSubmitting  = ref(false);
+  const isSubmitting = ref(false);
 
   const tableData = ref([createRowData()]);
   const selected = shallowRef({
     idleHosts: [],
   } as InstanceSelectorValues);
-  const totalNum = computed(() => tableData.value.filter(item => Boolean(item.ip)).length);
-  const inputedIps = computed(() => tableData.value.map(item => item.ip));
+  const totalNum = computed(() => tableData.value.filter((item) => Boolean(item.ip)).length);
+  const inputedIps = computed(() => tableData.value.map((item) => item.ip));
 
   // slave <-> master
   const slaveMasterMap: Record<string, string> = {};
@@ -149,10 +140,14 @@
 
   // 更新slave -> master 映射表
   const updateSlaveMasterMap = async () => {
-    const clusterIds = [...new Set(tableData.value.map(item => item.clusterId))];
-    const retArr = await Promise.all(clusterIds.map(id => queryMasterSlavePairs({
-      cluster_id: id,
-    }).catch(() => null)));
+    const clusterIds = [...new Set(tableData.value.map((item) => item.clusterId))];
+    const retArr = await Promise.all(
+      clusterIds.map((id) =>
+        queryMasterSlavePairs({
+          cluster_id: id,
+        }).catch(() => null),
+      ),
+    );
     retArr.forEach((pairs) => {
       if (pairs !== null) {
         pairs.forEach((item) => {
@@ -236,13 +231,15 @@
       spec: data.spec_config,
     };
     tableData.value[index] = obj;
-    ipMemo[ip]  = true;
+    ipMemo[ip] = true;
     sortTableByCluster();
     updateSlaveMasterMap();
-    selected.value.idleHosts.push(Object.assign(data, {
-      cluster_id: obj.clusterId,
-      cluster_domain: data.cluster?.immute_domain,
-    }));
+    selected.value.idleHosts.push(
+      Object.assign(data, {
+        cluster_id: obj.clusterId,
+        cluster_domain: data.cluster?.immute_domain,
+      }),
+    );
   };
 
   // 追加一个集群
@@ -279,7 +276,7 @@
     }
     sortTableByCluster();
     const ipsArr = selected.value.idleHosts;
-    selected.value.idleHosts = ipsArr.filter(item => ![removeIp, masterIp].includes(item.ip));
+    selected.value.idleHosts = ipsArr.filter((item) => ![removeIp, masterIp].includes(item.ip));
     if (tableData.value.length === 0) {
       tableData.value = [createRowData()];
       return;
@@ -323,13 +320,16 @@
         } else if (item.role === 'master') {
           infoItem.redis_master.push(specObj);
           const deleteSlaveIp = slaveMasterMap[item.ip];
-          if (deleteSlaveIp) needDeleteSlaves.push(deleteSlaveIp);
+
+          if (deleteSlaveIp) {
+            needDeleteSlaves.push(deleteSlaveIp);
+          }
         } else {
           infoItem.proxy.push(specObj);
         }
       });
       // 当选择了master的时候，对应的slave不要传给后端
-      infoItem.redis_slave = infoItem.redis_slave.filter(item => !needDeleteSlaves.includes(item.ip));
+      infoItem.redis_slave = infoItem.redis_slave.filter((item) => !needDeleteSlaves.includes(item.ip));
       return infoItem;
     });
     return infos;
@@ -337,11 +337,12 @@
 
   // 提交
   const handleSubmit = async () => {
-    await Promise.all(rowRefs.value.map((item: {
-      getValue: () => void
-    }) => item.getValue()));
+    isSubmitting.value = true;
+    await Promise.all(rowRefs.value.map((item: { getValue: () => void }) => item.getValue()));
+    isSubmitting.value = false;
+
     const infos = generateRequestParam();
-    const params: SubmitTicket<TicketTypes, InfoItem[]> = {
+    const params = {
       bk_biz_id: currentBizId,
       ticket_type: TicketTypes.REDIS_CLUSTER_CUTOFF,
       details: {
@@ -354,23 +355,24 @@
       subTitle: t('替换后所有的数据将会迁移到新的主机上，请谨慎操作！'),
       width: 480,
       onConfirm: () => {
-        isSubmitting.value = true;
-        createTicket(params).then((data) => {
-          window.changeConfirm = false;
-          router.push({
-            name: 'RedisDBReplace',
-            params: {
-              page: 'success',
-            },
-            query: {
-              ticketId: data.id,
-            },
-          });
-        })
+        createTicket(params)
+          .then((data) => {
+            window.changeConfirm = false;
+            router.push({
+              name: 'RedisDBReplace',
+              params: {
+                page: 'success',
+              },
+              query: {
+                ticketId: data.id,
+              },
+            });
+          })
           .finally(() => {
             isSubmitting.value = false;
           });
-      } });
+      },
+    });
   };
 
   // 重置
@@ -400,7 +402,7 @@
       let isFirst = true;
       let isGeneral = true;
       if (sameArr.length > 1) {
-        isGeneral  = false;
+        isGeneral = false;
       }
       for (const item of sameArr) {
         if (isFirst) {
diff --git a/dbm-ui/frontend/src/views/spider-manage/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/spider-manage/db-backup/pages/page1/Index.vue
index 767f3ebd4b..7861ac2c06 100644
--- a/dbm-ui/frontend/src/views/spider-manage/db-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/db-backup/pages/page1/Index.vue
@@ -205,20 +205,20 @@
   };
 
   const handleSubmit = () => {
-    Promise.all(rowRefs.value.map((item: { getValue: () => Promise<any> }) => item.getValue())).then((data) => {
-      isSubmitting.value = true;
-      createTicket({
-        bk_biz_id: currentBizId,
-        ticket_type: 'TENDBCLUSTER_FULL_BACKUP',
-        remark: '',
-        details: {
-          infos: {
-            ...formData,
-            clusters: data,
+    isSubmitting.value = true;
+    Promise.all(rowRefs.value.map((item: { getValue: () => Promise<any> }) => item.getValue()))
+      .then((data) =>
+        createTicket({
+          bk_biz_id: currentBizId,
+          ticket_type: 'TENDBCLUSTER_FULL_BACKUP',
+          remark: '',
+          details: {
+            infos: {
+              ...formData,
+              clusters: data,
+            },
           },
-        },
-      })
-        .then((data) => {
+        }).then((data) => {
           window.changeConfirm = false;
           router.push({
             name: 'spiderDbBackup',
@@ -229,11 +229,11 @@
               ticketId: data.id,
             },
           });
-        })
-        .finally(() => {
-          isSubmitting.value = false;
-        });
-    });
+        }),
+      )
+      .finally(() => {
+        isSubmitting.value = false;
+      });
   };
 
   const handleReset = () => {
diff --git a/dbm-ui/frontend/src/views/spider-manage/list/components/list/components/CapacityChange.vue b/dbm-ui/frontend/src/views/spider-manage/list/components/list/components/CapacityChange.vue
index a241d22a9f..a53459f5da 100644
--- a/dbm-ui/frontend/src/views/spider-manage/list/components/list/components/CapacityChange.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/list/components/list/components/CapacityChange.vue
@@ -149,7 +149,7 @@
               headerAlign: 'center',
               contentAlign: 'center',
               footerAlign: 'center',
-              onClosed: () => reject(),
+              onCancel: () => reject(),
               onConfirm: () => {
                 createTicket({
                   ticket_type: 'TENDBCLUSTER_NODE_REBALANCE',
diff --git a/dbm-ui/frontend/src/views/spider-manage/master-slave-clone/pages/page1/Index.vue b/dbm-ui/frontend/src/views/spider-manage/master-slave-clone/pages/page1/Index.vue
index 7c6210553c..7519e8c2e1 100644
--- a/dbm-ui/frontend/src/views/spider-manage/master-slave-clone/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/master-slave-clone/pages/page1/Index.vue
@@ -217,7 +217,10 @@
 
   // 提交
   const handleSubmit = async () => {
+    isSubmitting.value = true;
     const rowDataList = await Promise.all(rowRefs.value!.map((item) => item.getValue()));
+    isSubmitting.value = false;
+
     const params = {
       bk_biz_id: currentBizId,
       ticket_type: TicketTypes.TENDBCLUSTER_MIGRATE_CLUSTER,
@@ -245,25 +248,19 @@
     InfoBox({
       title: t('确认迁移n主从实例？', { n: totalNum.value }),
       width: 500,
-      onConfirm: () => {
-        isSubmitting.value = true;
-        createTicket(params)
-          .then((data) => {
-            window.changeConfirm = false;
-            router.push({
-              name: 'spiderMasterSlaveClone',
-              params: {
-                page: 'success',
-              },
-              query: {
-                ticketId: data.id,
-              },
-            });
-          })
-          .finally(() => {
-            isSubmitting.value = false;
+      onConfirm: () =>
+        createTicket(params).then((data) => {
+          window.changeConfirm = false;
+          router.push({
+            name: 'spiderMasterSlaveClone',
+            params: {
+              page: 'success',
+            },
+            query: {
+              ticketId: data.id,
+            },
           });
-      },
+        }),
     });
   };
 
diff --git a/dbm-ui/frontend/src/views/spider-manage/proxy-scale-down/pages/page1/Index.vue b/dbm-ui/frontend/src/views/spider-manage/proxy-scale-down/pages/page1/Index.vue
index 2ad8a0cf38..8c4d2f974a 100644
--- a/dbm-ui/frontend/src/views/spider-manage/proxy-scale-down/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/proxy-scale-down/pages/page1/Index.vue
@@ -84,49 +84,43 @@
   import SpiderModel from '@services/model/spider/spider';
   import { getSpiderList } from '@services/source/spider';
   import { createTicket } from '@services/source/ticket';
-  import type { SubmitTicket } from '@services/types/ticket';
 
   import { useGlobalBizs } from '@stores';
 
-  import {
-    ClusterTypes,
-    TicketTypes,
-  } from '@common/const';
+  import { ClusterTypes, TicketTypes } from '@common/const';
 
   import ClusterSelector from '@components/cluster-selector/Index.vue';
 
   import { random } from '@utils';
 
   import RenderData from './components/Index.vue';
-  import RenderDataRow, {
-    createRowData,
-    type IDataRow,
-    type InfoItem,
-  } from './components/Row.vue';
+  import RenderDataRow, { createRowData, type IDataRow, type InfoItem } from './components/Row.vue';
 
   const router = useRouter();
   const { t } = useI18n();
   const { currentBizId } = useGlobalBizs();
   const rowRefs = ref();
   const isShowClusterSelector = ref(false);
-  const isSubmitting  = ref(false);
+  const isSubmitting = ref(false);
 
   const tableData = ref([createRowData()]);
   const isIgnoreBusinessAccess = ref(false);
   const clusterNodeTypeMap = ref<Record<string, string[]>>({});
-  const selectedClusters = shallowRef<{[key: string]: Array<SpiderModel>}>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
-
-  const totalNum = computed(() => (tableData.value.length > 0
-    ? new Set(tableData.value.map(item => item.cluster)).size : 0));
-  const canSubmit = computed(() => tableData.value.filter(item => Boolean(item.cluster)).length > 0);
+  const totalNum = computed(() =>
+    tableData.value.length > 0 ? new Set(tableData.value.map((item) => item.cluster)).size : 0,
+  );
+  const canSubmit = computed(() => tableData.value.filter((item) => Boolean(item.cluster)).length > 0);
 
   const tabListConfig = {
     [ClusterTypes.TENDBCLUSTER]: {
-      disabledRowConfig: [{
-        handler: (data: SpiderModel) => data.status !== 'normal',
-        tip: t('集群异常'),
-      }],
+      disabledRowConfig: [
+        {
+          handler: (data: SpiderModel) => data.status !== 'normal',
+          tip: t('集群异常'),
+        },
+      ],
     },
   };
 
@@ -144,7 +138,7 @@
 
   const handleChangeNodeType = (index: number, domain: string, label: string) => {
     tableData.value[index].nodeType = label;
-    const domainCount = tableData.value.filter(item => item.cluster === domain).length;
+    const domainCount = tableData.value.filter((item) => item.cluster === domain).length;
     const sameDomainArr = clusterNodeTypeMap.value[domain];
     if (sameDomainArr === undefined) {
       clusterNodeTypeMap.value[domain] = [label];
@@ -184,7 +178,7 @@
   });
 
   // 批量选择
-  const handelClusterChange = async (selected: {[key: string]: Array<SpiderModel>}) => {
+  const handelClusterChange = async (selected: { [key: string]: Array<SpiderModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
@@ -213,7 +207,10 @@
       tableData.value[index].cluster = '';
       return;
     }
-    if (tableData.value[index].cluster === domain) return;
+
+    if (tableData.value[index].cluster === domain) {
+      return;
+    }
     tableData.value[index].isLoading = true;
     const ret = await getSpiderList({ domain }).finally(() => {
       tableData.value[index].isLoading = false;
@@ -244,22 +241,25 @@
     // 恢复已选择的节点类型到列表
     const sameClusterArr = clusterNodeTypeMap.value[cluster];
     if (sameClusterArr && nodeType) {
-      const index = sameClusterArr.findIndex(item => item === nodeType);
+      const index = sameClusterArr.findIndex((item) => item === nodeType);
       if (index > -1) {
         sameClusterArr.splice(index, 1);
       }
     }
     tableData.value.splice(index, 1);
     const clustersArr = selectedClusters.value[ClusterTypes.TENDBCLUSTER];
-    selectedClusters.value[ClusterTypes.TENDBCLUSTER] = clustersArr.filter(item => item.master_domain !== cluster);
+    selectedClusters.value[ClusterTypes.TENDBCLUSTER] = clustersArr.filter((item) => item.master_domain !== cluster);
   };
 
   // 点击提交按钮
   const handleSubmit = async () => {
-    const infos = await Promise.all<InfoItem[]>(rowRefs.value.map((item: {
-      getValue: () => Promise<InfoItem>
-    }) => item.getValue()));
-    const params: SubmitTicket<TicketTypes, InfoItem[]> & { remark: string, details: { is_safe: boolean }} = {
+    isSubmitting.value = true;
+    const infos = await Promise.all<InfoItem[]>(
+      rowRefs.value.map((item: { getValue: () => Promise<InfoItem> }) => item.getValue()),
+    );
+    isSubmitting.value = false;
+
+    const params = {
       bk_biz_id: currentBizId,
       remark: '',
       ticket_type: TicketTypes.TENDBCLUSTER_SPIDER_REDUCE_NODES,
@@ -272,8 +272,7 @@
     InfoBox({
       title: t('确认对n个集群缩容接入层？', { n: totalNum.value }),
       width: 480,
-      onConfirm: () => {
-        isSubmitting.value = true;
+      onConfirm: () =>
         createTicket(params).then((data) => {
           window.changeConfirm = false;
           router.push({
@@ -285,10 +284,8 @@
               ticketId: data.id,
             },
           });
-        }).finally(() => {
-          isSubmitting.value = false;
-        });
-      } });
+        }),
+    });
   };
 
   // 重置
diff --git a/dbm-ui/frontend/src/views/spider-manage/proxy-scale-up/pages/page1/Index.vue b/dbm-ui/frontend/src/views/spider-manage/proxy-scale-up/pages/page1/Index.vue
index a72ca9c5bf..f96d1d3232 100644
--- a/dbm-ui/frontend/src/views/spider-manage/proxy-scale-up/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/proxy-scale-up/pages/page1/Index.vue
@@ -71,25 +71,17 @@
   import SpiderModel from '@services/model/spider/spider';
   import { getSpiderList } from '@services/source/spider';
   import { createTicket } from '@services/source/ticket';
-  import type { SubmitTicket } from '@services/types/ticket';
 
   import { useGlobalBizs } from '@stores';
 
-  import {
-    ClusterTypes,
-    TicketTypes,
-  } from '@common/const';
+  import { ClusterTypes, TicketTypes } from '@common/const';
 
   import ClusterSelector from '@components/cluster-selector/Index.vue';
 
   import { random } from '@utils';
 
   import RenderData from './components/Index.vue';
-  import RenderDataRow, {
-    createRowData,
-    type IDataRow,
-    type InfoItem,
-  } from './components/Row.vue';
+  import RenderDataRow, { createRowData, type IDataRow, type InfoItem } from './components/Row.vue';
 
   const { currentBizId } = useGlobalBizs();
   const { t } = useI18n();
@@ -97,22 +89,25 @@
 
   const rowRefs = ref();
   const isShowMasterInstanceSelector = ref(false);
-  const isSubmitting  = ref(false);
+  const isSubmitting = ref(false);
   const tableData = ref([createRowData()]);
   const clusterNodeTypeMap = ref<Record<string, string[]>>({});
 
-  const selectedClusters = shallowRef<{[key: string]: Array<SpiderModel>}>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
-  const totalNum = computed(() => (tableData.value.length > 0
-    ? new Set(tableData.value.map(item => item.cluster)).size : 0));
-  const canSubmit = computed(() => tableData.value.filter(item => Boolean(item.cluster)).length > 0);
+  const totalNum = computed(() =>
+    tableData.value.length > 0 ? new Set(tableData.value.map((item) => item.cluster)).size : 0,
+  );
+  const canSubmit = computed(() => tableData.value.filter((item) => Boolean(item.cluster)).length > 0);
 
   const tabListConfig = {
     [ClusterTypes.TENDBCLUSTER]: {
-      disabledRowConfig: [{
-        handler: (data: SpiderModel) => data.status !== 'normal',
-        tip: t('集群异常'),
-      }],
+      disabledRowConfig: [
+        {
+          handler: (data: SpiderModel) => data.status !== 'normal',
+          tip: t('集群异常'),
+        },
+      ],
     },
   };
 
@@ -121,7 +116,7 @@
 
   const handleChangeNodeType = (index: number, domain: string, label: string) => {
     tableData.value[index].nodeType = label;
-    const domainCount = tableData.value.filter(item => item.cluster === domain).length;
+    const domainCount = tableData.value.filter((item) => item.cluster === domain).length;
     const sameDomainArr = clusterNodeTypeMap.value[domain];
     if (sameDomainArr === undefined) {
       clusterNodeTypeMap.value[domain] = [label];
@@ -176,7 +171,7 @@
   };
 
   // 批量选择
-  const handelClusterChoosed = async (selected: {[key: string]: Array<SpiderModel>}) => {
+  const handelClusterChoosed = async (selected: { [key: string]: Array<SpiderModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
@@ -204,7 +199,10 @@
       tableData.value[index].cluster = '';
       return;
     }
-    if (tableData.value[index].cluster === domain) return;
+
+    if (tableData.value[index].cluster === domain) {
+      return;
+    }
     tableData.value[index].isLoading = true;
     const ret = await getSpiderList({ domain }).finally(() => {
       tableData.value[index].isLoading = false;
@@ -234,23 +232,26 @@
     // 恢复已选择的节点类型到列表
     const sameClusterArr = clusterNodeTypeMap.value[cluster];
     if (sameClusterArr && nodeType) {
-      const index = sameClusterArr.findIndex(item => item === nodeType);
+      const index = sameClusterArr.findIndex((item) => item === nodeType);
       if (index > -1) {
         sameClusterArr.splice(index, 1);
       }
     }
     tableData.value.splice(index, 1);
     const clustersArr = selectedClusters.value[ClusterTypes.TENDBCLUSTER];
-    selectedClusters.value[ClusterTypes.TENDBCLUSTER] = clustersArr.filter(item => item.master_domain !== cluster);
+    selectedClusters.value[ClusterTypes.TENDBCLUSTER] = clustersArr.filter((item) => item.master_domain !== cluster);
   };
 
   // 点击提交按钮
   const handleSubmit = async () => {
-    const infos = await Promise.all<InfoItem[]>(rowRefs.value.map((item: {
-      getValue: () => Promise<InfoItem>
-    }) => item.getValue()));
+    isSubmitting.value = true;
+    const infos = await Promise.all<InfoItem[]>(
+      rowRefs.value.map((item: { getValue: () => Promise<InfoItem> }) => item.getValue()),
+    );
 
-    const params: SubmitTicket<TicketTypes, InfoItem[]> & { remark: string} = {
+    isSubmitting.value = false;
+
+    const params = {
       remark: '',
       bk_biz_id: currentBizId,
       ticket_type: TicketTypes.TENDBCLUSTER_SPIDER_ADD_NODES,
@@ -263,8 +264,7 @@
     InfoBox({
       title: t('确认对n个集群扩容接入层？', { n: totalNum.value }),
       width: 480,
-      onConfirm: () => {
-        isSubmitting.value = true;
+      onConfirm: () =>
         createTicket(params).then((data) => {
           window.changeConfirm = false;
           router.push({
@@ -276,10 +276,8 @@
               ticketId: data.id,
             },
           });
-        }).finally(() => {
-          isSubmitting.value = false;
-        });
-      } });
+        }),
+    });
   };
 
   const handleReset = () => {
diff --git a/dbm-ui/frontend/src/views/spider-manage/proxy-slave-apply/pages/page1/Index.vue b/dbm-ui/frontend/src/views/spider-manage/proxy-slave-apply/pages/page1/Index.vue
index 17b6f0ea81..04f2bb51f7 100644
--- a/dbm-ui/frontend/src/views/spider-manage/proxy-slave-apply/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/spider-manage/proxy-slave-apply/pages/page1/Index.vue
@@ -69,7 +69,6 @@
   import SpiderModel from '@services/model/spider/spider';
   import { getSpiderList } from '@services/source/spider';
   import { createTicket } from '@services/source/ticket';
-  import type { SubmitTicket } from '@services/types/ticket';
 
   import { useGlobalBizs } from '@stores';
 
@@ -201,11 +200,13 @@
 
   // 点击提交按钮
   const handleSubmit = async () => {
+    isSubmitting.value = true;
     const infos = await Promise.all<InfoItem[]>(
       rowRefs.value.map((item: { getValue: () => Promise<InfoItem> }) => item.getValue()),
     );
+    isSubmitting.value = false;
 
-    const params: SubmitTicket<TicketTypes, InfoItem[]> & { remark: string } = {
+    const params = {
       remark: '',
       bk_biz_id: currentBizId,
       ticket_type: TicketTypes.TENDBCLUSTER_SPIDER_SLAVE_APPLY,
@@ -217,25 +218,19 @@
     InfoBox({
       title: t('确认部署 n 个集群的只读接入层？', { n: totalNum.value }),
       width: 480,
-      onConfirm: () => {
-        isSubmitting.value = true;
-        createTicket(params)
-          .then((data) => {
-            window.changeConfirm = false;
-            router.push({
-              name: 'SpiderProxySlaveApply',
-              params: {
-                page: 'success',
-              },
-              query: {
-                ticketId: data.id,
-              },
-            });
-          })
-          .finally(() => {
-            isSubmitting.value = false;
+      onConfirm: () =>
+        createTicket(params).then((data) => {
+          window.changeConfirm = false;
+          router.push({
+            name: 'SpiderProxySlaveApply',
+            params: {
+              page: 'success',
+            },
+            query: {
+              ticketId: data.id,
+            },
           });
-      },
+        }),
     });
   };
 
diff --git a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue
index d752c12813..4b5a38cca3 100644
--- a/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/sqlserver-manage/db-backup/pages/page1/Index.vue
@@ -271,7 +271,7 @@
       const domain = item.master_domain;
       if (!domainMemo[domain]) {
         domainMemo[domain] = true;
-        return [...result, generateRowDateFromRequest({...item, exact_domain: item.master_domain})];
+        return [...result, generateRowDateFromRequest({ ...item, exact_domain: item.master_domain })];
       }
       return result;
     }, [] as IDataRow[]);
@@ -348,16 +348,23 @@
   };
 
   const handleSubmit = async () => {
-    const infos = await Promise.all(rowRefs.value!.map((item: { getValue: () => Promise<{
-      cluster_id: number;
-      backup_dbs: string[]
-    }> }) => item.getValue()));
+    isSubmitting.value = true;
+    const infos = await Promise.all(
+      rowRefs.value!.map(
+        (item: {
+          getValue: () => Promise<{
+            cluster_id: number;
+            backup_dbs: string[];
+          }>;
+        }) => item.getValue(),
+      ),
+    );
+    isSubmitting.value = false;
 
     InfoBox({
       title: t('确认提交n个数据库备份任务', { n: totalNum.value }),
       width: 480,
-      onConfirm: () => {
-        isSubmitting.value = true;
+      onConfirm: () =>
         createTicket({
           bk_biz_id: currentBizId,
           ticket_type: TicketTypes.SQLSERVER_BACKUP_DBS,
@@ -365,23 +372,18 @@
             ...formData,
             infos,
           },
-        })
-          .then((data) => {
-            window.changeConfirm = false;
-            router.push({
-              name: 'SqlServerDbBackup',
-              params: {
-                page: 'success',
-              },
-              query: {
-                ticketId: data.id,
-              },
-            });
-          })
-          .finally(() => {
-            isSubmitting.value = false;
+        }).then((data) => {
+          window.changeConfirm = false;
+          router.push({
+            name: 'SqlServerDbBackup',
+            params: {
+              page: 'success',
+            },
+            query: {
+              ticketId: data.id,
+            },
           });
-      },
+        }),
     });
   };