diff --git a/dbm-ui/frontend/src/common/const/clusterTypes.ts b/dbm-ui/frontend/src/common/const/clusterTypes.ts
index 4f6f2fbd69..dab6801cea 100644
--- a/dbm-ui/frontend/src/common/const/clusterTypes.ts
+++ b/dbm-ui/frontend/src/common/const/clusterTypes.ts
@@ -43,6 +43,7 @@ export enum ClusterTypes {
 }
 // sqlserver
 export enum ClusterTypes {
+  SQLSERVER = 'sqlserver',
   SQLSERVER_SINGLE = 'sqlserver_single', // SQLServer单节点版
   SQLSERVER_HA = 'sqlserver_ha', // SQLServer主从版
 }
diff --git a/dbm-ui/frontend/src/components/db-table/index.vue b/dbm-ui/frontend/src/components/db-table/index.vue
index e12407a21d..e831c85e44 100644
--- a/dbm-ui/frontend/src/components/db-table/index.vue
+++ b/dbm-ui/frontend/src/components/db-table/index.vue
@@ -597,7 +597,8 @@
     getAllData: fetchAllData,
     // 清空选择
     clearSelected() {
-      bkTableRef.value?.clearSelection();
+      // bkTableRef.value?.clearSelection();
+      handleClearWholeSelect();
     },
     updateTableKey() {
       tableKey.value = Date.now().toString();
diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index e3dd84cc37..aa009cf308 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -3633,5 +3633,21 @@
   "DB名称支持通配符_如Data_区分大小写_多个使用英文逗号_分号或换行分隔": "DB名称支持通配符 %，如 Data%，区分大小写，多个使用英文逗号、分号或换行分隔",
   "删除规则会创建单据，需此规则所有过往调用方审批后才执行删除。": "删除规则会创建单据，需此规则所有过往调用方审批后才执行删除。",
   "不允许 *": "不允许 *",
+  "确定启用集群": "确定启用集群",
+  "确定禁用集群": "确定禁用集群",
+  "确定删除集群": "确定删除集群",
+  "仅可删除状态为“已禁用”的集群": "仅可删除状态为“已禁用”的集群",
+  "仅可启用状态为“已禁用”的集群": "仅可启用状态为“已禁用”的集群",
+  "仅可禁用状态为“已启用”的集群": "仅可禁用状态为“已启用”的集群",
+  "确定启用集群？": "确定启用集群？",
+  "确定禁用集群？": "确定禁用集群？",
+  "仅已启用集群可以提取 Key": "仅已启用集群可以提取 Key",
+  "仅已启用集群可以删除 Key": "仅已启用集群可以删除 Key",
+  "仅已启用集群可以备份": "仅已启用集群可以备份",
+  "仅已启用集群可以清档": "仅已启用集群可以清档",
+  "仅可订阅状态为“已启用”的集群": "仅可订阅状态为“已启用”的集群",
+  "仅可授权状态为“已启用”的集群": "仅可授权状态为“已启用”的集群",
+  "请先禁用集群": "请先禁用集群",
+  "无运维节点": "无运维节点",
   "这行勿动！新增翻译请在上一行添加！": ""
 }
diff --git a/dbm-ui/frontend/src/services/model/es/es.ts b/dbm-ui/frontend/src/services/model/es/es.ts
index bcfbe0ed05..921baad7ee 100644
--- a/dbm-ui/frontend/src/services/model/es/es.ts
+++ b/dbm-ui/frontend/src/services/model/es/es.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -233,6 +233,10 @@ export default class Es {
     }));
   }
 
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
+
   initOperations(payload = [] as Es['operations']) {
     if (!Array.isArray(payload)) {
       return [];
diff --git a/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts b/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
index 14fade02a5..a6b4761b95 100644
--- a/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
+++ b/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -238,4 +238,8 @@ export default class Hdfs {
   get isStarting() {
     return Boolean(this.operations.find((item) => item.ticket_type === Hdfs.HDFS_ENABLE));
   }
+
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
 }
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
index ac6e5a98c8..260afa7763 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -232,4 +232,8 @@ export default class Tendbha {
       ticketId: item.ticket_id,
     }));
   }
+
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
 }
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
index 2063d12292..787b08e7f0 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
@@ -14,7 +14,7 @@ import { uniq } from 'lodash';
 
 import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -210,4 +210,8 @@ export default class Tendbsingle {
       ticketId: item.ticket_id,
     }));
   }
+
+  get isNew() {
+    return isRecentDays(this.create_at, 24);
+  }
 }
diff --git a/dbm-ui/frontend/src/services/model/redis/redis.ts b/dbm-ui/frontend/src/services/model/redis/redis.ts
index 2a1b5abb74..3fb6918561 100644
--- a/dbm-ui/frontend/src/services/model/redis/redis.ts
+++ b/dbm-ui/frontend/src/services/model/redis/redis.ts
@@ -23,15 +23,15 @@ export default class Redis {
   static REDIS_PROXY_CLOSE = 'REDIS_PROXY_CLOSE';
   static REDIS_PROXY_OPEN = 'REDIS_PROXY_OPEN';
   static REDIS_INSTANCE_DESTROY = 'REDIS_INSTANCE_DESTROY';
-  static REDIS_INSTANCE_PROXY_CLOSE = 'REDIS_INSTANCE_PROXY_CLOSE';
-  static REDIS_INSTANCE_PROXY_OPEN = 'REDIS_INSTANCE_PROXY_OPEN';
+  static REDIS_INSTANCE_CLOSE = 'REDIS_INSTANCE_CLOSE';
+  static REDIS_INSTANCE_OPEN = 'REDIS_INSTANCE_OPEN';
 
   static operationIconMap = {
     [Redis.REDIS_PROXY_OPEN]: t('启用中'),
     [Redis.REDIS_PROXY_CLOSE]: t('禁用中'),
     [Redis.REDIS_DESTROY]: t('删除中'),
-    [Redis.REDIS_INSTANCE_PROXY_OPEN]: t('启用中'),
-    [Redis.REDIS_INSTANCE_PROXY_CLOSE]: t('禁用中'),
+    [Redis.REDIS_INSTANCE_OPEN]: t('启用中'),
+    [Redis.REDIS_INSTANCE_CLOSE]: t('禁用中'),
     [Redis.REDIS_INSTANCE_DESTROY]: t('删除中'),
   };
 
@@ -40,8 +40,8 @@ export default class Redis {
     [Redis.REDIS_PROXY_CLOSE]: t('禁用任务执行中'),
     [Redis.REDIS_PROXY_OPEN]: t('启用任务执行中'),
     [Redis.REDIS_INSTANCE_DESTROY]: t('删除任务执行中'),
-    [Redis.REDIS_INSTANCE_PROXY_CLOSE]: t('禁用任务执行中'),
-    [Redis.REDIS_INSTANCE_PROXY_OPEN]: t('启用任务执行中'),
+    [Redis.REDIS_INSTANCE_CLOSE]: t('禁用任务执行中'),
+    [Redis.REDIS_INSTANCE_OPEN]: t('启用任务执行中'),
   };
 
   bk_biz_id: number;
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/BatchEditKeys.vue b/dbm-ui/frontend/src/views/db-manage/common/RedisBatchEditKeys.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/BatchEditKeys.vue
rename to dbm-ui/frontend/src/views/db-manage/common/RedisBatchEditKeys.vue
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/Index.vue
new file mode 100644
index 0000000000..b568617d4e
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/Index.vue
@@ -0,0 +1,153 @@
+<!--
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License athttps://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+-->
+
+<template>
+  <BkDropdown
+    :key="renderKey"
+    v-bk-tooltips="{
+      disabled: !disabled,
+      content: t('请选择操作集群'),
+    }"
+    class="cluster-batch-operation"
+    :disabled="disabled"
+    :popover-options="popoverOptions"
+    @click.stop
+    @hide="() => (isShowDropdown = false)"
+    @show="() => (isShowDropdown = true)">
+    <BkButton :disabled="disabled">
+      {{ t('批量操作') }}
+      <DbIcon
+        class="cluster-batch-operation-icon ml-4"
+        :class="[{ 'cluster-batch-operation-icon-active': isShowDropdown }]"
+        type="up-big " />
+    </BkButton>
+    <template #content>
+      <BkDropdownMenu class="cluster-batch-operation-popover">
+        <Component
+          :is="content"
+          v-model:side-slider-show="sideSliderShow"
+          :selected="selected"
+          @success="handleSuccess">
+        </Component>
+      </BkDropdownMenu>
+    </template>
+  </BkDropdown>
+</template>
+
+<script lang="ts">
+  import _ from 'lodash';
+  import { useI18n } from 'vue-i18n';
+
+  import MongodbModel from '@services/model/mongodb/mongodb';
+  import TendbHaModel from '@services/model/mysql/tendbha';
+  import TendbSingleModel from '@services/model/mysql/tendbsingle';
+  import RedisModel from '@services/model/redis/redis';
+  import SqlserverHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlserverSingleModel from '@services/model/sqlserver/sqlserver-single';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+
+  import { ClusterTypes } from '@common/const';
+
+  interface ClusterModelMap {
+    [ClusterTypes.TENDBSINGLE]: TendbSingleModel;
+    [ClusterTypes.TENDBHA]: TendbHaModel;
+    [ClusterTypes.TENDBCLUSTER]: TendbClusterModel;
+    [ClusterTypes.REDIS]: RedisModel;
+    [ClusterTypes.REDIS_INSTANCE]: RedisModel;
+    [ClusterTypes.MONGO_REPLICA_SET]: MongodbModel;
+    [ClusterTypes.MONGO_SHARED_CLUSTER]: MongodbModel;
+    [ClusterTypes.SQLSERVER_SINGLE]: SqlserverSingleModel;
+    [ClusterTypes.SQLSERVER_HA]: SqlserverHaModel;
+  }
+</script>
+<script setup lang="ts" generic="T extends keyof ClusterModelMap">
+  interface Props {
+    selected: ClusterModelMap[T][];
+    clusterType: T;
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+
+  const contentModule = import.meta.glob<{
+    default: () => {
+      name: T;
+    };
+  }>('./components/*/Index.vue', {
+    eager: true,
+  });
+
+  const isShowDropdown = ref(false);
+  const sideSliderShow = ref(false);
+  const renderKey = ref(new Date().getTime());
+
+  const disabled = computed(() => props.selected.length === 0);
+
+  const content = computed(() => {
+    const renderModule = _.find(
+      Object.values(contentModule),
+      (moduleItem) => moduleItem.default.name === props.clusterType,
+    );
+
+    if (renderModule) {
+      return renderModule.default;
+    }
+
+    return null;
+  });
+
+  const popoverOptions = computed(() => ({
+    disableOutsideClick: sideSliderShow.value,
+  }));
+
+  watch(sideSliderShow, () => {
+    if (!sideSliderShow.value) {
+      renderKey.value = new Date().getTime();
+    }
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+</script>
+
+<style lang="less">
+  .cluster-batch-operation-popover {
+    .bk-dropdown-item {
+      padding: 0;
+
+      .opration-button {
+        padding: 0 16px;
+      }
+    }
+  }
+</style>
+
+<style lang="less" scoped>
+  .cluster-batch-operation {
+    .cluster-batch-operation-icon {
+      transform: rotate(0);
+      transition: all 0.2s;
+    }
+
+    .cluster-batch-operation-icon-active {
+      transform: rotate(180deg);
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/mongo-replica-set/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/mongo-replica-set/Index.vue
new file mode 100644
index 0000000000..6fad9a3fd7
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/mongo-replica-set/Index.vue
@@ -0,0 +1,127 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'mongodb.replicaSetList.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mongodb.replicaSetList.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mongodb.replicaSetList.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mongodb.replicaSetList.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.MONGODB"
+    :cluster-types="[ClusterTypes.MONGO_SHARED_CLUSTER]"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import MongodbModel from '@services/model/mongodb/mongodb';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+
+  interface Props {
+    selected: MongodbModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.MONGO_REPLICA_SET,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.MONGODB,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const clusterAuthorizeShow = ref(false);
+
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(clusterAuthorizeShow, () => {
+    sideSliderShow.value = clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/mongo-sharded-cluster/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/mongo-sharded-cluster/Index.vue
new file mode 100644
index 0000000000..d5821dfc1d
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/mongo-sharded-cluster/Index.vue
@@ -0,0 +1,127 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'mongodb.sharedClusterList.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mongodb.sharedClusterList.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mongodb.sharedClusterList.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mongodb.sharedClusterList.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.MONGODB"
+    :cluster-types="[ClusterTypes.MONGO_SHARED_CLUSTER]"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import MongodbModel from '@services/model/mongodb/mongodb';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+
+  interface Props {
+    selected: MongodbModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.MONGO_SHARED_CLUSTER,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.MONGODB,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const clusterAuthorizeShow = ref(false);
+
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(clusterAuthorizeShow, () => {
+    sideSliderShow.value = clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/redis-ha/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/redis-ha/Index.vue
new file mode 100644
index 0000000000..eacc24cbf4
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/redis-ha/Index.vue
@@ -0,0 +1,229 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.extractKey'"
+    @click="handleShowExtract(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以提取 Key'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('提取Key') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.deleteKey'"
+    @click="handlShowDeleteKeys(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以删除 Key'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('删除Key') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.backup'"
+    @click="handleShowBackup(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以备份'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('备份') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.dbClear'"
+    @click="handleShowPurge(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以清档'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('清档') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.haClusterManage.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <!-- 提取 keys -->
+  <ExtractKeys
+    v-model:is-show="extractState.isShow"
+    :data="extractState.data"
+    @success="handleExtractKeysSuccess" />
+  <!-- 删除 keys -->
+  <DeleteKeys
+    v-model:is-show="deleteKeyState.isShow"
+    :data="deleteKeyState.data"
+    @success="handleDeleteKeysSuccess" />
+  <!-- 备份 -->
+  <RedisBackup
+    v-model:is-show="backupState.isShow"
+    :data="backupState.data"
+    @success="handleBackupSuccess" />
+  <!-- 清档 -->
+  <RedisPurge
+    v-model:is-show="purgeState.isShow"
+    :data="purgeState.data"
+    @success="handlePurgeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import RedisModel from '@services/model/redis/redis';
+
+  import { ClusterTypes, TicketTypes } from '@common/const';
+
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+  import { useShowBackup } from '@views/db-manage/common/redis-backup/hooks/useShowBackup';
+  import RedisBackup from '@views/db-manage/common/redis-backup/Index.vue';
+  import { useShowDeleteKeys } from '@views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys';
+  import DeleteKeys from '@views/db-manage/common/redis-delete-keys/Index.vue';
+  import { useShowExtractKeys } from '@views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys';
+  import ExtractKeys from '@views/db-manage/common/redis-extract-keys/Index.vue';
+  import { useShowPurge } from '@views/db-manage/common/redis-purge/hooks/useShowPurge';
+  import RedisPurge from '@views/db-manage/common/redis-purge/Index.vue';
+
+  interface Props {
+    selected: RedisModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.REDIS_INSTANCE,
+  });
+
+  const { t } = useI18n();
+  const { state: extractState, handleShow: handleShowExtract } = useShowExtractKeys();
+  const { state: deleteKeyState, handleShow: handlShowDeleteKeys } = useShowDeleteKeys();
+  const { state: backupState, handleShow: handleShowBackup } = useShowBackup();
+  const { state: purgeState, handleShow: handleShowPurge } = useShowPurge();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.REDIS_INSTANCE,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const batchOperationDisabled = computed(() =>
+    props.selected.some((data) => {
+      if (!data.isOnline) {
+        return true;
+      }
+
+      if (data.operations?.length > 0) {
+        const operationData = data.operations[0];
+        return ([TicketTypes.REDIS_INSTANCE_DESTROY, TicketTypes.REDIS_INSTANCE_CLOSE] as string[]).includes(
+          operationData.ticket_type,
+        );
+      }
+
+      return false;
+    }),
+  );
+
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(
+    () => [extractState.isShow, deleteKeyState.isShow, backupState.isShow, purgeState.isShow],
+    () => {
+      sideSliderShow.value = extractState.isShow || deleteKeyState.isShow || backupState.isShow || purgeState.isShow;
+    },
+  );
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleExtractKeysSuccess = () => {
+    extractState.isShow = false;
+    handleSuccess();
+  };
+
+  const handleDeleteKeysSuccess = () => {
+    deleteKeyState.isShow = false;
+    handleSuccess();
+  };
+
+  const handleBackupSuccess = () => {
+    backupState.isShow = false;
+    handleSuccess();
+  };
+
+  const handlePurgeSuccess = () => {
+    purgeState.isShow = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/redis/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/redis/Index.vue
new file mode 100644
index 0000000000..61dad53db2
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/redis/Index.vue
@@ -0,0 +1,171 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'redis.clusterManage.extractKey'"
+    @click="handleShowExtract(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以提取 Key'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('提取Key') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.clusterManage.deleteKey'"
+    @click="handlShowDeleteKeys(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以删除 Key'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('删除Key') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.clusterManage.backup'"
+    @click="handleShowBackup(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以备份'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('备份') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'redis.clusterManage.dbClear'"
+    @click="handleShowPurge(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchOperationDisabled,
+        content: t('仅已启用集群可以清档'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchOperationDisabled"
+      text>
+      {{ t('清档') }}
+    </BkButton>
+  </BkDropdownItem>
+  <!-- 提取 keys -->
+  <ExtractKeys
+    v-model:is-show="extractState.isShow"
+    :data="extractState.data"
+    @success="handleExtractKeysSuccess" />
+  <!-- 删除 keys -->
+  <DeleteKeys
+    v-model:is-show="deleteKeyState.isShow"
+    :data="deleteKeyState.data"
+    @success="handleDeleteKeysSuccess" />
+  <!-- 备份 -->
+  <RedisBackup
+    v-model:is-show="backupState.isShow"
+    :data="backupState.data"
+    @success="handleBackupSuccess" />
+  <!-- 清档 -->
+  <RedisPurge
+    v-model:is-show="purgeState.isShow"
+    :data="purgeState.data"
+    @success="handlePurgeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import RedisModel from '@services/model/redis/redis';
+
+  import { ClusterTypes, TicketTypes } from '@common/const';
+
+  import { useShowBackup } from '@views/db-manage/common/redis-backup/hooks/useShowBackup';
+  import RedisBackup from '@views/db-manage/common/redis-backup/Index.vue';
+  import { useShowDeleteKeys } from '@views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys';
+  import DeleteKeys from '@views/db-manage/common/redis-delete-keys/Index.vue';
+  import { useShowExtractKeys } from '@views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys';
+  import ExtractKeys from '@views/db-manage/common/redis-extract-keys/Index.vue';
+  import { useShowPurge } from '@views/db-manage/common/redis-purge/hooks/useShowPurge';
+  import RedisPurge from '@views/db-manage/common/redis-purge/Index.vue';
+
+  interface Props {
+    selected: RedisModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.REDIS,
+  });
+
+  const { t } = useI18n();
+  const { state: extractState, handleShow: handleShowExtract } = useShowExtractKeys();
+  const { state: deleteKeyState, handleShow: handlShowDeleteKeys } = useShowDeleteKeys();
+  const { state: backupState, handleShow: handleShowBackup } = useShowBackup();
+  const { state: purgeState, handleShow: handleShowPurge } = useShowPurge();
+
+  const batchOperationDisabled = computed(() =>
+    props.selected.some((data) => {
+      if (!data.isOnline) {
+        return true;
+      }
+
+      if (data.operations?.length > 0) {
+        const operationData = data.operations[0];
+        return ([TicketTypes.REDIS_DESTROY, TicketTypes.REDIS_PROXY_CLOSE] as string[]).includes(
+          operationData.ticket_type,
+        );
+      }
+
+      return false;
+    }),
+  );
+
+  watch(
+    () => [extractState.isShow, deleteKeyState.isShow, backupState.isShow, purgeState.isShow],
+    () => {
+      sideSliderShow.value = extractState.isShow || deleteKeyState.isShow || backupState.isShow || purgeState.isShow;
+    },
+  );
+
+  const handleSucess = () => {
+    emits('success');
+  };
+
+  const handleExtractKeysSuccess = () => {
+    extractState.isShow = false;
+    handleSucess();
+  };
+
+  const handleDeleteKeysSuccess = () => {
+    deleteKeyState.isShow = false;
+    handleSucess();
+  };
+
+  const handleBackupSuccess = () => {
+    backupState.isShow = false;
+    handleSucess();
+  };
+
+  const handlePurgeSuccess = () => {
+    purgeState.isShow = false;
+    handleSucess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/sqlserver-ha/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/sqlserver-ha/Index.vue
new file mode 100644
index 0000000000..079aab313f
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/sqlserver-ha/Index.vue
@@ -0,0 +1,127 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'sqlserver.haClusterList.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'sqlserver.haClusterList.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'sqlserver.haClusterList.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'sqlserver.haClusterList.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.SQLSERVER"
+    :cluster-types="[ClusterTypes.SQLSERVER_HA]"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import SqlserverHaModel from '@services/model/sqlserver/sqlserver-ha';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+
+  interface Props {
+    selected: SqlserverHaModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.SQLSERVER_HA,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.SQLSERVER,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const clusterAuthorizeShow = ref(false);
+
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(clusterAuthorizeShow, () => {
+    sideSliderShow.value = clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/sqlserver-single/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/sqlserver-single/Index.vue
new file mode 100644
index 0000000000..6b5b4a9f22
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/sqlserver-single/Index.vue
@@ -0,0 +1,127 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'sqlserver.singleClusterList.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'sqlserver.singleClusterList.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'sqlserver.singleClusterList.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'sqlserver.singleClusterList.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.SQLSERVER"
+    :cluster-types="[ClusterTypes.SQLSERVER_SINGLE]"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import SqlserverSingleModel from '@services/model/sqlserver/sqlserver-single';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+
+  interface Props {
+    selected: SqlserverSingleModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.SQLSERVER_SINGLE,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.SQLSERVER,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const clusterAuthorizeShow = ref(false);
+
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(clusterAuthorizeShow, () => {
+    sideSliderShow.value = clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-cluster/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-cluster/Index.vue
new file mode 100644
index 0000000000..e8aec1725b
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-cluster/Index.vue
@@ -0,0 +1,127 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'tendbCluster.clusterManage.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'tendbCluster.clusterManage.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'tendbCluster.clusterManage.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'tendbCluster.clusterManage.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.TENDBCLUSTER"
+    :cluster-types="[ClusterTypes.TENDBCLUSTER, 'tendbclusterSlave']"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+
+  interface Props {
+    selected: TendbClusterModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.TENDBCLUSTER,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.TENDBCLUSTER,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const clusterAuthorizeShow = ref(false);
+
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(clusterAuthorizeShow, () => {
+    sideSliderShow.value = clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-ha/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-ha/Index.vue
new file mode 100644
index 0000000000..e58ac8065a
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-ha/Index.vue
@@ -0,0 +1,155 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'mysql.haClusterList.batchSubscription'"
+    @click="showCreateSubscribeRuleSlider = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchSubscriptionDisabled,
+        content: t('仅可订阅状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchSubscriptionDisabled"
+      text>
+      {{ t('批量订阅') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.haClusterList.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.haClusterList.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.haClusterList.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.haClusterList.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <CreateSubscribeRuleSlider
+    v-model="showCreateSubscribeRuleSlider"
+    :selected-clusters="selected"
+    show-tab-panel
+    @success="handleSubscribeSuccess" />
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.MYSQL"
+    :cluster-types="[ClusterTypes.TENDBHA, 'tendbhaSlave']"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import TendbHaModel from '@services/model/mysql/tendbha';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+  import CreateSubscribeRuleSlider from '@views/db-manage/mysql/dumper/components/create-rule/Index.vue';
+
+  interface Props {
+    selected: TendbHaModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.TENDBHA,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.TENDBHA,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const showCreateSubscribeRuleSlider = ref(false);
+  const clusterAuthorizeShow = ref(false);
+
+  const batchSubscriptionDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch([showCreateSubscribeRuleSlider, clusterAuthorizeShow], () => {
+    sideSliderShow.value = showCreateSubscribeRuleSlider.value || clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleSubscribeSuccess = () => {
+    showCreateSubscribeRuleSlider.value = false;
+    handleSuccess();
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-single/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-single/Index.vue
new file mode 100644
index 0000000000..68b0083f6d
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-batch-opration/components/tendb-single/Index.vue
@@ -0,0 +1,127 @@
+<template>
+  <BkDropdownItem
+    v-db-console="'mysql.singleClusterList.batchAuthorize'"
+    @click="clusterAuthorizeShow = true">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchAuthorizeDisabled,
+        content: t('仅可授权状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchAuthorizeDisabled"
+      text>
+      {{ t('批量授权') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.singleClusterList.disable'"
+    @click="handleDisableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDisabledDisabled,
+        content: t('仅可禁用状态为“已启用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDisabledDisabled"
+      text>
+      {{ t('禁用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.singleClusterList.enable'"
+    @click="handleEnableCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchEnableDisabled,
+        content: t('仅可启用状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchEnableDisabled"
+      text>
+      {{ t('启用') }}
+    </BkButton>
+  </BkDropdownItem>
+  <BkDropdownItem
+    v-db-console="'mysql.singleClusterList.delete'"
+    @click="handleDeleteCluster(selected)">
+    <BkButton
+      v-bk-tooltips="{
+        disabled: !batchDeleteDisabled,
+        content: t('仅可删除状态为“已禁用”的集群'),
+        placement: 'right',
+      }"
+      class="opration-button"
+      :disabled="batchDeleteDisabled"
+      text>
+      {{ t('删除') }}
+    </BkButton>
+  </BkDropdownItem>
+  <ClusterAuthorize
+    v-model="clusterAuthorizeShow"
+    :account-type="AccountTypes.MYSQL"
+    :cluster-types="[ClusterTypes.TENDBSINGLE]"
+    :selected="selected"
+    @success="handleAuthorizeSuccess" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import TendbSingleModel from '@services/model/mysql/tendbsingle';
+
+  import { AccountTypes, ClusterTypes } from '@common/const';
+
+  import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
+
+  interface Props {
+    selected: TendbSingleModel[];
+  }
+
+  interface Emits {
+    (e: 'success'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const sideSliderShow = defineModel<boolean>('side-slider-show', {
+    required: true,
+  });
+
+  defineOptions({
+    name: ClusterTypes.TENDBSINGLE,
+  });
+
+  const { t } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.TENDBSINGLE,
+    {
+      onSuccess: () => handleSuccess(),
+    },
+  );
+
+  const clusterAuthorizeShow = ref(false);
+
+  const batchAuthorizeDisabled = computed(() => props.selected.some((data) => data.isOffline));
+  const batchDisabledDisabled = computed(() => props.selected.some((data) => data.isOffline || data.operationDisabled));
+  const batchEnableDisabled = computed(() => props.selected.some((data) => data.isOnline || data.isStarting));
+  const batchDeleteDisabled = computed(() =>
+    props.selected.some((data) => data.isOnline || Boolean(data.operationTicketId)),
+  );
+
+  watch(clusterAuthorizeShow, () => {
+    sideSliderShow.value = clusterAuthorizeShow.value;
+  });
+
+  const handleSuccess = () => {
+    emits('success');
+  };
+
+  const handleAuthorizeSuccess = () => {
+    clusterAuthorizeShow.value = false;
+    handleSuccess();
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/common/hooks/index.ts b/dbm-ui/frontend/src/views/db-manage/common/hooks/index.ts
new file mode 100644
index 0000000000..c741d03c33
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/hooks/index.ts
@@ -0,0 +1 @@
+export * from './useOperateClusterBasic';
diff --git a/dbm-ui/frontend/src/views/db-manage/common/hooks/useOperateClusterBasic.tsx b/dbm-ui/frontend/src/views/db-manage/common/hooks/useOperateClusterBasic.tsx
new file mode 100644
index 0000000000..91083028be
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/hooks/useOperateClusterBasic.tsx
@@ -0,0 +1,254 @@
+/*
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+ */
+
+import { InfoBox } from 'bkui-vue';
+import { useI18n } from 'vue-i18n';
+
+import { createTicket } from '@services/source/ticket';
+
+import { useTicketMessage } from '@hooks';
+
+import { ClusterTypes, TicketTypes } from '@common/const';
+
+interface ClusterCommon {
+  cluster_alias: string;
+  cluster_name: string;
+  cluster_type: string;
+  id: number;
+  phase: string;
+}
+
+export const useOperateClusterBasic = (clusterType: ClusterTypes, options: { onSuccess: () => void }) => {
+  const { t } = useI18n();
+  const ticketMessage = useTicketMessage();
+
+  // 除 大数据 和 redis集群 暂未支持，其余都已支持批量提单
+  const batchOperateTicketTypeList: string[] = [
+    TicketTypes.MYSQL_SINGLE_DISABLE,
+    TicketTypes.MYSQL_SINGLE_ENABLE,
+    TicketTypes.MYSQL_SINGLE_DESTROY,
+    TicketTypes.MYSQL_HA_DISABLE,
+    TicketTypes.MYSQL_HA_ENABLE,
+    TicketTypes.MYSQL_HA_DESTROY,
+    TicketTypes.TENDBCLUSTER_DISABLE,
+    TicketTypes.TENDBCLUSTER_ENABLE,
+    TicketTypes.TENDBCLUSTER_DESTROY,
+    TicketTypes.REDIS_INSTANCE_OPEN,
+    TicketTypes.REDIS_INSTANCE_CLOSE,
+    TicketTypes.REDIS_INSTANCE_DESTROY,
+    TicketTypes.MONGODB_DISABLE,
+    TicketTypes.MONGODB_ENABLE,
+    TicketTypes.MONGODB_DESTROY,
+    TicketTypes.SQLSERVER_DISABLE,
+    TicketTypes.SQLSERVER_ENABLE,
+    TicketTypes.SQLSERVER_DESTROY,
+  ];
+
+  const getDetailParam = (ticketType: TicketTypes, dataList: { id: number }[]) => {
+    const idList = dataList.map((item) => item.id);
+    if (batchOperateTicketTypeList.includes(ticketType as string)) {
+      return {
+        cluster_ids: idList,
+      };
+    }
+    return {
+      cluster_id: idList[0],
+    };
+  };
+
+  const ticketTypeMap: Record<
+    string,
+    {
+      disable: TicketTypes;
+      enable: TicketTypes;
+      delete: TicketTypes;
+    }
+  > = {
+    [ClusterTypes.TENDBSINGLE]: {
+      disable: TicketTypes.MYSQL_SINGLE_DISABLE,
+      enable: TicketTypes.MYSQL_SINGLE_ENABLE,
+      delete: TicketTypes.MYSQL_SINGLE_DESTROY,
+    },
+    [ClusterTypes.TENDBHA]: {
+      disable: TicketTypes.MYSQL_HA_DISABLE,
+      enable: TicketTypes.MYSQL_HA_ENABLE,
+      delete: TicketTypes.MYSQL_HA_DESTROY,
+    },
+    [ClusterTypes.TENDBCLUSTER]: {
+      disable: TicketTypes.TENDBCLUSTER_DISABLE,
+      enable: TicketTypes.TENDBCLUSTER_ENABLE,
+      delete: TicketTypes.TENDBCLUSTER_DESTROY,
+    },
+    [ClusterTypes.REDIS]: {
+      disable: TicketTypes.REDIS_PROXY_CLOSE,
+      enable: TicketTypes.REDIS_PROXY_OPEN,
+      delete: TicketTypes.REDIS_DESTROY,
+    },
+    [ClusterTypes.REDIS_INSTANCE]: {
+      disable: TicketTypes.REDIS_INSTANCE_CLOSE,
+      enable: TicketTypes.REDIS_INSTANCE_OPEN,
+      delete: TicketTypes.REDIS_INSTANCE_DESTROY,
+    },
+    [ClusterTypes.MONGODB]: {
+      disable: TicketTypes.MONGODB_DISABLE,
+      enable: TicketTypes.MONGODB_ENABLE,
+      delete: TicketTypes.MONGODB_DESTROY,
+    },
+    [ClusterTypes.SQLSERVER]: {
+      disable: TicketTypes.SQLSERVER_DISABLE,
+      enable: TicketTypes.SQLSERVER_ENABLE,
+      delete: TicketTypes.SQLSERVER_DESTROY,
+    },
+    [ClusterTypes.DORIS]: {
+      disable: TicketTypes.DORIS_DISABLE,
+      enable: TicketTypes.DORIS_ENABLE,
+      delete: TicketTypes.DORIS_DESTROY,
+    },
+    [ClusterTypes.ES]: {
+      disable: TicketTypes.ES_DISABLE,
+      enable: TicketTypes.ES_ENABLE,
+      delete: TicketTypes.ES_DESTROY,
+    },
+    [ClusterTypes.HDFS]: {
+      disable: TicketTypes.HDFS_DISABLE,
+      enable: TicketTypes.HDFS_ENABLE,
+      delete: TicketTypes.HDFS_DESTROY,
+    },
+    [ClusterTypes.KAFKA]: {
+      disable: TicketTypes.KAFKA_DISABLE,
+      enable: TicketTypes.KAFKA_ENABLE,
+      delete: TicketTypes.KAFKA_DESTROY,
+    },
+    [ClusterTypes.PULSAR]: {
+      disable: TicketTypes.PULSAR_DISABLE,
+      enable: TicketTypes.PULSAR_ENABLE,
+      delete: TicketTypes.PULSAR_DESTROY,
+    },
+    [ClusterTypes.RIAK]: {
+      disable: TicketTypes.RIAK_CLUSTER_DISABLE,
+      enable: TicketTypes.RIAK_CLUSTER_ENABLE,
+      delete: TicketTypes.RIAK_CLUSTER_DESTROY,
+    },
+  };
+
+  const ticketTypeInfo = ticketTypeMap[clusterType];
+
+  const handleConfirm = (ticketType: TicketTypes, dataList: { id: number }[]) => {
+    createTicket({
+      bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+      ticket_type: ticketType,
+      details: getDetailParam(ticketType, dataList),
+    }).then((data) => {
+      options.onSuccess();
+      ticketMessage(data.id);
+    });
+  };
+
+  const handleDisableCluster = <T extends ClusterCommon>(dataList: T[]) => {
+    const subTitle = (
+      <div style='background-color: #F5F7FA; padding: 8px 16px;'>
+        <div>
+          {t('集群')} :
+          <span
+            style='color: #313238'
+            class='ml-8'>
+            {dataList.map((item) => item.cluster_name).join('，')}
+          </span>
+        </div>
+        <div class='mt-4'>{t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</div>
+      </div>
+    );
+    InfoBox({
+      title: t('确定禁用集群？'),
+      subTitle,
+      infoType: 'warning',
+      theme: 'danger',
+      confirmText: t('禁用'),
+      cancelText: t('取消'),
+      headerAlign: 'center',
+      contentAlign: 'left',
+      footerAlign: 'center',
+      onConfirm: () => {
+        handleConfirm(ticketTypeInfo.disable, dataList);
+      },
+    });
+  };
+
+  const handleEnableCluster = <T extends ClusterCommon>(dataList: T[]) => {
+    const subTitle = (
+      <div style='background-color: #F5F7FA; padding: 8px 16px;'>
+        <div>
+          {t('集群')} :
+          <span
+            style='color: #313238'
+            class='ml-8'>
+            {dataList.map((item) => item.cluster_name).join('，')}
+          </span>
+        </div>
+        <div class='mt-4'>{t('启用后，将会恢复访问')}</div>
+      </div>
+    );
+    InfoBox({
+      title: t('确定启用集群？'),
+      subTitle,
+      confirmText: t('启用'),
+      cancelText: t('取消'),
+      headerAlign: 'center',
+      contentAlign: 'left',
+      footerAlign: 'center',
+      onConfirm: () => {
+        handleConfirm(ticketTypeInfo.enable, dataList);
+      },
+    });
+  };
+
+  const handleDeleteCluster = <T extends ClusterCommon>(dataList: T[]) => {
+    const clusterNames = dataList.map((item) => item.cluster_name).join('，');
+    const subTitle = (
+      <div style='background-color: #F5F7FA; padding: 8px 16px;'>
+        <div>
+          {t('集群')} :
+          <span
+            style='color: #313238'
+            class='ml-8'>
+            {clusterNames}
+          </span>
+        </div>
+        <div class='mt-4'>{t('删除后将产生以下影响')}：</div>
+        <div class='mt-4'>1. {t('删除xxx集群', [clusterNames])}</div>
+        <div class='mt-4'>2. {t('删除xxx实例数据，停止相关进程', [clusterNames])}</div>
+        <div class='mt-4'>3. {t('回收主机')}：</div>
+      </div>
+    );
+    InfoBox({
+      title: t('确定删除集群？'),
+      subTitle,
+      infoType: 'warning',
+      theme: 'danger',
+      confirmText: t('删除'),
+      cancelText: t('取消'),
+      headerAlign: 'center',
+      contentAlign: 'left',
+      footerAlign: 'center',
+      onConfirm: () => {
+        handleConfirm(ticketTypeInfo.delete, dataList);
+      },
+    });
+  };
+
+  return {
+    handleDisableCluster,
+    handleEnableCluster,
+    handleDeleteCluster,
+  };
+};
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/Backup.vue b/dbm-ui/frontend/src/views/db-manage/common/redis-backup/Index.vue
similarity index 99%
rename from dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/Backup.vue
rename to dbm-ui/frontend/src/views/db-manage/common/redis-backup/Index.vue
index 34932dee45..4bb4c86504 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/Backup.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-backup/Index.vue
@@ -88,7 +88,7 @@
 
   import { generateId } from '@utils';
 
-  import BatchEdit from './BatchEdit.vue';
+  import BatchEdit from './components/BatchEdit.vue';
 
   interface DataItem extends RedisModel {
     target: string,
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/BatchEdit.vue b/dbm-ui/frontend/src/views/db-manage/common/redis-backup/components/BatchEdit.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/BatchEdit.vue
rename to dbm-ui/frontend/src/views/db-manage/common/redis-backup/components/BatchEdit.vue
diff --git a/dbm-ui/frontend/src/views/db-manage/common/redis-backup/hooks/useShowBackup.ts b/dbm-ui/frontend/src/views/db-manage/common/redis-backup/hooks/useShowBackup.ts
new file mode 100644
index 0000000000..74365af676
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-backup/hooks/useShowBackup.ts
@@ -0,0 +1,49 @@
+/*
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+ */
+
+import _ from 'lodash';
+
+import RedisModel from '@services/model/redis/redis';
+
+import { TicketTypes } from '@common/const';
+
+import { messageWarn } from '@utils';
+
+import { t } from '@locales/index';
+
+export const useShowBackup = () => {
+  const state = reactive({
+    isShow: false,
+    data: [] as RedisModel[],
+  });
+
+  const handleShow = (data: RedisModel[]) => {
+    if (
+      data.some(
+        (item) =>
+          item.operations.length > 0 &&
+          item.operations.map((op) => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY),
+      )
+    ) {
+      messageWarn(t('选中集群存在删除中的集群无法操作'));
+      return;
+    }
+    state.isShow = true;
+    state.data = _.cloneDeep(data);
+  };
+
+  return {
+    state,
+    handleShow,
+  };
+};
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/DeleteKeys.vue b/dbm-ui/frontend/src/views/db-manage/common/redis-delete-keys/Index.vue
similarity index 99%
rename from dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/DeleteKeys.vue
rename to dbm-ui/frontend/src/views/db-manage/common/redis-delete-keys/Index.vue
index 296dbd62d9..19df359c18 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/DeleteKeys.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-delete-keys/Index.vue
@@ -109,7 +109,7 @@
 
   import { generateId } from '@utils';
 
-  import BatchEditKeys from './BatchEditKeys.vue';
+  import BatchEditKeys from '../RedisBatchEditKeys.vue';
 
   interface DataItem extends RedisModel {
     white_regex: string,
diff --git a/dbm-ui/frontend/src/views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys.ts b/dbm-ui/frontend/src/views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys.ts
new file mode 100644
index 0000000000..29344f9063
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys.ts
@@ -0,0 +1,53 @@
+/*
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+ */
+
+import _ from 'lodash';
+
+import RedisModel from '@services/model/redis/redis';
+
+import { TicketTypes } from '@common/const';
+
+import { messageWarn } from '@utils';
+
+import { t } from '@locales/index';
+
+export const useShowDeleteKeys = () => {
+  const state = reactive({
+    isShow: false,
+    data: [] as RedisModel[],
+  });
+
+  const handleShow = (data: RedisModel[]) => {
+    if (
+      data.some(
+        (item) =>
+          item.operations.length > 0 &&
+          item.operations.map((op) => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY),
+      )
+    ) {
+      messageWarn(t('选中集群存在删除中的集群无法操作'));
+      return;
+    }
+    if (data.some((item) => item.bk_cloud_id > 0)) {
+      messageWarn(t('暂不支持跨管控区域删除Key'));
+      return;
+    }
+    state.isShow = true;
+    state.data = _.cloneDeep(data);
+  };
+
+  return {
+    state,
+    handleShow,
+  };
+};
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/ExtractKeys.vue b/dbm-ui/frontend/src/views/db-manage/common/redis-extract-keys/Index.vue
similarity index 99%
rename from dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/ExtractKeys.vue
rename to dbm-ui/frontend/src/views/db-manage/common/redis-extract-keys/Index.vue
index ceb918eb7b..94da7abb80 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/ExtractKeys.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-extract-keys/Index.vue
@@ -108,7 +108,7 @@
 
   import { generateId } from '@utils';
 
-  import BatchEditKeys from './BatchEditKeys.vue';
+  import BatchEditKeys from '../RedisBatchEditKeys.vue';
 
   interface ExtractItem extends RedisModel {
     white_regex: string,
diff --git a/dbm-ui/frontend/src/views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys.ts b/dbm-ui/frontend/src/views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys.ts
new file mode 100644
index 0000000000..1c2239924a
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys.ts
@@ -0,0 +1,54 @@
+/*
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+ */
+
+import _ from 'lodash';
+
+import RedisModel from '@services/model/redis/redis';
+
+import { TicketTypes } from '@common/const';
+
+import { messageWarn } from '@utils';
+
+import { t } from '@locales/index';
+
+export const useShowExtractKeys = () => {
+  const state = reactive({
+    isShow: false,
+    data: [] as RedisModel[],
+  });
+
+  const handleShow = (data: RedisModel[]) => {
+    if (
+      data.some(
+        (item) =>
+          item.operations.length > 0 &&
+          item.operations.map((op) => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY),
+      )
+    ) {
+      messageWarn(t('选中集群存在删除中的集群无法操作'));
+      return;
+    }
+    if (data.some((item) => item.bk_cloud_id > 0)) {
+      messageWarn(t('暂不支持跨管控区域提取Key'));
+      return;
+    }
+
+    state.isShow = true;
+    state.data = _.cloneDeep(data);
+  };
+
+  return {
+    state,
+    handleShow,
+  };
+};
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/Purge.vue b/dbm-ui/frontend/src/views/db-manage/common/redis-purge/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/db-manage/redis/common/cluster-oprations/Purge.vue
rename to dbm-ui/frontend/src/views/db-manage/common/redis-purge/Index.vue
diff --git a/dbm-ui/frontend/src/views/db-manage/common/redis-purge/hooks/useShowPurge.ts b/dbm-ui/frontend/src/views/db-manage/common/redis-purge/hooks/useShowPurge.ts
new file mode 100644
index 0000000000..98c8262199
--- /dev/null
+++ b/dbm-ui/frontend/src/views/db-manage/common/redis-purge/hooks/useShowPurge.ts
@@ -0,0 +1,50 @@
+/*
+ * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
+ *
+ * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at https://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
+ * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
+ * the specific language governing permissions and limitations under the License.
+ */
+
+import _ from 'lodash';
+
+import RedisModel from '@services/model/redis/redis';
+
+import { TicketTypes } from '@common/const';
+
+import { messageWarn } from '@utils';
+
+import { t } from '@locales/index';
+
+export const useShowPurge = () => {
+  const state = reactive({
+    isShow: false,
+    data: [] as RedisModel[],
+  });
+
+  const handleShow = (data: RedisModel[]) => {
+    if (
+      data.some(
+        (item) =>
+          item.operations.length > 0 &&
+          item.operations.map((op) => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY),
+      )
+    ) {
+      messageWarn(t('选中集群存在删除中的集群无法操作'));
+      return;
+    }
+
+    state.isShow = true;
+    state.data = _.cloneDeep(data);
+  };
+
+  return {
+    state,
+    handleShow,
+  };
+};
diff --git a/dbm-ui/frontend/src/views/db-manage/doris/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/doris/list/components/list/Index.vue
index 6937208303..e5e6609b34 100644
--- a/dbm-ui/frontend/src/views/db-manage/doris/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/doris/list/components/list/Index.vue
@@ -89,7 +89,7 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
 
@@ -98,7 +98,6 @@
    getDorisInstanceList,
    getDorisList
   } from '@services/source/doris';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -106,7 +105,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -114,7 +112,6 @@
   import {
     ClusterTypes,
     DBTypes,
-    TicketTypes,
     UserPersonalSettings,
   } from '@common/const';
 
@@ -126,6 +123,7 @@
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -145,9 +143,14 @@
   const route = useRoute();
   const router = useRouter();
   const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
   const copy = useCopy();
   const { t, locale } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.DORIS,
+    {
+      onSuccess: () => fetchTableData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -189,7 +192,6 @@
 
   const selected = shallowRef<DorisModel[]>([]);
   const operationData = shallowRef<DorisModel>();
-  const tableDataActionLoadingMap = shallowRef<Record<number, boolean>>({});
 
   const serachData = computed(() => [
     {
@@ -300,8 +302,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 300,
-      minWidth: 300,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -340,6 +341,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {
                   data.domain && (
                     <RenderCellCopy copyItems={
@@ -405,28 +428,6 @@
             ),
             append: () => (
               <>
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                  )
-                }
-                {
-                  data.isNew && (
-                    <bk-tag
-                      theme="success"
-                      size="small"
-                      class="ml-4">
-                      NEW
-                    </bk-tag>
-                  )
-                }
                 <db-icon
                   v-bk-tooltips={t('复制集群名称')}
                   type="copy"
@@ -697,6 +698,7 @@
               permission={data.permission.doris_access_entry_view}
               resource={data.id}
               class="ml-16"
+              disabled={data.isOffline}
               onClick={() => handleShowPassword(data)}>
               {t('获取访问方式')}
             </auth-button>,
@@ -727,12 +729,29 @@
                           permission={data.permission.doris_enable_disable}
                           resource={data.id}
                           disabled={data.operationDisabled}
-                          loading={tableDataActionLoadingMap.value[data.id]}
-                          onClick={() => handlDisabled(data)}>
+                          onClick={() => handleDisableCluster([data])}>
                           { t('禁用') }
                         </auth-button>
                       </OperationBtnStatusTips>
                     </bk-dropdown-item>
+                    <bk-dropdown-item>
+                      <OperationBtnStatusTips data={data}>
+                        <auth-button
+                          v-bk-tooltips={{
+                            disabled: data.isOffline,
+                            content: t('请先禁用集群')
+                          }}
+                          text
+                          theme="primary"
+                          action-id="doris_destroy"
+                          disabled={data.isOnline}
+                          permission={data.permission.doris_destroy}
+                          resource={data.id}
+                          onClick={() => handleDeleteCluster([data])}>
+                          { t('删除') }
+                        </auth-button>
+                      </OperationBtnStatusTips>,
+                    </bk-dropdown-item>
                   </>
                 )
               }}
@@ -740,27 +759,30 @@
           ];
         }
         return [
-          <auth-button
-            text
-            theme="primary"
-            action-id="doris_enable_disable"
-            permission={data.permission.doris_enable_disable}
-            resource={data.id}
-            class="mr-16"
-            loading={tableDataActionLoadingMap.value[data.id]}
-            onClick={() => handleEnable(data)}>
-            { t('启用') }
-          </auth-button>,
-          <auth-button
-            text
-            theme="primary"
-            action-id="doris_destroy"
-            permission={data.permission.doris_destroy}
-            resource={data.id}
-            loading={tableDataActionLoadingMap.value[data.id]}
-            onClick={() => handleRemove(data)}>
-            { t('删除') }
-          </auth-button>,
+          <OperationBtnStatusTips data={data}>
+            <auth-button
+              text
+              theme="primary"
+              action-id="doris_enable_disable"
+              permission={data.permission.doris_enable_disable}
+              resource={data.id}
+              class="mr-16"
+              onClick={() => handleEnableCluster([data])}>
+              { t('启用') }
+            </auth-button>
+          </OperationBtnStatusTips>,
+          <OperationBtnStatusTips data={data}>
+            <auth-button
+              text
+              theme="primary"
+              action-id="doris_destroy"
+              permission={data.permission.doris_destroy}
+              resource={data.id}
+              disabled={Boolean(data.operationTicketId)}
+              onClick={() => handleDeleteCluster([data])}>
+              { t('删除') }
+            </auth-button>
+          </OperationBtnStatusTips>,
         ];
       },
     },
@@ -904,154 +926,6 @@
     operationData.value = data;
   };
 
-  // 禁用
-  const handlDisabled =  (clusterData: DorisModel) => {
-    const subTitle = (
-      <div style="background-color: #F5F7FA; padding: 8px 16px;">
-        <div>
-          {t('集群')} :
-          <span
-            style="color: #313238"
-            class="ml-8">
-            {clusterData.cluster_name}
-          </span>
-        </div>
-        <div class='mt-4'>{t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</div>
-      </div>
-    )
-    InfoBox({
-      title: t('确认禁用该集群？'),
-      subTitle,
-      infoType: 'warning',
-      theme: 'danger',
-      confirmText: t('禁用'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'left',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.DORIS_DISABLE,
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleEnable =  (clusterData: DorisModel) => {
-    const subTitle = (
-      <div style="background-color: #F5F7FA; padding: 8px 16px;">
-        <div>
-          {t('集群')} :
-          <span
-            style="color: #313238"
-            class="ml-8">
-            {clusterData.cluster_name}
-          </span>
-        </div>
-        <div class='mt-4'>{t('启用后，将会恢复访问')}</div>
-      </div>
-    )
-    InfoBox({
-      title: t('确认启用该集群？'),
-      subTitle,
-      confirmText: t('启用'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'left',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.DORIS_ENABLE,
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleRemove =  (clusterData: DorisModel) => {
-    const subTitle = (
-      <div style="background-color: #F5F7FA; padding: 8px 16px;">
-        <div>
-          {t('集群')} :
-          <span
-            style="color: #313238"
-            class="ml-8">
-            {clusterData.cluster_name}
-          </span>
-        </div>
-        <div class='mt-4'>{t('删除后将产生以下影响')}：</div>
-        <div class='mt-4'>1. {t('删除xxx集群', [clusterData.cluster_name])}</div>
-        <div class='mt-4'>2. {t('删除xxx实例数据，停止相关进程', [clusterData.cluster_name])}</div>
-        <div class='mt-4'>3. {t('回收主机')}：</div>
-      </div>
-    )
-    InfoBox({
-      title: t('确认删除【name】集群', { name: clusterData.cluster_name }),
-      subTitle,
-      infoType: 'warning',
-      theme: 'danger',
-      confirmText: t('删除'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'left',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.DORIS_DESTROY,
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
 
   const handleShowPassword = (clusterData: DorisModel) => {
     operationData.value = clusterData;
diff --git a/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/list/Index.vue
index a554d15523..b279065be7 100644
--- a/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/elastic-search/list/components/list/Index.vue
@@ -99,7 +99,7 @@
   </div>
 </template>
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
   import {
@@ -112,7 +112,6 @@
     getEsInstanceList,
     getEsList,
   } from '@services/source/es';
-  import { createTicket  } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -120,7 +119,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import {
@@ -141,6 +139,7 @@
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -162,7 +161,12 @@
   const router = useRouter();
   const { t, locale } = useI18n();
   const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.ES,
+    {
+      onSuccess: () => fetchTableData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -269,7 +273,6 @@
   const isInit = ref(true);
   const selected = ref<EsModel[]>([])
   const operationData = shallowRef<EsModel>();
-  const tableDataActionLoadingMap = shallowRef<Record<number, boolean>>({});
 
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map(item => item.id));
@@ -299,7 +302,7 @@
 
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 270 : 420;
+      return isCN.value ? 300 : 420;
     }
     return 100;
   });
@@ -314,8 +317,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 300,
-      minWidth: 300,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -354,6 +356,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  !data.isOnline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -411,22 +435,6 @@
             </span >
             <div style='color: #C4C6CC;'>{data.cluster_alias || '--'}</div>
           </div>
-          {
-            data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-          }
-          {
-            !data.isOnline && !data.isStarting && (
-              <bk-tag
-                class="ml-4"
-                size="small">
-                {t('已禁用')}
-              </bk-tag>
-            )
-          }
-          {
-            isRecentDays(data.create_at, 24 * 3)
-            && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" />
-          }
           <db-icon
             v-bk-tooltips={t('复制集群名称')}
             type="copy"
@@ -666,6 +674,7 @@
               permission={data.permission.es_access_entry_view}
               v-db-console="es.clusterManage.getAccess"
               resource={data.id}
+              disabled={data.isOffline}
               class="mr8"
               onClick={() => handleShowPassword(data)}>
               { t('获取访问方式') }
@@ -682,8 +691,7 @@
                 v-db-console="es.clusterManage.enable"
                 resource={data.id}
                 class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleEnable(data)}>
+                onClick={() => handleEnableCluster([data])}>
                 { t('启用') }
               </auth-button>,
               <auth-button
@@ -695,8 +703,7 @@
                 v-db-console="es.clusterManage.delete"
                 disabled={Boolean(data.operationTicketId)}
                 resource={data.id}
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleRemove(data)}>
+                onClick={() => handleDeleteCluster([data])}>
                 { t('删除') }
               </auth-button>,
               ...baseAction,
@@ -744,11 +751,29 @@
                 permission={data.permission.es_enable_disable}
                 resource={data.id}
                 disabled={data.operationDisabled}
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handlDisabled(data)}>
+                onClick={() => handleDisableCluster([data])}>
                 { t('禁用') }
               </auth-button>
             </OperationBtnStatusTips>,
+            <OperationBtnStatusTips
+              v-db-console="es.clusterManage.delete"
+              data={data}>
+              <auth-button
+                v-bk-tooltips={{
+                  disabled: data.isOffline,
+                  content: t('请先禁用集群')
+                }}
+                text
+                theme="primary"
+                action-id="es_destroy"
+                class="mr8"
+                permission={data.permission.es_destroy}
+                disabled={data.isOnline || Boolean(data.operationTicketId)}
+                resource={data.id}
+                onClick={() => handleDeleteCluster([data])}>
+                { t('删除') }
+              </auth-button>
+            </OperationBtnStatusTips>,
             <a
               v-db-console="es.clusterManage.manage"
               class="mr8"
@@ -908,109 +933,6 @@
     operationData.value = data;
   };
 
-  // 禁用
-  const handlDisabled =  (clusterData: EsModel) => {
-    InfoBox({
-      title: t('确认禁用【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'ES_DISABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleEnable =  (clusterData: EsModel) => {
-    InfoBox({
-      title: t('确认启用【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'ES_ENABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleRemove =  (clusterData: EsModel) => {
-    InfoBox({
-      title: t('确认删除【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'ES_DESTROY',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
   const handleShowPassword = (clusterData: EsModel) => {
     operationData.value = clusterData;
     isShowPassword.value = true;
diff --git a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/list/Index.vue
index 981647c87a..2a7d0e2b14 100644
--- a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/list/Index.vue
@@ -110,7 +110,7 @@
   </div>
 </template>
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
   import {
@@ -123,7 +123,6 @@
     getHdfsInstanceList,
     getHdfsList,
   } from '@services/source/hdfs';
-  import { createTicket  } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -131,7 +130,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -150,6 +148,7 @@
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -171,13 +170,17 @@
 
   const route = useRoute();
   const { t, locale } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.HDFS,
+    {
+      onSuccess: () => fetchTableData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
   } = useStretchLayout();
 
-  const ticketMessage = useTicketMessage();
-
   const copy = useCopy();
   const { currentBizId } = useGlobalBizs();
   const router = useRouter();
@@ -212,7 +215,6 @@
   const dataSource = getHdfsList;
 
   const tableRef = ref<InstanceType<typeof DbTable>>();
-  const tableDataActionLoadingMap = shallowRef<Record<number, boolean>>({});
 
   const isShowExpandsion = ref(false);
   const isShowShrink = ref(false);
@@ -312,7 +314,7 @@
 
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 350 : 520;
+      return isCN.value ? 380 : 520;
     }
     return 100;
   });
@@ -327,8 +329,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -367,6 +368,28 @@
               ),
               append: () => (
                 <>
+                  {
+                    data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                  }
+                  {
+                    data.isOffline && (
+                      <bk-tag
+                        class="ml-4"
+                        size="small">
+                        {t('已禁用')}
+                      </bk-tag>
+                    )
+                  }
+                  {
+                    data.isNew && (
+                      <bk-tag
+                        theme="success"
+                        size="small"
+                        class="ml-4">
+                        NEW
+                      </bk-tag>
+                    )
+                  }
                   {data.domain && (
                     <RenderCellCopy copyItems={
                       [
@@ -427,22 +450,6 @@
               {data.cluster_alias || '--'}
             </div>
           </div>
-          {
-            data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-          }
-          {
-            data.isOffline && (
-              <bk-tag
-                class="ml-4"
-                size="small">
-                {t('已禁用')}
-              </bk-tag>
-            )
-          }
-          {
-            isRecentDays(data.create_at, 24 * 3)
-            && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" />
-          }
             <db-icon
               class="mt-2"
               v-bk-tooltips={t('复制集群名称')}
@@ -682,6 +689,7 @@
             permission={data.permission.hdfs_access_entry_view}
             v-db-console="hdfs.clusterManage.getAccess"
             resource={data.id}
+            disabled={data.isOffline}
             class="mr8"
             onClick={() => handleShowPassword(data)}>
             { t('获取访问方式') }
@@ -693,6 +701,7 @@
             permission={data.permission.hdfs_view}
             v-db-console="hdfs.clusterManage.viewAccessConfiguration"
             resource={data.id}
+            disabled={data.isOffline}
             class="mr8"
             onClick={() => handleShowSettings(data)}>
             { t('查看访问配置') }
@@ -700,6 +709,9 @@
           ];
           if (data.isOffline) {
             return [
+            <OperationBtnStatusTips
+              v-db-console="hdfs.clusterManage.enable"
+              data={data}>
               <auth-button
                 text
                 theme="primary"
@@ -709,23 +721,26 @@
                 v-db-console="hdfs.clusterManage.enable"
                 resource={data.id}
                 class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleEnable(data)}>
+                onClick={() => handleEnableCluster([data])}>
                 { t('启用') }
-              </auth-button>,
-              <auth-button
-                text
-                theme="primary"
-                action-id="hdfs_destroy"
-                permission={data.permission.hdfs_destroy}
+              </auth-button>
+              </OperationBtnStatusTips>,
+              <OperationBtnStatusTips
                 v-db-console="hdfs.clusterManage.delete"
-                resource={data.id}
-                disabled={Boolean(data.operationTicketId)}
-                class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleRemove(data)}>
-                { t('删除') }
-              </auth-button>,
+                data={data} >
+                <auth-button
+                  text
+                  theme="primary"
+                  action-id="hdfs_destroy"
+                  permission={data.permission.hdfs_destroy}
+                  v-db-console="hdfs.clusterManage.delete"
+                  resource={data.id}
+                  disabled={Boolean(data.operationTicketId)}
+                  class="mr8"
+                  onClick={() => handleDeleteCluster([data])}>
+                  { t('删除') }
+                </auth-button>
+              </OperationBtnStatusTips>,
               ...baseAction,
             ];
           }
@@ -768,11 +783,29 @@
                 v-db-console="hdfs.clusterManage.disable"
                 resource={data.id}
                 disabled={data.operationDisabled}
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handlDisabled(data)}>
+                onClick={() => handleDisableCluster([data])}>
                 { t('禁用') }
               </auth-button>
             </OperationBtnStatusTips>,
+            <OperationBtnStatusTips
+              v-db-console="hdfs.clusterManage.delete"
+              data={data} >
+              <auth-button
+                v-bk-tooltips={{
+                  disabled: data.isOffline,
+                  content: t('请先禁用集群')
+                }}
+                text
+                theme="primary"
+                action-id="hdfs_destroy"
+                permission={data.permission.hdfs_destroy}
+                resource={data.id}
+                disabled={data.isOnline || Boolean(data.operationTicketId)}
+                class="mr8"
+                onClick={() => handleDeleteCluster([data])}>
+                { t('删除') }
+              </auth-button>
+            </OperationBtnStatusTips>,
             <a
               v-db-console="hdfs.clusterManage.manage"
               class="mr8"
@@ -932,110 +965,6 @@
     operationData.value = clusterData;
   };
 
-  // 禁用
-  const handlDisabled =  (clusterData: HdfsModel) => {
-    InfoBox({
-      title: t('确认禁用【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'HDFS_DISABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleEnable =  (clusterData: HdfsModel) => {
-    InfoBox({
-      title: t('确认启用【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'HDFS_ENABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleRemove =  (clusterData: HdfsModel) => {
-    InfoBox({
-      title: t('确认删除【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'HDFS_DESTROY',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
   const handleShowPassword = (clusterData: HdfsModel) => {
     operationData.value = clusterData;
     isShowPassword.value = true;
diff --git a/dbm-ui/frontend/src/views/db-manage/influxdb/instance-list/components/render-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/influxdb/instance-list/components/render-list/Index.vue
index 0aa715ab9c..5bbd94ed8f 100644
--- a/dbm-ui/frontend/src/views/db-manage/influxdb/instance-list/components/render-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/influxdb/instance-list/components/render-list/Index.vue
@@ -346,7 +346,12 @@
                   }
                   {
                     data.isNew && (
-                      <span class="glob-new-tag cluster-tag" data-text="NEW" />
+                      <bk-tag
+                        theme="success"
+                        size="small"
+                        class="ml-4">
+                        NEW
+                      </bk-tag>
                     )
                   }
                   <db-icon
diff --git a/dbm-ui/frontend/src/views/db-manage/kafka/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/kafka/list/components/list/Index.vue
index 98c6b20893..ec861f8ff0 100644
--- a/dbm-ui/frontend/src/views/db-manage/kafka/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/kafka/list/components/list/Index.vue
@@ -98,7 +98,7 @@
   </div>
 </template>
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import {
     onMounted,
@@ -116,7 +116,6 @@
     getKafkaInstanceList,
     getKafkaList,
   } from '@services/source/kafka';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -124,7 +123,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -139,6 +137,7 @@
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -160,6 +159,12 @@
   const router = useRouter();
   const { currentBizId } = useGlobalBizs();
   const { t, locale } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.KAFKA,
+    {
+      onSuccess: () => fetchTableData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -204,7 +209,6 @@
   };
 
   const tableRef = ref<InstanceType<typeof DbTable>>();
-  const tableDataActionLoadingMap = shallowRef<Record<number, boolean>>({});
   const isShowExpandsion = ref(false);
   const isShowShrink = ref(false);
   const isShowPassword = ref(false);
@@ -227,8 +231,6 @@
     };
   });
 
-  const ticketMessage = useTicketMessage();
-
   const copy = useCopy();
 
   const serachData = computed(() => [
@@ -297,7 +299,7 @@
 
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 270 : 420;
+      return isCN.value ? 300 : 420;
     }
     return 100;
   });
@@ -311,8 +313,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -351,6 +352,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -413,28 +436,6 @@
             ),
             append: () => (
               <>
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                  )
-                }
-                {
-                  data.isNew && (
-                    <bk-tag
-                      theme="success"
-                      size="small"
-                      class="ml-4">
-                      NEW
-                    </bk-tag>
-                  )
-                }
                 <db-icon
                   v-bk-tooltips={t('复制集群名称')}
                   type="copy"
@@ -605,6 +606,7 @@
               permission={data.permission.kafka_access_entry_view}
               v-db-console="kafka.clusterManage.getAccess"
               resource={data.id}
+              disabled={data.isOffline}
               class="mr8"
               onClick={() => handleShowPassword(data)}>
               { t('获取访问方式') }
@@ -623,8 +625,7 @@
                 resource={data.id}
                 disabled={data.isStarting}
                 class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleEnable(data)}>
+                onClick={() => handleEnableCluster([data])}>
                 { t('启用') }
               </auth-button>
             </OperationBtnStatusTips>,
@@ -639,8 +640,7 @@
                 disabled={Boolean(data.operationTicketId)}
                 resource={data.id}
                 class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleRemove(data)}>
+                onClick={() => handleDeleteCluster([data])}>
                 { t('删除') }
               </auth-button>
             </OperationBtnStatusTips>,
@@ -691,11 +691,29 @@
                 permission={data.permission.kafka_enable_disable}
                 resource={data.id}
                 disabled={data.operationDisabled}
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handlDisabled(data)}>
+                onClick={() => handleDisableCluster([data])}>
                 { t('禁用') }
               </auth-button>
             </OperationBtnStatusTips>,
+            <OperationBtnStatusTips
+              data={data}
+              v-db-console="kafka.clusterManage.delete">
+              <auth-button
+                v-bk-tooltips={{
+                  disabled: data.isOffline,
+                  content: t('请先禁用集群')
+                }}
+                text
+                theme="primary"
+                action-id="kafka_destroy"
+                permission={data.permission.kafka_destroy}
+                disabled={data.isOnline || Boolean(data.operationTicketId)}
+                resource={data.id}
+                class="mr8"
+                onClick={() => handleDeleteCluster([data])}>
+                { t('删除') }
+              </auth-button>
+            </OperationBtnStatusTips>,
             <a
               v-db-console="kafka.clusterManage.manage"
               class="mr8"
@@ -853,108 +871,6 @@
     operationData.value = clusterData;
   };
 
-  const handlDisabled =  (clusterData: KafkaModel) => {
-    InfoBox({
-      title: t('确认禁用【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'KAFKA_DISABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleEnable =  (clusterData: KafkaModel) => {
-    InfoBox({
-      title: t('确认启用【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'KAFKA_ENABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleRemove =  (clusterData: KafkaModel) => {
-    InfoBox({
-      title: t('确认删除【name】集群', { name: clusterData.cluster_name }),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'KAFKA_DESTROY',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
   const handleShowPassword = (clusterData: KafkaModel) => {
     operationData.value = clusterData;
     isShowPassword.value = true;
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/detail/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/detail/Index.vue
index d2a83fb51d..29919dca95 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/detail/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/detail/Index.vue
@@ -48,7 +48,7 @@
                 <BkButton
                   :disabled="data.operationDisabled"
                   text
-                  @click="handleDisableCluster">
+                  @click="handleDisableCluster([data])">
                   {{ t('禁用集群') }}
                 </BkButton>
               </BkDropdownItem>
@@ -140,11 +140,10 @@
   import ClusterTopo from '@views/db-manage/common/cluster-details/ClusterTopo.vue';
   import ClusterEventChange from '@views/db-manage/common/cluster-event-change/EventChange.vue';
   import MonitorDashboard from '@views/db-manage/common/cluster-monitor/MonitorDashboard.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import AccessEntry from '@views/db-manage/mongodb/components/AccessEntry.vue';
   import CapacityChange from '@views/db-manage/mongodb/components/CapacityChange.vue';
 
-  import { useDisableCluster } from '../../hooks/useDisableCluster';
-
   import BaseInfo from './BaseInfo.vue';
 
   interface Props {
@@ -156,7 +155,9 @@
   const { t } = useI18n();
   const { currentBizId } = useGlobalBizs();
   const { isOpen: isStretchLayoutOpen } = useStretchLayout();
-  const disableCluster = useDisableCluster();
+  const { handleDisableCluster } = useOperateClusterBasic(ClusterTypes.MONGODB, {
+    onSuccess: () => fetchResourceDetails({ cluster_id: props.clusterId }),
+  });
 
   const activePanelKey = ref('topo');
   const capacityChangeShow = ref(false);
@@ -255,10 +256,6 @@
   const handleCapacityChange = () => {
     capacityChangeShow.value = true;
   };
-
-  const handleDisableCluster = () => {
-    disableCluster(data.value!);
-  };
 </script>
 
 <style lang="less">
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/list/Index.vue
index 8645333b99..f28cfd1926 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/components/list/Index.vue
@@ -20,12 +20,12 @@
         @click="handleApply">
         {{ t('申请实例') }}
       </BkButton>
-      <BkButton
-        class="ml-8 mb-8"
-        :disabled="!hasSelected"
-        @click="handleShowClusterAuthorize">
-        {{ t('批量授权') }}
-      </BkButton>
+      <ClusterBatchOperation
+        v-db-console="'mongodb.replicaSetList.batchOperation'"
+        class="ml-8"
+        :cluster-type="ClusterTypes.MONGO_REPLICA_SET"
+        :selected="selected"
+        @success="handleBatchOperationSuccess" />
       <span
         v-bk-tooltips="{
           disabled: hasData,
@@ -106,7 +106,7 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
 
@@ -115,7 +115,6 @@
     getMongoInstancesList,
     getMongoList,
   } from '@services/source/mongodb';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -123,7 +122,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -137,15 +135,16 @@
 
   import RenderClusterStatus from '@components/cluster-status/Index.vue';
   import DbTable from '@components/db-table/index.vue';
-  import MiniTag from '@components/mini-tag/index.vue';
   import RenderTextEllipsisOneLine from '@components/text-ellipsis-one-line/index.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -159,8 +158,6 @@
     getSearchSelectorParams,
   } from '@utils';
 
-  import { useDisableCluster } from '../../hooks/useDisableCluster';
-
   const clusterId = defineModel<number>('clusterId');
 
   const { t } = useI18n();
@@ -168,12 +165,16 @@
   const route = useRoute();
   const router = useRouter();
   const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.MONGODB,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
   } = useStretchLayout();
-  const disableCluster = useDisableCluster();
   const {
     columnAttrs,
     searchAttrs,
@@ -289,6 +290,7 @@
   const hasData = computed(() => tableDataList.value.length > 0);
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map(item => item.id));
+
   const columns = computed(() => [
     {
       label: 'ID',
@@ -299,22 +301,12 @@
     {
       label: t('集群名称'),
       field: 'cluster_name',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       showOverflowTooltip: false,
       render: ({ data }: { data: MongodbModel }) => {
         const content = (
           <>
-            {
-              data.isNew && (
-                <MiniTag
-                  content='NEW'
-                  class="new-tag"
-                  theme='success'>
-                </MiniTag>
-              )
-            }
             {
               data.isStructCluster && (
                 <bk-popover
@@ -352,22 +344,6 @@
                 </bk-popover>
               )
             }
-            {
-              data.operationTagTips.map(item => (
-                <RenderOperationTag
-                  class="cluster-tag ml-4"
-                  data={item}/>
-              ))
-            }
-            {
-              data.isOffline && (
-                <bk-tag
-                  class="ml-4"
-                  size="small">
-                  {t('已禁用')}
-                </bk-tag>
-              )
-            }
           </>
         );
 
@@ -417,6 +393,32 @@
             ),
             append: () => (
               <>
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.operationTagTips.map(item => (
+                    <RenderOperationTag
+                      class="cluster-tag ml-4"
+                      data={item}/>
+                  ))
+                }
+                {
+                  data.isOffline && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -568,14 +570,17 @@
       fixed: isStretchLayoutOpen.value ? false : 'right',
       render: ({ data }: { data: MongodbModel }) => {
         const baseButtons = [
-        <bk-button
-          disabled={data.isOffline}
-          text
-          theme="primary"
-          onClick={() => handleShowAccessEntry(data)}>
-          { t('获取访问方式') }
-        </bk-button>,
-          <OperationBtnStatusTips data={data}>
+          <bk-button
+            v-db-console="mongodb.replicaSetList.getAccess"
+            disabled={data.isOffline}
+            text
+            theme="primary"
+            onClick={() => handleShowAccessEntry(data)}>
+            { t('获取访问方式') }
+          </bk-button>,
+          <OperationBtnStatusTips
+            v-db-console="mongodb.replicaSetList.capacityChange"
+            data={data}>
             <bk-button
               text
               theme="primary"
@@ -587,37 +592,47 @@
           </OperationBtnStatusTips>,
         ];
         const onlineButtons = [
-          <OperationBtnStatusTips data={data}>
+          <OperationBtnStatusTips
+            v-db-console="mongodb.replicaSetList.disable"
+            data={data}>
             <bk-button
               text
               theme="primary"
               class="ml-16"
               disabled={data.operationDisabled}
-              onclick={() => handleDisableCluster(data)}>
+              onclick={() => handleDisableCluster([data])}>
               { t('禁用') }
             </bk-button>
           </OperationBtnStatusTips>,
         ];
         const offlineButtons = [
-          <OperationBtnStatusTips data={data}>
+          <OperationBtnStatusTips
+            v-db-console="mongodb.replicaSetList.enable"
+            data={data}>
             <bk-button
               text
               theme="primary"
               class="ml-16"
               disabled={data.isStarting}
-              onclick={() => handleEnableCluster(data)}>
+              onclick={() => handleEnableCluster([data])}>
               { t('启用') }
             </bk-button>
           </OperationBtnStatusTips>,
         ];
         const deleteButton = (
-          <OperationBtnStatusTips data={data}>
+          <OperationBtnStatusTips
+            v-db-console="mongodb.replicaSetList.delete"
+            data={data}>
             <bk-button
+              v-bk-tooltips={{
+                disabled: data.isOffline,
+                content: t('请先禁用集群')
+              }}
               text
               theme="primary"
               class="ml-16"
-              disabled={Boolean(data.operationTicketId)}
-              onclick={() => handleDeleteCluster(data)}>
+              disabled={data.isOnline || Boolean(data.operationTicketId)}
+              onclick={() => handleDeleteCluster([data])}>
               { t('删除') }
             </bk-button>
           </OperationBtnStatusTips>
@@ -628,7 +643,7 @@
         }
 
         if (data.isOnline) {
-          return [...baseButtons, ...onlineButtons];
+          return [...baseButtons, ...onlineButtons, deleteButton];
         }
         return [...baseButtons, ...offlineButtons, deleteButton];
       },
@@ -746,9 +761,9 @@
     selected.value = list as MongodbModel[];
   };
 
-  const handleShowClusterAuthorize = () => {
-    clusterAuthorizeShow.value = true;
-  };
+  // const handleShowClusterAuthorize = () => {
+  //   clusterAuthorizeShow.value = true;
+  // };
 
   const handleShowExcelAuthorize = () => {
     excelAuthorizeShow.value = true;
@@ -778,69 +793,6 @@
     window.open(route.href);
   };
 
-  const handleEnableCluster = (row: MongodbModel) => {
-    InfoBox({
-      type: 'warning',
-      title: t('确定启用该集群'),
-      content: () => (
-        <p>
-          { t('集群') }：
-          <span class='info-box-cluster-name'>
-            { row.cluster_name }
-          </span>
-        </p>
-      ),
-      confirmText: t('启用'),
-      onConfirm: async () => {
-        await createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.MONGODB_ENABLE,
-          details: {
-            cluster_ids: [row.id],
-          },
-        })
-          .then((res) => {
-            ticketMessage(res.id);
-          });
-      },
-    });
-  };
-
-  const handleDisableCluster = (row: MongodbModel) => {
-    disableCluster(row);
-  };
-
-  const handleDeleteCluster = (row: MongodbModel) => {
-    const { cluster_name: name } = row;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      contentAlign: 'left',
-      content: () => (
-        <div class="cluster-delete-content">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-      onConfirm: async () => {
-        await createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.MONGODB_DESTROY,
-          details: {
-            cluster_ids: [row.id],
-          },
-        })
-          .then((res) => {
-            ticketMessage(res.id);
-          });
-      },
-    });
-  };
-
   let isInit = true;
   const fetchData = (loading?: boolean) => {
     tableRef.value!.fetchData({
@@ -890,6 +842,11 @@
     }
     handleCopy(allData as T[], field)
   }
+
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 </script>
 
 <style>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/hooks/useDisableCluster.tsx b/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/hooks/useDisableCluster.tsx
deleted file mode 100644
index 4f64337d37..0000000000
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/replica-set-list/hooks/useDisableCluster.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-/*
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at https://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
- */
-
-import { InfoBox } from 'bkui-vue';
-import { useI18n } from 'vue-i18n';
-
-import { createTicket } from '@services/source/ticket';
-
-import { useTicketMessage } from '@hooks';
-
-import { useGlobalBizs } from '@stores';
-
-import { TicketTypes } from '@common/const';
-
-export const useDisableCluster = () => {
-  const { t } = useI18n();
-  const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
-
-  const diabledCluster = (data: { cluster_name: string; id: number }) => {
-    InfoBox({
-      type: 'warning',
-      title: t('确定禁用该集群'),
-      content: () => (
-        <>
-          <p>
-            {t('集群')}：<span class='info-box-cluster-name'>{data.cluster_name}</span>
-          </p>
-          <p>{t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</p>
-        </>
-      ),
-      confirmText: t('禁用'),
-      onConfirm: async () => {
-        await createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.MONGODB_DISABLE,
-          details: {
-            cluster_ids: [data.id],
-          },
-        }).then((res) => {
-          ticketMessage(res.id);
-        });
-      },
-    });
-  };
-
-  return diabledCluster;
-};
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/detail/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/detail/Index.vue
index 7c86e5e115..7d7d6777ad 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/detail/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/detail/Index.vue
@@ -48,7 +48,7 @@
                 <BkButton
                   :disabled="data.operationDisabled"
                   text
-                  @click="handleDisableCluster">
+                  @click="handleDisableCluster([data])">
                   {{ t('禁用集群') }}
                 </BkButton>
               </BkDropdownItem>
@@ -140,11 +140,10 @@
   import ClusterTopo from '@views/db-manage/common/cluster-details/ClusterTopo.vue';
   import ClusterEventChange from '@views/db-manage/common/cluster-event-change/EventChange.vue';
   import MonitorDashboard from '@views/db-manage/common/cluster-monitor/MonitorDashboard.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import AccessEntry from '@views/db-manage/mongodb/components/AccessEntry.vue';
   import CapacityChange from '@views/db-manage/mongodb/components/CapacityChange.vue';
 
-  import { useDisableCluster } from '../../hooks/useDisableCluster';
-
   import BaseInfo from './BaseInfo.vue';
 
   interface Props {
@@ -156,8 +155,9 @@
   const { t } = useI18n();
   const { currentBizId } = useGlobalBizs();
   const { isOpen: isStretchLayoutOpen } = useStretchLayout();
-
-  const disableCluster = useDisableCluster();
+  const { handleDisableCluster } = useOperateClusterBasic(ClusterTypes.MONGODB, {
+    onSuccess: () => fetchResourceDetails({ cluster_id: props.clusterId }),
+  });
 
   const capacityChangeShow = ref(false);
   const isCapacityChange = ref(false);
@@ -256,10 +256,6 @@
   const handleCapacityChange = () => {
     capacityChangeShow.value = true;
   };
-
-  const handleDisableCluster = () => {
-    disableCluster(data.value!);
-  };
 </script>
 
 <style lang="less">
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/list/Index.vue
index 6f190cf826..730c373cec 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/components/list/Index.vue
@@ -20,12 +20,12 @@
         @click="handleApply">
         {{ t('申请实例') }}
       </BkButton>
-      <BkButton
-        class="ml-8 mb-8"
-        :disabled="!hasSelected"
-        @click="handleShowClusterAuthorize">
-        {{ t('批量授权') }}
-      </BkButton>
+      <ClusterBatchOperation
+        v-db-console="'mongodb.sharedClusterList.batchOperation'"
+        class="ml-8"
+        :cluster-type="ClusterTypes.MONGO_SHARED_CLUSTER"
+        :selected="selected"
+        @success="handleBatchOperationSuccess" />
       <span
         v-bk-tooltips="{
           disabled: hasData,
@@ -106,7 +106,7 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
 
@@ -115,7 +115,6 @@
     getMongoInstancesList,
     getMongoList,
   } from '@services/source/mongodb';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -123,7 +122,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -137,15 +135,16 @@
 
   import RenderClusterStatus from '@components/cluster-status/Index.vue';
   import DbTable from '@components/db-table/index.vue';
-  import MiniTag from '@components/mini-tag/index.vue';
   import RenderTextEllipsisOneLine from '@components/text-ellipsis-one-line/index.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -159,8 +158,6 @@
     getSearchSelectorParams ,
   } from '@utils';
 
-  import { useDisableCluster } from '../../hooks/useDisableCluster';
-
   import RenderShard from './components/render-shard/Index.vue'
 
   const clusterId = defineModel<number>('clusterId');
@@ -170,12 +167,16 @@
   const route = useRoute();
   const router = useRouter();
   const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.MONGODB,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
   } = useStretchLayout();
-  const disableCluster = useDisableCluster();
   const {
     columnAttrs,
     searchAttrs,
@@ -291,6 +292,7 @@
   const hasData = computed(() => tableDataList.value.length > 0);
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map(item => item.id));
+
   const columns = computed(() => [
     {
       label: 'ID',
@@ -304,55 +306,23 @@
       minWidth: 200,
       fixed: 'left',
       showOverflowTooltip: false,
-      render: ({ data }: { data: MongodbModel }) => {
-        const content = (
-          <>
-            {
-              data.isNew && (
-              <MiniTag
-                content='NEW'
-                theme='success' />
-              )
-            }
-            {
-              data.operationTagTips.map(item => (
-                <RenderOperationTag
-                  class="ml-4"
-                  data={item} />
-              ))
-            }
-            {
-              data.isOffline && (
-                <bk-tag
-                  class="ml-4"
-                  size="small">
-                  {t('已禁用')}
-                </bk-tag>
-              )
-            }
-          </>
-        );
-
-        return (
-          <div>
-            <RenderTextEllipsisOneLine
-              text={data.cluster_name}
-              textStyle={{
-                fontWeight: '700',
-              }}
-              onClick={() => handleToDetails(data.id)}>
-              {content}
-            </RenderTextEllipsisOneLine>
-            <span class="cluster-alias">{ data.cluster_alias }</span>
-          </div>
-        );
-      },
+      render: ({ data }: { data: MongodbModel }) => (
+        <div>
+          <RenderTextEllipsisOneLine
+            text={data.cluster_name}
+            textStyle={{
+              fontWeight: '700',
+            }}
+            onClick={() => handleToDetails(data.id)}>
+          </RenderTextEllipsisOneLine>
+          <span class="cluster-alias">{ data.cluster_alias }</span>
+        </div>
+      ),
     },
     {
       label: t('主域名'),
       field: 'master_domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       renderHead: () => (
         <RenderHeadCopy
           hasSelected={hasSelected.value}
@@ -378,6 +348,32 @@
             ),
             append: () => (
               <>
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.operationTagTips.map(item => (
+                    <RenderOperationTag
+                      class="ml-4"
+                      data={item} />
+                  ))
+                }
+                {
+                  data.isOffline && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -596,17 +592,20 @@
       width: 300,
       fixed: isStretchLayoutOpen.value ? false : 'right',
       render: ({ data }: { data: MongodbModel }) => {
-        const baseButtons = [
-        <bk-button
-          disabled={data.isOffline}
-          text
-          theme="primary"
-          onClick={() => handleShowAccessEntry(data)}>
-          { t('获取访问方式') }
-        </bk-button>,
+        const frontButtons = [
+          <bk-button
+            v-db-console="mongodb.sharedClusterList.getAccess"
+            disabled={data.isOffline}
+            text
+            theme="primary"
+            onClick={() => handleShowAccessEntry(data)}>
+            { t('获取访问方式') }
+          </bk-button>,
         ];
         const onlineButtons = [
-          <OperationBtnStatusTips data={data}>
+          <OperationBtnStatusTips
+            v-db-console="mongodb.sharedClusterList.capacityChange"
+            data={data}>
             <bk-button
               text
               theme="primary"
@@ -616,44 +615,57 @@
               { t('集群容量变更') }
             </bk-button>
           </OperationBtnStatusTips>,
-          <OperationBtnStatusTips data={data}>
+          <OperationBtnStatusTips
+            v-db-console="mongodb.sharedClusterList.diaable"
+            data={data}>
             <bk-button
               text
               theme="primary"
               class="ml-16"
               disabled={data.operationDisabled}
-              onclick={() => handleDisableCluster(data)}>
+              onclick={() => handleDisableCluster([data])}>
               { t('禁用') }
             </bk-button>
           </OperationBtnStatusTips>,
         ];
         const offlineButtons = [
-          <OperationBtnStatusTips data={data}>
+          <OperationBtnStatusTips
+            v-db-console="mongodb.sharedClusterList.enable"
+            data={data}>
             <bk-button
               text
               theme="primary"
               class="ml-16"
               disabled={data.isStarting}
-              onclick={() => handleEnableCluster(data)}>
+              onclick={() => handleEnableCluster([data])}>
               { t('启用') }
             </bk-button>
           </OperationBtnStatusTips>,
-          <OperationBtnStatusTips data={data}>
+
+        ];
+        const backButtons = [
+          <OperationBtnStatusTips
+            v-db-console="mongodb.sharedClusterList.delete"
+            data={data}>
             <bk-button
+              v-bk-tooltips={{
+                disabled: data.isOffline,
+                content: t('请先禁用集群')
+              }}
               text
               theme="primary"
               class="ml-16"
-              disabled={Boolean(data.operationTicketId)}
-              onclick={() => handleDeleteCluster(data)}>
+              disabled={data.isOnline || Boolean(data.operationTicketId)}
+              onclick={() => handleDeleteCluster([data])}>
               { t('删除') }
             </bk-button>
-          </OperationBtnStatusTips>,
-        ];
+          </OperationBtnStatusTips>
+        ]
 
         if (data.isOnline) {
-          return [...baseButtons, ...onlineButtons];
+          return [...frontButtons, ...onlineButtons, ...backButtons];
         }
-        return [...baseButtons, ...offlineButtons];
+        return [...frontButtons, ...offlineButtons, ...backButtons];
       },
     },
   ]);
@@ -742,9 +754,9 @@
     selected.value = list as MongodbModel[];
   };
 
-  const handleShowClusterAuthorize = () => {
-    clusterAuthorizeShow.value = true;
-  };
+  // const handleShowClusterAuthorize = () => {
+  //   clusterAuthorizeShow.value = true;
+  // };
 
   const handleShowExcelAuthorize = () => {
     excelAuthorizeShow.value = true;
@@ -792,69 +804,6 @@
     capacityChangeShow.value = true;
   };
 
-  const handleEnableCluster = (row: MongodbModel) => {
-    InfoBox({
-      type: 'warning',
-      title: t('确定启用该集群'),
-      content: () => (
-        <p>
-          { t('集群') }：
-          <span class='info-box-cluster-name'>
-            { row.cluster_name }
-          </span>
-        </p>
-      ),
-      confirmText: t('启用'),
-      onConfirm: async () => {
-        await createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.MONGODB_ENABLE,
-          details: {
-            cluster_ids: [row.id],
-          },
-        })
-          .then((res) => {
-            ticketMessage(res.id);
-          });
-      },
-    });
-  };
-
-  const handleDisableCluster = (row: MongodbModel) => {
-    disableCluster(row);
-  };
-
-  const handleDeleteCluster = (row: MongodbModel) => {
-    const { cluster_name: name } = row;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      contentAlign: 'left',
-      content: () => (
-        <div class="cluster-delete-content">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-      onConfirm: async () => {
-        await createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.MONGODB_DESTROY,
-          details: {
-            cluster_ids: [row.id],
-          },
-        })
-          .then((res) => {
-            ticketMessage(res.id);
-          });
-      },
-    });
-  };
-
   let isInit = true;
   const fetchData = (loading?: boolean) => {
     tableRef.value!.fetchData({
@@ -904,6 +853,11 @@
     }
     handleCopy(allData as T[], field)
   }
+
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 </script>
 
 <style>
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/hooks/useDisableCluster.tsx b/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/hooks/useDisableCluster.tsx
deleted file mode 100644
index b1b40fd35a..0000000000
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/shared-cluster-list/hooks/useDisableCluster.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at https://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
- */
-
-import { InfoBox } from 'bkui-vue';
-import { useI18n } from 'vue-i18n';
-
-import { createTicket } from '@services/source/ticket';
-
-import { useTicketMessage } from '@hooks';
-
-import { useGlobalBizs } from '@stores';
-
-import { TicketTypes } from '@common/const';
-
-export const useDisableCluster = () => {
-  const { t } = useI18n();
-  const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
-
-  const diabledCluster = (data: { cluster_name: string; id: number }) => {
-    InfoBox({
-      type: 'warning',
-      title: t('确定禁用该集群'),
-      content: () => (
-        <>
-          <p>
-            {t('集群')}：<span class='info-box-cluster-name'>{data.cluster_name}</span>
-          </p>
-          <p>{t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</p>
-        </>
-      ),
-      confirmText: t('禁用'),
-      onConfirm: async () => {
-        try {
-          const params = {
-            bk_biz_id: currentBizId,
-            ticket_type: TicketTypes.MONGODB_DISABLE,
-            details: {
-              cluster_ids: [data.id],
-            },
-          };
-          await createTicket(params).then((res) => {
-            ticketMessage(res.id);
-          });
-          return true;
-        } catch (_) {
-          return false;
-        }
-      },
-    });
-  };
-
-  return diabledCluster;
-};
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/create-rule/components/receiver-data/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/create-rule/components/receiver-data/Index.vue
index 23b051c8fb..a9a26e5eec 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/create-rule/components/receiver-data/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/create-rule/components/receiver-data/Index.vue
@@ -215,7 +215,7 @@
     placeholder: '',
   });
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel> }>({ [ClusterTypes.TENDBHA]: [] });
 
   // 集群域名是否已存在表格的映射表
   const domainMemo: Record<string, boolean> = {};
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/mysql/ha-cluster-list/components/List.vue
index 691da6872d..752cc3148e 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/ha-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/ha-cluster-list/components/List.vue
@@ -21,34 +21,12 @@
         @click="handleApply">
         {{ t('申请实例') }}
       </AuthButton>
-      <span
-        v-bk-tooltips="{
-          disabled: hasSelected,
-          content: t('请选择集群'),
-        }"
-        v-db-console="'mysql.haClusterList.batchSubscription'"
-        class="inline-block">
-        <BkButton
-          class="ml-8"
-          :disabled="!hasSelected"
-          @click="() => handleShowCreateSubscribeRuleSlider()">
-          {{ t('批量订阅') }}
-        </BkButton>
-      </span>
-      <span
-        v-bk-tooltips="{
-          disabled: hasSelected,
-          content: t('请选择集群'),
-        }"
-        v-db-console="'mysql.haClusterList.batchAuthorize'"
-        class="inline-block">
-        <BkButton
-          class="ml-8"
-          :disabled="!hasSelected"
-          @click="handleShowAuthorize(selected)">
-          {{ t('批量授权') }}
-        </BkButton>
-      </span>
+      <ClusterBatchOperation
+        v-db-console="'mysql.haClusterList.batchOperation'"
+        class="ml-8"
+        :cluster-type="ClusterTypes.TENDBHA"
+        :selected="selected"
+        @success="handleBatchOperationSuccess" />
       <BkButton
         v-db-console="'mysql.haClusterList.importAuthorize'"
         class="ml-8"
@@ -112,7 +90,7 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
 
@@ -122,7 +100,6 @@
     getTendbhaInstanceList,
     getTendbhaList,
   } from '@services/source/tendbha';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -130,7 +107,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import {
@@ -143,7 +119,6 @@
     ClusterTypes,
     DBTypes,
     TicketTypes,
-    type TicketTypesStrings,
     UserPersonalSettings,
   } from '@common/const';
 
@@ -153,12 +128,14 @@
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import EditEntryConfig, { type ClusterEntryInfo } from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterExportData from '@views/db-manage/common/cluster-export-data/Index.vue'
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -197,8 +174,13 @@
   const globalBizsStore = useGlobalBizs();
   const funControllerStore = useFunController();
   const copy = useCopy();
-  const ticketMessage = useTicketMessage();
   const { t, locale } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.TENDBHA,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -346,8 +328,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       showOverflowTooltip: false,
       renderHead: () => (
         <RenderHeadCopy
@@ -386,6 +367,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -447,25 +450,6 @@
             default: () => data.cluster_name,
             append: () => (
               <>
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                  )
-                }
-                {
-                  isRecentDays(data.create_at, 24 * 3) && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
-                  )
-                }
                 <span v-db-console="mysql.haClusterList.modifyEntryConfiguration">
                   <EditEntryConfig
                     id={data.id}
@@ -776,6 +760,7 @@
             text
             theme="primary"
             class="mr-8"
+            disabled={data.isOffline}
             onClick={() => handleShowAuthorize([data])}>
             { t('授权') }
           </bk-button>
@@ -811,6 +796,7 @@
                     <auth-button
                       action-id="tbinlogdumper_install"
                       resource={data.id}
+                      disabled={data.isOffline}
                       permission={data.permission.tbinlogdumper_install}
                       text
                       class="mr-8"
@@ -824,48 +810,50 @@
                     <OperationBtnStatusTips data={data}>
                       <auth-button
                         text
-                        disabled={Boolean(data.operationTicketId)}
+                        disabled={data.operationDisabled}
                         class="mr-8"
                         action-id="mysql_enable_disable"
                         permission={data.permission.mysql_enable_disable}
                         resource={data.id}
-                        onClick={() => handleSwitchCluster(TicketTypes.MYSQL_HA_DISABLE, data)}>
+                        onClick={() => handleDisableCluster([data])}>
                         { t('禁用') }
                       </auth-button>
                     </OperationBtnStatusTips>
                   </bk-dropdown-item>
                 ) : (
-                  <>
-                    <bk-dropdown-item v-db-console="mysql.haClusterList.enable">
-                      <OperationBtnStatusTips data={data}>
-                        <auth-button
-                          text
-                          disabled={data.isStarting}
-                          class="mr-8"
-                          action-id="mysql_enable_disable"
-                          permission={data.permission.mysql_enable_disable}
-                          resource={data.id}
-                          onClick={() => handleSwitchCluster(TicketTypes.MYSQL_HA_ENABLE, data)}>
-                          { t('启用') }
-                        </auth-button>
-                      </OperationBtnStatusTips>
-                    </bk-dropdown-item>
-                    <bk-dropdown-item v-db-console="mysql.haClusterList.delete">
-                      <OperationBtnStatusTips data={data}>
-                        <auth-button
-                          text
-                          disabled={Boolean(data.operationTicketId)}
-                          class="mr-8"
-                          action-id="mysql_destroy"
-                          permission={data.permission.mysql_destroy}
-                          resource={data.id}
-                          onClick={() => handleDeleteCluster(data)}>
-                          { t('删除') }
-                        </auth-button>
-                      </OperationBtnStatusTips>
-                    </bk-dropdown-item>
-                  </>
+                  <bk-dropdown-item v-db-console="mysql.haClusterList.enable">
+                    <OperationBtnStatusTips data={data}>
+                      <auth-button
+                        text
+                        disabled={data.isStarting}
+                        class="mr-8"
+                        action-id="mysql_enable_disable"
+                        permission={data.permission.mysql_enable_disable}
+                        resource={data.id}
+                        onClick={() => handleEnableCluster([data])}>
+                        { t('启用') }
+                      </auth-button>
+                    </OperationBtnStatusTips>
+                  </bk-dropdown-item>
                 )}
+                <bk-dropdown-item v-db-console="mysql.haClusterList.delete">
+                  <OperationBtnStatusTips data={data}>
+                    <auth-button
+                      v-bk-tooltips={{
+                        disabled: data.isOffline,
+                        content: t('请先禁用集群')
+                      }}
+                      text
+                      disabled={data.isOnline || Boolean(data.operationTicketId)}
+                      class="mr-8"
+                      action-id="mysql_destroy"
+                      permission={data.permission.mysql_destroy}
+                      resource={data.id}
+                      onClick={() => handleDeleteCluster([data])}>
+                      { t('删除') }
+                    </auth-button>
+                  </OperationBtnStatusTips>
+                </bk-dropdown-item>
               </>
             }}
           </MoreActionExtend>
@@ -1027,76 +1015,6 @@
     });
   }
 
-  /**
-   * 集群启停
-   */
-  const handleSwitchCluster = (type: TicketTypesStrings, data: TendbhaModel) => {
-    if (!type) return;
-
-    const isOpen = type === TicketTypes.MYSQL_HA_ENABLE;
-    const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
-    InfoBox({
-      type: 'warning',
-      title,
-      content: () => (
-        <div style="word-break: all;">
-          {
-            isOpen
-              ? <p>{t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-              : <p>{t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name })}</p>
-          }
-        </div>
-      ),
-      onConfirm: async () => {
-        const params = {
-          bk_biz_id: globalBizsStore.currentBizId,
-          ticket_type: type,
-          details: {
-            cluster_ids: [data.id],
-          },
-        };
-        await createTicket(params).then((res) => {
-          ticketMessage(res.id);
-          fetchData();
-        });
-      },
-    });
-  };
-
-  /**
-   * 删除集群
-   */
-  const handleDeleteCluster = (data: TendbhaModel) => {
-    const { cluster_name: name } = data;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-      onConfirm: async () => {
-        const params = {
-          bk_biz_id: globalBizsStore.currentBizId,
-          ticket_type: TicketTypes.MYSQL_HA_DESTROY,
-          details: {
-            cluster_ids: [data.id],
-          },
-        };
-        await createTicket(params).then((res) => {
-          ticketMessage(res.id);
-          fetchData();
-        });
-      },
-    });
-  };
-
   /**
    * 申请实例
    */
@@ -1110,6 +1028,11 @@
     });
   };
 
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
+
   onMounted(() => {
     if (route.query.id && !clusterId.value) {
       handleToDetails(Number(route.query.id));
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue
index b7fe34c0d3..ddaec27260 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/partition-manage/Index.vue
@@ -129,9 +129,12 @@
           <span>{data.id}</span>
           {
             data.isNew && (
-              <span
-                class="glob-new-tag cluster-tag ml-4"
-                data-text="NEW" />
+              <bk-tag
+                theme="success"
+                size="small"
+                class="ml-4">
+                NEW
+              </bk-tag>
             )
           }
           {
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/single-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/mysql/single-cluster-list/components/List.vue
index 727c3e1987..a0fef5b166 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/single-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/single-cluster-list/components/List.vue
@@ -21,20 +21,12 @@
         @click="handleApply">
         {{ t('申请实例') }}
       </AuthButton>
-      <span
-        v-bk-tooltips="{
-          disabled: hasSelected,
-          content: t('请选择集群'),
-        }"
-        v-db-console="'mysql.singleClusterList.batchAuthorize'"
-        class="inline-block">
-        <BkButton
-          class="ml-8"
-          :disabled="!hasSelected"
-          @click="handleShowAuthorize(selected)">
-          {{ t('批量授权') }}
-        </BkButton>
-      </span>
+      <ClusterBatchOperation
+        v-db-console="'mysql.singleClusterList.batchOperation'"
+        class="ml-8"
+        :cluster-type="ClusterTypes.TENDBSINGLE"
+        :selected="selected"
+        @success="handleBatchOperationSuccess" />
       <BkButton
         v-db-console="'mysql.singleClusterList.importAuthorize'"
         class="ml-8"
@@ -94,7 +86,7 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
   import {
@@ -107,7 +99,6 @@
     getTendbsingleInstanceList,
     getTendbsingleList,
   } from '@services/source/tendbsingle';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -115,7 +106,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage
   } from '@hooks';
 
   import {
@@ -127,7 +117,6 @@
     ClusterTypes,
     DBTypes,
     TicketTypes,
-    type TicketTypesStrings,
     UserPersonalSettings,
   } from '@common/const';
 
@@ -137,12 +126,14 @@
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterExportData from '@views/db-manage/common/cluster-export-data/Index.vue'
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -167,7 +158,12 @@
   const globalBizsStore = useGlobalBizs();
   const copy = useCopy();
   const { t, locale } = useI18n();
-  const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.TENDBSINGLE,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -215,6 +211,7 @@
   const isCN = computed(() => locale.value === 'zh-cn');
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map(item => item.id));
+
   const searchSelectData = computed(() => [
     {
       name: t('访问入口'),
@@ -303,8 +300,7 @@
       label: t('访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       renderHead: () => (
         <RenderHeadCopy
           hasSelected={hasSelected.value}
@@ -342,6 +338,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -395,25 +413,6 @@
             default: () => data.cluster_name,
             append: () => (
               <>
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                  )
-                }
-                {
-                  isRecentDays(data.create_at, 24 * 3) && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
-                  )
-                }
                 <db-icon
                   v-bk-tooltips={t('复制集群名称')}
                   type="copy"
@@ -567,6 +566,7 @@
             text
             theme="primary"
             class="mr-8"
+            disabled={data.isOffline}
             onClick={() => handleShowAuthorize([data])}>
             { t('授权') }
           </bk-button>
@@ -597,53 +597,60 @@
           <MoreActionExtend v-db-console="mysql.singleClusterList.moreOperation">
             {{
               default: () => <>
-                {data.isOnline ? (
-                  <bk-dropdown-item v-db-console="mysql.singleClusterList.disable">
-                    <OperationBtnStatusTips data={data}>
-                      <auth-button
-                        text
-                        class="mr-8"
-                        action-id="mysql_enable_disable"
-                        permission={data.permission.mysql_enable_disable}
-                        disabled={data.operationDisabled}
-                        resource={data.id}
-                        onClick={() => handleSwitchCluster(TicketTypes.MYSQL_SINGLE_DISABLE, data)}>
-                        { t('禁用') }
-                      </auth-button>
-                    </OperationBtnStatusTips>
-                  </bk-dropdown-item>
-                ) : (
-                  <>
-                    <bk-dropdown-item v-db-console="mysql.singleClusterList.enable">
+                {
+                  data.isOnline && (
+                    <bk-dropdown-item v-db-console="mysql.singleClusterList.disable">
                       <OperationBtnStatusTips data={data}>
                         <auth-button
                           text
                           class="mr-8"
                           action-id="mysql_enable_disable"
                           permission={data.permission.mysql_enable_disable}
-                          disabled={data.isStarting}
+                          disabled={data.operationDisabled}
                           resource={data.id}
-                          onClick={() => handleSwitchCluster(TicketTypes.MYSQL_SINGLE_ENABLE, data)}>
-                          { t('启用') }
+                          onClick={() => handleDisableCluster([data])}>
+                          { t('禁用') }
                         </auth-button>
                       </OperationBtnStatusTips>
                     </bk-dropdown-item>
-                    <bk-dropdown-item v-db-console="mysql.singleClusterList.delete">
+                  )
+                }
+                {
+                  data.isOffline && (
+                    <bk-dropdown-item v-db-console="mysql.singleClusterList.enable">
                       <OperationBtnStatusTips data={data}>
                         <auth-button
                           text
                           class="mr-8"
-                          action-id="mysql_destroy"
-                          permission={data.permission.mysql_destroy}
-                          disabled={Boolean(data.operationTicketId)}
+                          action-id="mysql_enable_disable"
+                          permission={data.permission.mysql_enable_disable}
+                          disabled={data.isStarting}
                           resource={data.id}
-                          onClick={() => handleDeleteCluster(data)}>
-                          { t('删除') }
+                          onClick={() => handleEnableCluster([data])}>
+                          { t('启用') }
                         </auth-button>
                       </OperationBtnStatusTips>
                     </bk-dropdown-item>
-                  </>
-                )}
+                  )
+                }
+                <bk-dropdown-item v-db-console="mysql.singleClusterList.delete">
+                  <OperationBtnStatusTips data={data}>
+                    <auth-button
+                      v-bk-tooltips={{
+                        disabled: data.isOffline,
+                        content: t('请先禁用集群')
+                      }}
+                      text
+                      class="mr-8"
+                      action-id="mysql_destroy"
+                      permission={data.permission.mysql_destroy}
+                      disabled={data.isOnline || Boolean(data.operationTicketId)}
+                      resource={data.id}
+                      onClick={() => handleDeleteCluster([data])}>
+                      { t('删除') }
+                    </auth-button>
+                  </OperationBtnStatusTips>
+                </bk-dropdown-item>
               </>
             }}
           </MoreActionExtend>
@@ -820,75 +827,10 @@
     selected.value = list;
   };
 
-  /**
-   * 集群启停
-   */
-  const handleSwitchCluster = (type: TicketTypesStrings, data: TendbsingleModel) => {
-    if (!type) return;
-
-    const isOpen = type === TicketTypes.MYSQL_SINGLE_ENABLE;
-    const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
-    InfoBox({
-      type: 'warning',
-      title,
-      content: () => (
-        <div style="word-break: all;">
-          {
-            isOpen
-              ? <p>{t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-              : <p>{t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name })}</p>
-          }
-        </div>
-      ),
-      onConfirm: async () => {
-        const params = {
-          bk_biz_id: globalBizsStore.currentBizId,
-          ticket_type: type,
-          details: {
-            cluster_ids: [data.id],
-          },
-        };
-        await createTicket(params).then((res) => {
-          ticketMessage(res.id);
-          fetchData();
-        });
-      },
-    });
-  };
-
-  /**
-   * 删除集群
-   */
-  const handleDeleteCluster = (data: TendbsingleModel) => {
-    const { cluster_name: name } = data;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-      onConfirm: async () => {
-        const params = {
-          bk_biz_id: globalBizsStore.currentBizId,
-          ticket_type: TicketTypes.MYSQL_SINGLE_DESTROY,
-          details: {
-            cluster_ids: [data.id],
-          },
-        };
-        await createTicket(params).then((res) => {
-          ticketMessage(res.id);
-          fetchData();
-        });
-      },
-    });
-  };
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 
   onMounted(() => {
     if (!clusterId.value && route.query.id) {
diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
index d7a3f711b6..29f290925d 100644
--- a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/detail/components/node-list/Index.vue
@@ -374,7 +374,16 @@
       render: ({ data }: {data: PulsarNodeModel}) => (
         <>
           <span>{data.ip}</span>
-          { data.isNew && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" /> }
+          {
+            data.isNew && (
+              <bk-tag
+                theme="success"
+                size="small"
+                class="ml-4">
+                NEW
+              </bk-tag>
+            )
+          }
         </>
       ),
     },
diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/list/Index.vue
index 6d70295d00..d8907af38e 100644
--- a/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/pulsar/list/components/list/Index.vue
@@ -95,7 +95,7 @@
   </div>
 </template>
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
   import {
@@ -108,7 +108,6 @@
     getPulsarInstanceList,
     getPulsarList,
   } from '@services/source/pulsar';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -116,7 +115,7 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage  } from '@hooks';
+  } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
 
@@ -131,6 +130,7 @@
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -152,11 +152,16 @@
   const router = useRouter();
   const { currentBizId } = useGlobalBizs();
   const { t, locale } = useI18n();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.PULSAR,
+    {
+      onSuccess: () => fetchTableData(),
+    },
+  );
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
   } = useStretchLayout();
-  const ticketMessage = useTicketMessage();
 
   const {
     columnAttrs,
@@ -204,7 +209,6 @@
   };
 
   const tableRef = ref<InstanceType<typeof DbTable>>();
-  const tableDataActionLoadingMap = shallowRef<Record<number, boolean>>({});
   const isShowExpandsion = ref(false);
   const isShowShrink = ref(false);
   const isShowPassword = ref(false);
@@ -228,7 +232,7 @@
   });
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 280 : 420;
+      return isCN.value ? 310 : 420;
     }
     return 100;
   });
@@ -243,8 +247,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       showOverflowTooltip: false,
       renderHead: () => (
@@ -284,6 +287,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  data.isOffline && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -340,19 +365,6 @@
             <span>
               {data.cluster_name}
             </span>
-            {
-              data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-            }
-            {
-              data.isOffline && (
-                <bk-tag
-                  class="ml-4"
-                  size="small">
-                  {t('已禁用')}
-                </bk-tag>
-              )
-            }
-            { data.isNew && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" /> }
             <db-icon
               type="copy"
               v-bk-tooltips={t('复制集群名称')}
@@ -552,6 +564,7 @@
               permission={data.permission.pulsar_access_entry_view}
               v-db-console="pulsar.clusterManage.getAccess"
               resource={data.id}
+              disabled={data.isOffline}
               class="mr8"
               onClick={() => handleShowPassword(data)}>
               { t('获取访问方式') }
@@ -559,6 +572,9 @@
           ];
           if (data.isOffline) {
             return [
+            <OperationBtnStatusTips
+              data={data}
+              v-db-console="pulsar.clusterManage.enable">
               <auth-button
                 text
                 theme="primary"
@@ -568,10 +584,13 @@
                 v-db-console="pulsar.clusterManage.enable"
                 resource={data.id}
                 class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleEnable(data)}>
+                onClick={() => handleEnableCluster([data])}>
                 { t('启用') }
-              </auth-button>,
+              </auth-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips
+              data={data}
+              v-db-console="pulsar.clusterManage.delete">
               <auth-button
                 text
                 theme="primary"
@@ -581,10 +600,10 @@
                 disabled={Boolean(data.operationTicketId)}
                 resource={data.id}
                 class="mr8"
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handleRemove(data)}>
-                { t('删除') }
-              </auth-button>,
+                onClick={() => handleDeleteCluster([data])}>
+                  { t('删除') }
+                </auth-button>
+              </OperationBtnStatusTips>,
               ...baseAction,
             ];
           }
@@ -630,11 +649,29 @@
                 permission={data.permission.pulsar_enable_disable}
                 resource={data.id}
                 disabled={data.operationDisabled}
-                loading={tableDataActionLoadingMap.value[data.id]}
-                onClick={() => handlDisabled(data)}>
+                onClick={() => handleDisableCluster([data])}>
                 { t('禁用') }
               </auth-button>
             </OperationBtnStatusTips>,
+            <OperationBtnStatusTips
+              data={data}
+              v-db-console="pulsar.clusterManage.delete">
+              <auth-button
+                v-bk-tooltips={{
+                  disabled: data.isOffline,
+                  content: t('请先禁用集群')
+                }}
+                text
+                theme="primary"
+                action-id="pulsar_destroy"
+                permission={data.permission.pulsar_destroy}
+                disabled={data.isOnline || Boolean(data.operationTicketId)}
+                resource={data.id}
+                class="mr8"
+                onClick={() => handleDeleteCluster([data])}>
+                { t('删除') }
+              </auth-button>
+            </OperationBtnStatusTips>,
             <a
               v-db-console="pulsar.clusterManage.manage"
               class="mr8"
@@ -866,119 +903,6 @@
     operationData.value = clusterData;
   };
 
-  const handlDisabled =  (clusterData: PulsarModel) => {
-    InfoBox({
-      title: (
-        <span title={t('确认禁用【name】集群', { name: clusterData.cluster_name })}>
-          {t('确认禁用【name】集群', { name: clusterData.cluster_name })}
-        </span>
-      ),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'PULSAR_DISABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleEnable =  (clusterData: PulsarModel) => {
-    InfoBox({
-      title: (
-        <span title={t('确认启用【name】集群', { name: clusterData.cluster_name })}>
-          {t('确认启用【name】集群', { name: clusterData.cluster_name })}
-        </span>
-      ),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'PULSAR_ENABLE',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
-
-  const handleRemove =  (clusterData: PulsarModel) => {
-    InfoBox({
-      title: (
-        <span title={t('确认删除【name】集群', { name: clusterData.cluster_name })}>
-          {t('确认删除【name】集群', { name: clusterData.cluster_name })}
-        </span>
-      ),
-      subTitle: '',
-      confirmText: t('确认'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        tableDataActionLoadingMap.value = {
-          ...tableDataActionLoadingMap.value,
-          [clusterData.id]: true,
-        };
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: 'PULSAR_DESTROY',
-          details: {
-            cluster_id: clusterData.id,
-          },
-        })
-          .then((data) => {
-            tableDataActionLoadingMap.value = {
-              ...tableDataActionLoadingMap.value,
-              [clusterData.id]: false,
-            };
-            fetchTableData();
-            ticketMessage(data.id);
-          })
-        ;
-      },
-    });
-  };
 
   const handleShowPassword = (clusterData: PulsarModel) => {
     operationData.value = clusterData;
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/list-ha/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/list-ha/components/list/Index.vue
index a3b54260fb..e2eac396ec 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/list-ha/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/list-ha/components/list/Index.vue
@@ -22,49 +22,12 @@
           @click="handleApply">
           {{ t('申请实例') }}
         </AuthButton>
-        <BkDropdown
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择操作集群'),
-          }"
+        <ClusterBatchOperation
           v-db-console="'redis.haClusterManage.batchOperation'"
-          class="cluster-dropdown ml-8 mb-16"
-          :disabled="!hasSelected"
-          @click.stop
-          @hide="() => (isShowDropdown = false)"
-          @show="() => (isShowDropdown = true)">
-          <BkButton :disabled="!hasSelected">
-            <span class="pr-4">{{ t('批量操作') }}</span>
-            <DbIcon
-              class="cluster-dropdown-icon"
-              :class="[{ 'cluster-dropdown-icon-active': isShowDropdown }]"
-              type="down-big " />
-          </BkButton>
-          <template #content>
-            <BkDropdownMenu>
-              <BkDropdownItem
-                v-db-console="'redis.haClusterManage.extractKey'"
-                @click="handleShowExtract(selected)">
-                {{ t('提取Key') }}
-              </BkDropdownItem>
-              <BkDropdownItem
-                v-db-console="'redis.haClusterManage.deleteKey'"
-                @click="handlShowDeleteKeys(selected)">
-                {{ t('删除Key') }}
-              </BkDropdownItem>
-              <BkDropdownItem
-                v-db-console="'redis.haClusterManage.backup'"
-                @click="handleShowBackup(selected)">
-                {{ t('备份') }}
-              </BkDropdownItem>
-              <BkDropdownItem
-                v-db-console="'redis.haClusterManage.dbClear'"
-                @click="handleShowPurge(selected)">
-                {{ t('清档') }}
-              </BkDropdownItem>
-            </BkDropdownMenu>
-          </template>
-        </BkDropdown>
+          class="ml-8"
+          :cluster-type="ClusterTypes.REDIS_INSTANCE"
+          :selected="selected"
+          @success="handleBatchOperationSuccess" />
         <DropdownExportExcel
           :ids="selectedIds"
           type="redis" />
@@ -128,9 +91,7 @@
 
 <script setup lang="tsx">
   import { Message } from 'bkui-vue';
-  import InfoBox from 'bkui-vue/lib/info-box';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
-  import _ from 'lodash'
   import { useI18n } from 'vue-i18n';
 
   import RedisModel from '@services/model/redis/redis';
@@ -138,7 +99,6 @@
     getRedisInstances,
     getRedisList,
   } from '@services/source/redis';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -147,7 +107,6 @@
     useStretchLayout,
     useTableSettings,
     useTicketCloneInfo,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -156,7 +115,6 @@
     ClusterTypes,
     DBTypes,
     TicketTypes,
-    type TicketTypesStrings,
     UserPersonalSettings
   } from '@common/const';
 
@@ -165,25 +123,31 @@
   import MoreActionExtend from '@components/more-action-extend/Index.vue';
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
+  import { useShowBackup } from '@views/db-manage/common/redis-backup/hooks/useShowBackup';
+  import RedisBackup from '@views/db-manage/common/redis-backup/Index.vue';
+  import { useShowDeleteKeys } from '@views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys';
+  import DeleteKeys from '@views/db-manage/common/redis-delete-keys/Index.vue';
+  import { useShowExtractKeys } from '@views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys';
+  import ExtractKeys from '@views/db-manage/common/redis-extract-keys/Index.vue';
+  import { useShowPurge } from '@views/db-manage/common/redis-purge/hooks/useShowPurge';
+  import RedisPurge from '@views/db-manage/common/redis-purge/Index.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
   import RenderInstances from '@views/db-manage/common/render-instances/RenderInstances.vue';
   import RenderOperationTag from '@views/db-manage/common/RenderOperationTag.vue';
-  import RedisBackup from '@views/db-manage/redis/common/cluster-oprations/Backup.vue';
   import ClusterPassword from '@views/db-manage/redis/common/cluster-oprations/ClusterPassword.vue';
-  import DeleteKeys from '@views/db-manage/redis/common/cluster-oprations/DeleteKeys.vue';
-  import ExtractKeys from '@views/db-manage/redis/common/cluster-oprations/ExtractKeys.vue';
-  import RedisPurge from '@views/db-manage/redis/common/cluster-oprations/Purge.vue';
 
   import {
     getMenuListSearch,
     getSearchSelectorParams,
-    messageWarn,
+    // messageWarn,
   } from '@utils';
 
   enum ClusterNodeKeys {
@@ -199,7 +163,16 @@
   const route = useRoute();
   const router = useRouter();
   const globalBizsStore = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.REDIS,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
+  const { state: extractState, handleShow: handleShowExtract } = useShowExtractKeys();
+  const { state: deleteKeyState, handleShow: handlShowDeleteKeys } = useShowDeleteKeys();
+  const { state: backupState, handleShow: handleShowBackup } = useShowBackup();
+  const { state: purgeState, handleShow: handleShowPurge } = useShowPurge();
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -270,7 +243,6 @@
     }
   });
 
-  const isShowDropdown = ref(false);
   const selected = shallowRef<RedisModel[]>([])
 
   /** 查看密码 */
@@ -284,30 +256,6 @@
     },
   });
 
-  /** 提取 key 功能 */
-  const extractState = reactive({
-    isShow: false,
-    data: [] as RedisModel[],
-  });
-
-  /** 删除 key 功能 */
-  const deleteKeyState = reactive({
-    isShow: false,
-    data: [] as RedisModel[],
-  });
-
-  /** 备份功能 */
-  const backupState = reactive({
-    isShow: false,
-    data: [] as RedisModel[],
-  });
-
-  /** 清档功能 */
-  const purgeState = reactive({
-    isShow: false,
-    data: [] as RedisModel[],
-  });
-
   const searchSelectData = computed(() => [
     {
       name: t('访问入口'),
@@ -389,11 +337,13 @@
   const isCN = computed(() => locale.value === 'zh-cn');
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 260 : 350;
+      return isCN.value ? 280 : 360;
     }
     return 60;
   });
 
+  // const hasDisabledRow = computed(() => selected.value.some((data) => disableSelectMethod(data)));
+
   const columns = computed(() => [
     {
       label: 'ID',
@@ -404,8 +354,7 @@
     {
       label: t('主访问入口'),
       field: 'master_domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -444,6 +393,27 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag" data={item} />)
+                }
+                {
+                  !data.isOnline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      size="small"
+                      theme="success">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.master_domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -508,29 +478,6 @@
               {data.cluster_alias || '--'}
             </p>
           </div>
-          <div class="cluster-tags">
-            {
-              data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag" data={item} />)
-            }
-            {
-              !data.isOnline && !data.isStarting && (
-                <bk-tag
-                  class="ml-4"
-                  size="small">
-                  {t('已禁用')}
-                </bk-tag>
-              )
-            }
-            {
-              data.isNew && (
-                <bk-tag
-                  size="small"
-                  theme="success">
-                  NEW
-                </bk-tag>
-              )
-            }
-          </div>
           <db-icon
             v-bk-tooltips={t('复制集群名称')}
             class="mt-4"
@@ -799,36 +746,6 @@
               onClick={() => handleGoWebconsole(data.id)}>
               Webconsole
             </auth-button>,
-            <OperationBtnStatusTips
-              v-db-console="redis.haClusterManage.backup"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_backup"
-                resource={data.id}
-                permission={data.permission.redis_backup}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowBackup([data])}>
-                { t('备份') }
-              </auth-button>
-            </OperationBtnStatusTips>,
-            <OperationBtnStatusTips
-              v-db-console="redis.haClusterManage.dbClear"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_purge"
-                resource={data.id}
-                permission={data.permission.redis_purge}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowPurge([data])}>
-                { t('清档') }
-              </auth-button>
-            </OperationBtnStatusTips>,
           ];
           if (data.bk_cloud_id > 0) {
             return [
@@ -904,10 +821,42 @@
               class="ml-8">
               {{
                 default: () => <>
+                  <bk-dropdown-item v-db-console="redis.haClusterManage.backup">
+                    <OperationBtnStatusTips
+                      data={data}
+                      disabled={!data.isOffline}>
+                      <auth-button
+                        action-id="redis_backup"
+                        resource={data.id}
+                        permission={data.permission.redis_backup}
+                        disabled={data.isOffline}
+                        text
+                        style="width: 100%;height: 32px;"
+                        onClick={() => handleShowBackup([data])}>
+                        { t('备份') }
+                      </auth-button>
+                    </OperationBtnStatusTips>
+                  </bk-dropdown-item>
+                  <bk-dropdown-item v-db-console="redis.haClusterManage.dbClear">
+                    <OperationBtnStatusTips
+                      data={data}
+                      disabled={!data.isOffline}>
+                      <auth-button
+                        action-id="redis_purge"
+                        resource={data.id}
+                        permission={data.permission.redis_purge}
+                        disabled={data.isOffline}
+                        text
+                        style="width: 100%;height: 32px;"
+                        onClick={() => handleShowPurge([data])}>
+                        { t('清档') }
+                      </auth-button>
+                    </OperationBtnStatusTips>
+                  </bk-dropdown-item>
                   <bk-dropdown-item v-db-console="redis.haClusterManage.getAccess">
                     <OperationBtnStatusTips
-                    data={data}
-                    disabled={!data.isOffline}>
+                      data={data}
+                      disabled={!data.isOffline}>
                       <auth-button
                         action-id="redis_access_entry_view"
                         resource={data.id}
@@ -931,7 +880,7 @@
                             style="width: 100%;height: 32px;"
                             disabled={data.operationDisabled}
                             text
-                            onClick={() => handleSwitchRedis(TicketTypes.REDIS_INSTANCE_CLOSE, data)}>
+                            onClick={() => handleDisableCluster([data])}>
                             { t('禁用') }
                           </auth-button>
                         </OperationBtnStatusTips>
@@ -939,7 +888,7 @@
                     )
                   }
                   {
-                    !data.isOnline && (
+                    data.isOffline && (
                       <bk-dropdown-item v-db-console="redis.haClusterManage.enable">
                         <OperationBtnStatusTips data={data}>
                           <auth-button
@@ -949,31 +898,31 @@
                             style="width: 100%;height: 32px;"
                             text
                             disabled={data.isStarting}
-                            onClick={() => handleSwitchRedis(TicketTypes.REDIS_INSTANCE_OPEN, data)}>
+                            onClick={() => handleEnableCluster([data])}>
                             { t('启用') }
                           </auth-button>
                         </OperationBtnStatusTips>
                       </bk-dropdown-item>
                     )
                   }
-                  {
-                    data.isOffline && (
-                      <bk-dropdown-item v-db-console="redis.haClusterManage.delete">
-                        <OperationBtnStatusTips data={data}>
-                          <auth-button
-                            action-id="redis_destroy"
-                            resource={data.id}
-                            permission={data.permission.redis_destroy}
-                            style="width: 100%;height: 32px;"
-                            disabled={Boolean(data.operationTicketId)}
-                            text
-                            onClick={() => handleDeleteCluster(data)}>
-                            { t('删除') }
-                          </auth-button>
-                        </OperationBtnStatusTips>
-                      </bk-dropdown-item>
-                    )
-                  }
+                  <bk-dropdown-item v-db-console="redis.haClusterManage.delete">
+                    <OperationBtnStatusTips data={data}>
+                      <auth-button
+                        v-bk-tooltips={{
+                          disabled: data.isOffline,
+                          content: t('请先禁用集群')
+                        }}
+                        action-id="redis_destroy"
+                        resource={data.id}
+                        permission={data.permission.redis_destroy}
+                        style="width: 100%;height: 32px;"
+                        disabled={data.isOnline || Boolean(data.operationTicketId)}
+                        text
+                        onClick={() => handleDeleteCluster([data])}>
+                        { t('删除') }
+                      </auth-button>
+                    </OperationBtnStatusTips>
+                  </bk-dropdown-item>
                 </>
               }}
             </MoreActionExtend>
@@ -1143,38 +1092,6 @@
     passwordState.fetchParams.cluster_id = id;
   };
 
-  const handleShowExtract = (data: RedisModel[] = []) => {
-    if (
-      data.some(item => item.operations.length > 0
-        && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY))
-    ) {
-      messageWarn(t('选中集群存在删除中的集群无法操作'));
-      return;
-    }
-    if (data.some(item => item.bk_cloud_id > 0)) {
-      messageWarn(t('暂不支持跨管控区域提取Key'));
-      return;
-    }
-    extractState.isShow = true;
-    extractState.data = _.cloneDeep(data);
-  };
-
-  const handlShowDeleteKeys = (data: RedisModel[] = []) => {
-    if (
-      data.some(item => item.operations.length > 0
-        && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY))
-    ) {
-      messageWarn(t('选中集群存在删除中的集群无法操作'));
-      return;
-    }
-    if (data.some(item => item.bk_cloud_id > 0)) {
-      messageWarn(t('暂不支持跨管控区域删除Key'));
-      return;
-    }
-    deleteKeyState.isShow = true;
-    deleteKeyState.data = _.cloneDeep(data);
-  };
-
   const handleGoWebconsole = (clusterId: number) => {
     router.push({
       name: 'RedisWebconsole',
@@ -1184,95 +1101,10 @@
     });
   }
 
-  const handleShowBackup = (data: RedisModel[] = []) => {
-    if (
-      data.some(item => item.operations.length > 0
-        && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY))
-    ) {
-      messageWarn(t('选中集群存在删除中的集群无法操作'));
-      return;
-    }
-    backupState.isShow = true;
-    backupState.data = _.cloneDeep(data);
-  };
-
-  const handleShowPurge = (data: RedisModel[] = []) => {
-    if (
-      data.some(item => item.operations.length > 0
-        && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_INSTANCE_DESTROY))
-    ) {
-      messageWarn(t('选中集群存在删除中的集群无法操作'));
-      return;
-    }
-    purgeState.isShow = true;
-    purgeState.data = _.cloneDeep(data);
-  };
-
-  /**
-   * 集群启停
-   */
-  const handleSwitchRedis = (type: TicketTypesStrings, data: RedisModel) => {
-    const isOpen = type === TicketTypes.REDIS_INSTANCE_OPEN;
-    const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
-    InfoBox({
-      type: 'warning',
-      title,
-      content: () => (
-        <div style="word-break: all;">
-          {
-            isOpen
-              ? <p>{t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-              : <p>{t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name })}</p>
-          }
-        </div>
-      ),
-      onConfirm: async () => {
-        const params = {
-          bk_biz_id: globalBizsStore.currentBizId,
-          ticket_type: type,
-          details: {
-            cluster_ids: [data.id],
-          },
-        };
-        await createTicket(params).then((res) => {
-          ticketMessage(res.id);
-        });
-      },
-    });
-  };
-
-  /**
-   * 删除集群
-   */
-  const handleDeleteCluster = (data: RedisModel) => {
-    const { cluster_name: name } = data;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-      onConfirm: async () => {
-        const params = {
-          bk_biz_id: globalBizsStore.currentBizId,
-          ticket_type: TicketTypes.REDIS_DESTROY,
-          details: {
-            cluster_id: data.id,
-          },
-        };
-        await createTicket(params).then((res) => {
-          ticketMessage(res.id);
-        });
-      },
-    });
-  };
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 
   onMounted(() => {
     if (!clusterId.value && route.query.id) {
@@ -1299,18 +1131,6 @@
         min-width: 320px;
         margin-left: auto;
       }
-
-      .cluster-dropdown {
-        .cluster-dropdown-icon {
-          color: @gray-color;
-          transform: rotate(0);
-          transition: all 0.2s;
-        }
-
-        .cluster-dropdown-icon-active {
-          transform: rotate(-90deg);
-        }
-      }
     }
 
     .table-wrapper-out {
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/Index.vue
index d06edc4189..c18be84ec9 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/list/components/list/Index.vue
@@ -23,87 +23,12 @@
           @click="handleApply">
           {{ t('申请实例') }}
         </AuthButton>
-        <BkDropdown
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择操作集群'),
-          }"
+        <ClusterBatchOperation
           v-db-console="'redis.clusterManage.batchOperation'"
-          class="cluster-dropdown mb-16"
-          :disabled="!hasSelected"
-          @click.stop
-          @hide="() => (isShowDropdown = false)"
-          @show="() => (isShowDropdown = true)">
-          <BkButton
-            class="ml-8"
-            :disabled="!hasSelected">
-            <span class="pr-4">{{ t('批量操作') }}</span>
-            <DbIcon
-              class="cluster-dropdown-icon"
-              :class="[{ 'cluster-dropdown-icon-active': isShowDropdown }]"
-              type="down-big " />
-          </BkButton>
-          <template #content>
-            <BkDropdownMenu>
-              <BkDropdownItem
-                v-db-console="'redis.clusterManage.extractKey'"
-                @click="handleShowExtract(selected)">
-                <BkButton
-                  v-bk-tooltips="{
-                    disabled: !hasDisabledRow,
-                    content: t('禁用的集群不支持提取 Key'),
-                    placement: 'right',
-                  }"
-                  :disabled="hasDisabledRow"
-                  text>
-                  {{ t('提取Key') }}
-                </BkButton>
-              </BkDropdownItem>
-              <BkDropdownItem
-                v-db-console="'redis.clusterManage.deleteKey'"
-                @click="handlShowDeleteKeys(selected)">
-                <BkButton
-                  v-bk-tooltips="{
-                    disabled: !hasDisabledRow,
-                    content: t('禁用的集群不支持删除 Key'),
-                    placement: 'right',
-                  }"
-                  :disabled="hasDisabledRow"
-                  text>
-                  {{ t('删除Key') }}
-                </BkButton>
-              </BkDropdownItem>
-              <BkDropdownItem
-                v-db-console="'redis.clusterManage.backup'"
-                @click="handleShowBackup(selected)">
-                <BkButton
-                  v-bk-tooltips="{
-                    disabled: !hasDisabledRow,
-                    content: t('禁用的集群不支持备份'),
-                    placement: 'right',
-                  }"
-                  :disabled="hasDisabledRow"
-                  text>
-                  {{ t('备份') }}
-                </BkButton>
-              </BkDropdownItem>
-              <BkDropdownItem
-                v-db-console="'redis.clusterManage.dbClear'"
-                @click="handleShowPurge(selected)">
-                <BkButton
-                  v-bk-tooltips="{
-                    disabled: !hasDisabledRow,
-                    content: t('禁用的集群不支持清档'),
-                    placement: 'right',
-                  }"
-                  :disabled="hasDisabledRow"
-                  text>
-                  {{ t('清档') }}
-                </BkButton>
-              </BkDropdownItem>
-            </BkDropdownMenu>
-          </template>
-        </BkDropdown>
+          class="ml-8"
+          :cluster-type="ClusterTypes.REDIS"
+          :selected="selected"
+          @success="handleBatchOperationSuccess" />
         <DropdownExportExcel
           v-db-console="'redis.clusterManage.export'"
           :ids="selectedIds"
@@ -167,7 +92,6 @@
 <script setup lang="tsx">
     import { InfoBox, Message } from 'bkui-vue';
     import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
-    import _ from 'lodash';
     import { useI18n } from 'vue-i18n';
     import {
       useRoute,
@@ -197,7 +121,6 @@
       ClusterTypes,
       DBTypes,
       TicketTypes,
-      type TicketTypesStrings,
       UserPersonalSettings,
     } from '@common/const';
 
@@ -207,25 +130,31 @@
     import MoreActionExtend from '@components/more-action-extend/Index.vue';
     import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
+    import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
     import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
     import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
     import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
     import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+    import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
     import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
+    import { useShowBackup } from '@views/db-manage/common/redis-backup/hooks/useShowBackup';
+    import RedisBackup from '@views/db-manage/common/redis-backup/Index.vue';
+    import { useShowDeleteKeys } from '@views/db-manage/common/redis-delete-keys/hooks/useShowDeleteKeys';
+    import DeleteKeys from '@views/db-manage/common/redis-delete-keys/Index.vue';
+    import { useShowExtractKeys } from '@views/db-manage/common/redis-extract-keys/hooks/useShowExtractKeys';
+    import ExtractKeys from '@views/db-manage/common/redis-extract-keys/Index.vue';
+    import { useShowPurge } from '@views/db-manage/common/redis-purge/hooks/useShowPurge';
+    import RedisPurge from '@views/db-manage/common/redis-purge/Index.vue';
     import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
     import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
     import RenderInstances from '@views/db-manage/common/render-instances/RenderInstances.vue';
     import RenderOperationTag from '@views/db-manage/common/RenderOperationTagNew.vue';
-    import RedisBackup from '@views/db-manage/redis/common/cluster-oprations/Backup.vue';
     import ClusterPassword from '@views/db-manage/redis/common/cluster-oprations/ClusterPassword.vue';
-    import DeleteKeys from '@views/db-manage/redis/common/cluster-oprations/DeleteKeys.vue';
-    import ExtractKeys from '@views/db-manage/redis/common/cluster-oprations/ExtractKeys.vue';
-    import RedisPurge from '@views/db-manage/redis/common/cluster-oprations/Purge.vue';
 
     import {
       getMenuListSearch,
       getSearchSelectorParams,
-      messageWarn,
+      // messageWarn,
     } from '@utils';
 
     import EntryPanel from './components/EntryPanel.vue';
@@ -248,6 +177,17 @@
     const router = useRouter();
     const globalBizsStore = useGlobalBizs();
     const ticketMessage = useTicketMessage();
+
+    const { state: extractState, handleShow: handleShowExtract } = useShowExtractKeys();
+    const { state: deleteKeyState, handleShow: handlShowDeleteKeys } = useShowDeleteKeys();
+    const { state: backupState, handleShow: handleShowBackup } = useShowBackup();
+    const { state: purgeState, handleShow: handleShowPurge } = useShowPurge();
+    const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+      ClusterTypes.REDIS,
+      {
+        onSuccess: () => fetchData(),
+      },
+    );
     const {
       isOpen: isStretchLayoutOpen,
       splitScreen: stretchLayoutSplitScreen,
@@ -321,138 +261,113 @@
       }
     });
 
-    const disabledOperations: string[] = [TicketTypes.REDIS_DESTROY, TicketTypes.REDIS_PROXY_CLOSE];
+    // const disabledOperations: string[] = [TicketTypes.REDIS_DESTROY, TicketTypes.REDIS_PROXY_CLOSE];
 
   const tableRef = ref<InstanceType<typeof DbTable>>();
-  const isShowDropdown = ref(false);
   const selected = ref<RedisModel[]>([]);
 
-    /** 查看密码 */
-    const passwordState = reactive({
-      isShow: false,
-      fetchParams: {
-        cluster_id: -1,
-        bk_biz_id: globalBizsStore.currentBizId,
-        db_type: DBTypes.REDIS,
-        type: DBTypes.REDIS,
-      },
-    });
-
-    /** 提取 key 功能 */
-    const extractState = reactive({
-      isShow: false,
-      data: [] as RedisModel[],
-    });
-
-    /** 删除 key 功能 */
-    const deleteKeyState = reactive({
-      isShow: false,
-      data: [] as RedisModel[],
-    });
-
-    /** 备份功能 */
-    const backupState = reactive({
-      isShow: false,
-      data: [] as RedisModel[],
-    });
-
-    /** 清档功能 */
-    const purgeState = reactive({
-      isShow: false,
-      data: [] as RedisModel[],
-    });
+  /** 查看密码 */
+  const passwordState = reactive({
+    isShow: false,
+    fetchParams: {
+      cluster_id: -1,
+      bk_biz_id: globalBizsStore.currentBizId,
+      db_type: DBTypes.REDIS,
+      type: DBTypes.REDIS,
+    },
+  });
 
-    const searchSelectData = computed(() => [
-      {
-        name: t('访问入口'),
-        id: 'domain',
-        multiple: true,
-      },
-      {
-        name: t('IP 或 IP:Port'),
-        id: 'instance',
-        multiple: true,
-      },
-      {
-        name: 'ID',
-        id: 'id',
-      },
-      {
-        name: t('集群名称'),
-        id: 'name',
-      },
-      {
-        name: t('管控区域'),
-        id: 'bk_cloud_id',
-        multiple: true,
-        children: searchAttrs.value.bk_cloud_id,
-      },
-      {
-        name: t('状态'),
-        id: 'status',
-        multiple: true,
-        children: [
-          {
-            id: 'normal',
-            name: t('正常'),
-          },
-          {
-            id: 'abnormal',
-            name: t('异常'),
-          },
-        ],
-      },
-      {
-        name: t('架构版本'),
-        id: 'cluster_type',
-        multiple: true,
-        children: searchAttrs.value.cluster_type,
-      },
-      {
-        name: t('版本'),
-        id: 'major_version',
-        multiple: true,
-        children: searchAttrs.value.major_version,
-      },
-      {
-        name: t('地域'),
-        id: 'region',
-        multiple: true,
-        children: searchAttrs.value.region,
-      },
-      {
-        name: t('创建人'),
-        id: 'creator',
-      },
-      {
-        name: t('时区'),
-        id: 'time_zone',
-        multiple: true,
-        children: searchAttrs.value.time_zone,
-      },
-    ]);
+  const searchSelectData = computed(() => [
+    {
+      name: t('访问入口'),
+      id: 'domain',
+      multiple: true,
+    },
+    {
+      name: t('IP 或 IP:Port'),
+      id: 'instance',
+      multiple: true,
+    },
+    {
+      name: 'ID',
+      id: 'id',
+    },
+    {
+      name: t('集群名称'),
+      id: 'name',
+    },
+    {
+      name: t('管控区域'),
+      id: 'bk_cloud_id',
+      multiple: true,
+      children: searchAttrs.value.bk_cloud_id,
+    },
+    {
+      name: t('状态'),
+      id: 'status',
+      multiple: true,
+      children: [
+        {
+          id: 'normal',
+          name: t('正常'),
+        },
+        {
+          id: 'abnormal',
+          name: t('异常'),
+        },
+      ],
+    },
+    {
+      name: t('架构版本'),
+      id: 'cluster_type',
+      multiple: true,
+      children: searchAttrs.value.cluster_type,
+    },
+    {
+      name: t('版本'),
+      id: 'major_version',
+      multiple: true,
+      children: searchAttrs.value.major_version,
+    },
+    {
+      name: t('地域'),
+      id: 'region',
+      multiple: true,
+      children: searchAttrs.value.region,
+    },
+    {
+      name: t('创建人'),
+      id: 'creator',
+    },
+    {
+      name: t('时区'),
+      id: 'time_zone',
+      multiple: true,
+      children: searchAttrs.value.time_zone,
+    },
+  ]);
 
-    const paginationExtra = computed(() => {
-      if (isStretchLayoutOpen.value) {
-        return { small: false };
-      }
+  const paginationExtra = computed(() => {
+    if (isStretchLayoutOpen.value) {
+      return { small: false };
+    }
 
-      return {
-        small: true,
-        align: 'left',
-        layout: ['total', 'limit', 'list'],
-      };
-    });
-    const hasSelected = computed(() => selected.value.length > 0);
-    const selectedIds = computed(() => selected.value.map(item => item.id));
-    const isCN = computed(() => locale.value === 'zh-cn');
-    const tableOperationWidth = computed(() => {
-      if (!isStretchLayoutOpen.value) {
-        return isCN.value ? 350 : 420;
-      }
-      return 60;
-    });
-    const hasDisabledRow = computed(() => selected.value.some((data) => disableSelectMethod(data)));
+    return {
+      small: true,
+      align: 'left',
+      layout: ['total', 'limit', 'list'],
+    };
+  });
+  const hasSelected = computed(() => selected.value.length > 0);
+  const selectedIds = computed(() => selected.value.map(item => item.id));
+  const isCN = computed(() => locale.value === 'zh-cn');
+  const tableOperationWidth = computed(() => {
+    if (!isStretchLayoutOpen.value) {
+      return isCN.value ? 280 : 360;
+    }
+    return 60;
+  });
+  // const hasDisabledRow = computed(() => selected.value.some((data) => disableSelectMethod(data)));
 
   const columns = computed(() => [
     {
@@ -464,8 +379,7 @@
     {
       label: t('访问入口'),
       field: 'master_domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -523,6 +437,27 @@
                       extCls='redis-manage-polary-minitag' />
                   </EntryPanel>
                 )}
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag" data={item} />)
+                }
+                {
+                  !data.isOnline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      size="small"
+                      theme="success">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.master_domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -587,29 +522,6 @@
               {data.cluster_alias || '--'}
             </p>
           </div>
-          <div class="cluster-tags">
-            {
-              data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag" data={item} />)
-            }
-            {
-              !data.isOnline && !data.isStarting && (
-                <bk-tag
-                  class="ml-4"
-                  size="small">
-                  {t('已禁用')}
-                </bk-tag>
-              )
-            }
-            {
-              data.isNew && (
-                <bk-tag
-                  size="small"
-                  theme="success">
-                  NEW
-                </bk-tag>
-              )
-            }
-          </div>
           <db-icon
             v-bk-tooltips={t('复制集群名称')}
             class="mt-4"
@@ -859,37 +771,7 @@
               class="mr-8"
               onClick={() => handleGoWebconsole(data.id)}>
               Webconsole
-            </auth-button>,
-            <OperationBtnStatusTips
-              v-db-console="redis.clusterManage.backup"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_backup"
-                resource={data.id}
-                permission={data.permission.redis_backup}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowBackup([data])}>
-                { t('备份') }
-              </auth-button>
-            </OperationBtnStatusTips>,
-            <OperationBtnStatusTips
-              v-db-console="redis.clusterManage.dbClear"
-              data={data}
-              disabled={!data.isOffline}>
-              <auth-button
-                action-id="redis_purge"
-                resource={data.id}
-                permission={data.permission.redis_purge}
-                disabled={data.isOffline}
-                text
-                theme={theme}
-                onClick={() => handleShowPurge([data])}>
-                { t('清档') }
-              </auth-button>
-            </OperationBtnStatusTips>,
+            </auth-button>
           ];
           if (data.bk_cloud_id > 0) {
             return [
@@ -965,6 +847,38 @@
                 class="ml-8">
                 {{
                   default: () => <>
+                    <bk-dropdown-item v-db-console="redis.clusterManage.backup">
+                      <OperationBtnStatusTips
+                        data={data}
+                        disabled={!data.isOffline}>
+                        <auth-button
+                          action-id="redis_backup"
+                          resource={data.id}
+                          permission={data.permission.redis_backup}
+                          disabled={data.isOffline}
+                          text
+                          style="width: 100%;height: 32px;"
+                          onClick={() => handleShowBackup([data])}>
+                          { t('备份') }
+                        </auth-button>
+                      </OperationBtnStatusTips>
+                    </bk-dropdown-item>
+                    <bk-dropdown-item v-db-console="redis.clusterManage.dbClear">
+                      <OperationBtnStatusTips
+                        data={data}
+                        disabled={!data.isOffline}>
+                        <auth-button
+                          action-id="redis_purge"
+                          resource={data.id}
+                          permission={data.permission.redis_purge}
+                          disabled={data.isOffline}
+                          text
+                          style="width: 100%;height: 32px;"
+                          onClick={() => handleShowPurge([data])}>
+                          { t('清档') }
+                        </auth-button>
+                      </OperationBtnStatusTips>
+                    </bk-dropdown-item>
                     <bk-dropdown-item v-db-console="redis.clusterManage.getAccess">
                       <OperationBtnStatusTips
                         data={data}
@@ -1042,7 +956,7 @@
                               style="width: 100%;height: 32px;"
                               disabled={data.operationDisabled}
                               text
-                              onClick={() => handleSwitchRedis(TicketTypes.REDIS_PROXY_CLOSE, data)}>
+                              onClick={() => handleDisableCluster([data])}>
                               { t('禁用') }
                             </auth-button>
                           </OperationBtnStatusTips>
@@ -1050,7 +964,7 @@
                       )
                     }
                     {
-                      !data.isOnline && (
+                      data.isOffline && (
                         <bk-dropdown-item v-db-console="redis.clusterManage.enable">
                           <OperationBtnStatusTips data={data}>
                             <auth-button
@@ -1060,31 +974,31 @@
                               style="width: 100%;height: 32px;"
                               text
                               disabled={data.isStarting}
-                              onClick={() => handleSwitchRedis(TicketTypes.REDIS_PROXY_OPEN, data)}>
+                              onClick={() => handleEnableCluster([data])}>
                               { t('启用') }
                             </auth-button>
                           </OperationBtnStatusTips>
                         </bk-dropdown-item>
                       )
                     }
-                    {
-                      data.isOffline && (
-                        <bk-dropdown-item v-db-console="redis.clusterManage.delete">
-                          <OperationBtnStatusTips data={data}>
-                            <auth-button
-                              action-id="redis_destroy"
-                              resource={data.id}
-                              permission={data.permission.redis_destroy}
-                              style="width: 100%;height: 32px;"
-                              disabled={Boolean(data.operationTicketId)}
-                              text
-                              onClick={() => handleDeleteCluster(data)}>
-                              { t('删除') }
-                            </auth-button>
-                          </OperationBtnStatusTips>
-                        </bk-dropdown-item>
-                      )
-                    }
+                    <bk-dropdown-item v-db-console="redis.clusterManage.delete">
+                      <OperationBtnStatusTips data={data}>
+                        <auth-button
+                          v-bk-tooltips={{
+                            disabled: data.isOffline,
+                            content: t('请先禁用集群')
+                          }}
+                          action-id="redis_destroy"
+                          resource={data.id}
+                          permission={data.permission.redis_destroy}
+                          style="width: 100%;height: 32px;"
+                          disabled={data.isOnline || Boolean(data.operationTicketId)}
+                          text
+                          onClick={() => handleDeleteCluster([data])}>
+                          { t('删除') }
+                        </auth-button>
+                      </OperationBtnStatusTips>
+                    </bk-dropdown-item>
                   </>
                 }}
               </MoreActionExtend>
@@ -1160,18 +1074,18 @@
       return classList.filter(cls => cls).join(' ');
     };
 
-    const disableSelectMethod = (data: RedisModel) => {
-      if (!data.isOnline) {
-        return true;
-      }
+    // const disableSelectMethod = (data: RedisModel) => {
+    //   if (!data.isOnline) {
+    //     return true;
+    //   }
 
-      if (data.operations?.length > 0) {
-        const operationData = data.operations[0];
-        return disabledOperations.includes(operationData.ticket_type);
-      }
+    //   if (data.operations?.length > 0) {
+    //     const operationData = data.operations[0];
+    //     return disabledOperations.includes(operationData.ticket_type);
+    //   }
 
-      return false;
-    };
+    //   return false;
+    // };
 
     const fetchData = (loading?:boolean) => {
       const params = {
@@ -1262,38 +1176,6 @@
       passwordState.fetchParams.cluster_id = id;
     };
 
-    const handleShowExtract = (data: RedisModel[] = []) => {
-      if (
-        data.some(item => item.operations.length > 0
-          && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_DESTROY))
-      ) {
-        messageWarn(t('选中集群存在删除中的集群无法操作'));
-        return;
-      }
-      if (data.some(item => item.bk_cloud_id > 0)) {
-        messageWarn(t('暂不支持跨管控区域提取Key'));
-        return;
-      }
-      extractState.isShow = true;
-      extractState.data = _.cloneDeep(data);
-    };
-
-    const handlShowDeleteKeys = (data: RedisModel[] = []) => {
-      if (
-        data.some(item => item.operations.length > 0
-          && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_DESTROY))
-      ) {
-        messageWarn(t('选中集群存在删除中的集群无法操作'));
-        return;
-      }
-      if (data.some(item => item.bk_cloud_id > 0)) {
-        messageWarn(t('暂不支持跨管控区域删除Key'));
-        return;
-      }
-      deleteKeyState.isShow = true;
-      deleteKeyState.data = _.cloneDeep(data);
-    };
-
     const handleGoWebconsole = (clusterId: number) => {
       router.push({
         name: 'RedisWebconsole',
@@ -1303,66 +1185,6 @@
       });
     }
 
-    const handleShowBackup = (data: RedisModel[] = []) => {
-      if (
-        data.some(item => item.operations.length > 0
-          && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_DESTROY))
-      ) {
-        messageWarn(t('选中集群存在删除中的集群无法操作'));
-        return;
-      }
-      backupState.isShow = true;
-      backupState.data = _.cloneDeep(data);
-    };
-
-    const handleShowPurge = (data: RedisModel[] = []) => {
-      if (
-        data.some(item => item.operations.length > 0
-          && item.operations.map(op => op.ticket_type).includes(TicketTypes.REDIS_DESTROY))
-      ) {
-        messageWarn(t('选中集群存在删除中的集群无法操作'));
-        return;
-      }
-      purgeState.isShow = true;
-      purgeState.data = _.cloneDeep(data);
-    };
-
-    /**
-     * 集群启停
-     */
-    const handleSwitchRedis = (type: TicketTypesStrings, data: RedisModel) => {
-      if (!type) return;
-
-      const isOpen = type === TicketTypes.REDIS_PROXY_OPEN;
-      const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
-      InfoBox({
-        type: 'warning',
-        title,
-        content: () => (
-          <div style="word-break: all;">
-            {
-              isOpen
-                ? <p>{t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-                : <p>{t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name })}</p>
-            }
-          </div>
-        ),
-        onConfirm: async () => {
-          const params = {
-            bk_biz_id: globalBizsStore.currentBizId,
-            ticket_type: type,
-            details: {
-              cluster_id: data.id,
-            },
-          };
-          await createTicket(params).then((res) => {
-            ticketMessage(res.id);
-            fetchData();
-          });
-        },
-      });
-    };
-
     /**
      * 集群 CLB 启用/禁用
      */
@@ -1446,39 +1268,10 @@
       });
     };
 
-    /**
-     * 删除集群
-     */
-    const handleDeleteCluster = (data: RedisModel) => {
-      const { cluster_name: name } = data;
-      InfoBox({
-        type: 'warning',
-        title: t('确定删除该集群'),
-        confirmText: t('删除'),
-        confirmButtonTheme: 'danger',
-        content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-        onConfirm: async () => {
-          const params = {
-            bk_biz_id: globalBizsStore.currentBizId,
-            ticket_type: TicketTypes.REDIS_DESTROY,
-            details: {
-              cluster_id: data.id,
-            },
-          };
-          await createTicket(params).then((res) => {
-            ticketMessage(res.id);
-            fetchData();
-          });
-        },
-      });
-    };
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 
     onMounted(() => {
       if (!clusterId.value && route.query.id) {
@@ -1505,20 +1298,6 @@
         min-width: 320px;
         margin-left: auto;
       }
-
-      .cluster-dropdown {
-        margin-right: auto;
-
-        .cluster-dropdown-icon {
-          color: @gray-color;
-          transform: rotate(0);
-          transition: all 0.2s;
-        }
-
-        .cluster-dropdown-icon-active {
-          transform: rotate(-90deg);
-        }
-      }
     }
 
     .table-wrapper-out {
diff --git a/dbm-ui/frontend/src/views/db-manage/riak/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/riak/list/components/list/Index.vue
index 53051a4a7c..81861532b5 100644
--- a/dbm-ui/frontend/src/views/db-manage/riak/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/riak/list/components/list/Index.vue
@@ -75,7 +75,7 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import dayjs from 'dayjs';
   import { useI18n } from 'vue-i18n';
@@ -86,7 +86,6 @@
     getRiakInstanceList,
     getRiakList,
   } from '@services/source/riak';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -94,12 +93,11 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
 
-  import { ClusterTypes, TicketTypes, UserPersonalSettings } from '@common/const';
+  import { ClusterTypes, UserPersonalSettings } from '@common/const';
 
   import RenderClusterStatus from '@components/cluster-status/Index.vue';
   import DbTable from '@components/db-table/index.vue';
@@ -109,6 +107,7 @@
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
   import RenderNodeInstance from '@views/db-manage/common/RenderNodeInstance.vue';
@@ -142,7 +141,12 @@
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
   } = useStretchLayout();
-  const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.RIAK,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
   const {
     columnAttrs,
     searchAttrs,
@@ -426,81 +430,94 @@
       label: t('操作'),
       width: 300,
       fixed: 'right',
-      render: ({ data }: { data: RiakModel }) => (
-        data.isOnline
-          ? <>
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="riak_cluster_scale_in"
-                  permission={data.permission.riak_cluster_scale_in}
-                  resource={data.id}
-                  text
-                  theme="primary"
-                  disabled={data.isOffline}
-                  onClick={() => handleAddNodes(data)}
-                >
-                  { t('添加节点') }
-                </auth-button>
-              </OperationBtnStatusTips>
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="riak_cluster_scale_out"
-                  permission={data.permission.riak_cluster_scale_out}
-                  resource={data.id}
-                  text
-                  class="ml-16"
-                  theme="primary"
-                  disabled={data.isOffline}
-                  onClick={() => handleDeleteNodes(data)}
-                >
-                  { t('删除节点') }
-                </auth-button>
-              </OperationBtnStatusTips>
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="riak_enable_disable"
-                  permissionn={data.permission.riak_enable_disable}
-                  resource={data.id}
-                  text
-                  class="ml-16"
-                  theme="primary"
-                  disabled={data.operationDisabled}
-                  onClick={() => handlDisabled(data)}
-                >
-                  { t('禁用') }
-                </auth-button>
-              </OperationBtnStatusTips>
-            </>
-          : <>
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="riak_enable_disable"
-                  permissionn={data.permission.riak_enable_disable}
-                  resource={data.id}
-                  text
-                  theme="primary"
-                  disabled={data.isStarting}
-                  onClick={() => handleEnabled(data)}
-                >
-                  { t('启用') }
-                </auth-button>
-              </OperationBtnStatusTips>
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="riak_cluster_destroy"
-                  permission={data.permission.riak_cluster_destroy}
-                  resource={data.id}
-                  text
-                  class="ml-16"
-                  theme="primary"
-                  disabled={Boolean(data.operationTicketId)}
-                  onClick={() => handleDelete(data)}
-                >
-                  { t('删除') }
-                </auth-button>
-              </OperationBtnStatusTips>
-            </>
-      ),
+      render: ({ data }: { data: RiakModel }) => {
+        const oprations = []
+
+        if (data.isOnline) {
+          oprations.push([
+            <OperationBtnStatusTips data={data}>
+              <auth-button
+                action-id="riak_cluster_scale_in"
+                permission={data.permission.riak_cluster_scale_in}
+                resource={data.id}
+                text
+                theme="primary"
+                disabled={data.isOffline}
+                onClick={() => handleAddNodes(data)}
+              >
+                { t('添加节点') }
+              </auth-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips data={data}>
+              <auth-button
+                action-id="riak_cluster_scale_out"
+                permission={data.permission.riak_cluster_scale_out}
+                resource={data.id}
+                text
+                class="ml-16"
+                theme="primary"
+                disabled={data.isOffline}
+                onClick={() => handleDeleteNodes(data)}
+              >
+                { t('删除节点') }
+              </auth-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips data={data}>
+              <auth-button
+                action-id="riak_enable_disable"
+                permissionn={data.permission.riak_enable_disable}
+                resource={data.id}
+                text
+                class="ml-16"
+                theme="primary"
+                disabled={data.operationDisabled}
+                onClick={() => handleDisableCluster([data])}
+              >
+                { t('禁用') }
+              </auth-button>
+            </OperationBtnStatusTips>
+          ])
+        } else {
+          oprations.push(
+            <OperationBtnStatusTips data={data}>
+              <auth-button
+                action-id="riak_enable_disable"
+                permissionn={data.permission.riak_enable_disable}
+                resource={data.id}
+                text
+                theme="primary"
+                disabled={data.isStarting}
+                onClick={() => handleEnableCluster([data])}
+              >
+                { t('启用') }
+              </auth-button>
+            </OperationBtnStatusTips>
+          )
+        }
+
+        oprations.push(
+          <OperationBtnStatusTips data={data}>
+            <auth-button
+              v-bk-tooltips={{
+                disabled: data.isOffline,
+                content: t('请先禁用集群')
+              }}
+              action-id="riak_cluster_destroy"
+              permission={data.permission.riak_cluster_destroy}
+              resource={data.id}
+              text
+              class="ml-16"
+              theme="primary"
+              disabled={data.isOnline || Boolean(data.operationTicketId)}
+              onClick={() => handleDeleteCluster([data])}
+            >
+              { t('删除') }
+            </auth-button>
+          </OperationBtnStatusTips>
+        )
+
+        return oprations
+      }
     },
   ]);
 
@@ -605,102 +622,6 @@
     deleteNodeShow.value = true;
   };
 
-  const handlDisabled = (data: RiakModel) => {
-    InfoBox({
-      title: t('确定禁用该集群', { name: data.cluster_name }),
-      subTitle: (
-        <>
-          <p>{ t('集群') }：<span class='info-box-cluster-name'>{ data.cluster_name }</span></p>
-          <p>{ t('被禁用后将无法访问，如需恢复访问，可以再次「启用」') }</p>
-        </>
-      ),
-      infoType: 'warning',
-      confirmText: t('禁用'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.RIAK_CLUSTER_DISABLE,
-          details: {
-            cluster_id: data.id,
-          },
-        })
-          .then((createTicketResult) => {
-            fetchData();
-            ticketMessage(createTicketResult.id);
-          });
-      },
-    });
-  };
-
-  const handleEnabled = (data: RiakModel) => {
-    InfoBox({
-      title: t('确定启用该集群'),
-      subTitle: (
-        <>
-          <p>{ t('集群') }：<span class='info-box-cluster-name'>{ data.cluster_name }</span></p>
-          <p>{ t('启用后将恢复访问') }</p>
-        </>
-      ),
-      infoType: 'warning',
-      confirmText: t('启用'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'center',
-      footerAlign: 'center',
-      onConfirm: () => {
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.RIAK_CLUSTER_ENABLE,
-          details: {
-            cluster_id: data.id,
-          },
-        })
-          .then((createTicketResult) => {
-            fetchData();
-            ticketMessage(createTicketResult.id);
-          });
-      },
-    });
-  };
-
-  const handleDelete = (data: RiakModel) => {
-    InfoBox({
-      title: t('确定删除该集群'),
-      subTitle: (
-        <>
-          <p>{ t('集群') } ：<span class='info-box-cluster-name'>{ data.cluster_name }</span> , { t('被删除后将进行以下操作') }</p>
-          <p>1. { t('删除xx集群', [data.cluster_name]) }</p>
-          <p>2. { t('删除xx实例数据，停止相关进程', [data.cluster_name]) }</p>
-          <p>3. { t('回收主机') }</p>
-        </>
-      ),
-      infoType: 'warning',
-      theme: 'danger',
-      confirmText: t('删除'),
-      cancelText: t('取消'),
-      headerAlign: 'center',
-      contentAlign: 'left',
-      footerAlign: 'center',
-      onConfirm: () => {
-        createTicket({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.RIAK_CLUSTER_DESTROY,
-          details: {
-            cluster_id: data.id,
-          },
-        })
-          .then((createTicketResult) => {
-            fetchData();
-            ticketMessage(createTicketResult.id);
-          });
-      },
-    });
-  };
-
   const fetchData = (otherParamas: {
     status?: string
   } = {}) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
index 726900e4fc..1aadc97754 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
@@ -7,19 +7,12 @@
           @click="handleApply">
           {{ t('申请实例') }}
         </BkButton>
-        <span
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择集群'),
-          }"
-          class="inline-block">
-          <BkButton
-            class="ml-8"
-            :disabled="!hasSelected"
-            @click="handleShowAuthorize(selected)">
-            {{ t('批量授权') }}
-          </BkButton>
-        </span>
+        <ClusterBatchOperation
+          v-db-console="'sqlserver.haClusterList.batchOperation'"
+          class="ml-8"
+          :cluster-type="ClusterTypes.SQLSERVER_HA"
+          :selected="selected"
+          @success="handleBatchOperationSuccess" />
         <BkButton
           class="ml-8"
           @click="handleShowExcelAuthorize">
@@ -79,10 +72,9 @@
     :data="currentData"></ClusterReset>
 </template>
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
-  import { useRequest } from 'vue-request';
   import {
     useRoute,
     useRouter,
@@ -93,7 +85,6 @@
     getHaClusterList,
     getSqlServerInstanceList,
   } from '@services/source/sqlserveHaCluster';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -101,7 +92,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -111,7 +101,6 @@
     ClusterTypes,
     DBTypes,
     TicketTypes,
-    type TicketTypesStrings,
     UserPersonalSettings,
   } from '@common/const';
 
@@ -120,11 +109,13 @@
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import EditEntryConfig, { type ClusterEntryInfo } from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -135,7 +126,7 @@
   import {
     getMenuListSearch,
     getSearchSelectorParams,
-    isRecentDays
+    // isRecentDays
   } from '@utils';
 
   const haClusterData = defineModel<{
@@ -145,13 +136,19 @@
   const router = useRouter();
   const route = useRoute();
   const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
 
   const {
     t,
     locale,
   } = useI18n();
 
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.SQLSERVER,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
+
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -204,7 +201,6 @@
 
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map(item => item.id));
-
   const isCN = computed(() => locale.value === 'zh-cn');
 
   const searchSelectData = computed(() => [
@@ -281,18 +277,11 @@
 
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 150 : 200;
+      return isCN.value ? 180 : 200;
     }
     return 100;
   });
 
-  const { run: createTicketRun } = useRequest(createTicket, {
-    manual: true,
-    onSuccess(res) {
-      ticketMessage(res.id);
-    },
-  });
-
   const entrySort = (data: ClusterEntryInfo[]) => data.sort(a => a.role === 'master_entry' ? -1 : 1);
 
   const columns = computed(() => [
@@ -306,8 +295,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       showOverflowTooltip: false,
       renderHead: () => (
         <RenderHeadCopy
@@ -353,6 +341,15 @@
                       data={item} />
                   ))
                 }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -367,9 +364,12 @@
                 }/>
                 {
                   data.isNew && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW"/>
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 <span v-db-console="sqlserver.haClusterList.modifyEntryConfiguration">
@@ -421,25 +421,6 @@
             default: () => data.cluster_name,
             append: () => (
               <>
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                  )
-                }
-                {
-                  isRecentDays(data.create_at, 24 * 3) && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
-                  )
-                }
                 <db-icon
                   v-bk-tooltips={t('复制集群名称')}
                   type="copy"
@@ -693,66 +674,73 @@
       field: '',
       width: tableOperationWidth.value,
       fixed: isStretchLayoutOpen.value ? false : 'right',
-      render: ({ data }: { data: SqlServerHaModel }) => (
-        <>
-          {
-            data.isOnline ? (
-              <>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    onClick={ () => handleShowAuthorize([data]) }>
-                    { t('授权') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    class="ml-16"
-                    disabled={data.operationDisabled}
-                    onClick={() => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, data)}>
-                    { t('禁用') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-              </>
-            ) : (
-              <>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    disabled={data.isStarting}
-                    onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_ENABLE, data) }>
-                    { t('启用') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    class="ml-16"
-                    disabled={Boolean(data.operationTicketId)}
-                    onClick={() => handleResetCluster(data)}>
-                    { t('重置') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    class="ml-16"
-                    disabled={Boolean(data.operationTicketId)}
-                    onClick={() => handleDeleteCluster(data)}>
-                    { t('删除') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-              </>
-            )
-          }
-       </>
-      ),
+      render: ({ data }: { data: SqlServerHaModel }) => {
+        const oprations = []
+
+        if (data.isOnline) {
+          oprations.push([
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                onClick={ () => handleShowAuthorize([data]) }>
+                { t('授权') }
+              </bk-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                class="ml-16"
+                disabled={data.operationDisabled}
+                onClick={() => handleDisableCluster([data])}>
+                { t('禁用') }
+              </bk-button>
+            </OperationBtnStatusTips>
+          ])
+        } else {
+          oprations.push([
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                disabled={data.isStarting}
+                onClick={ () => handleEnableCluster([data]) }>
+                { t('启用') }
+              </bk-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                class="ml-16"
+                disabled={Boolean(data.operationTicketId)}
+                onClick={() => handleResetCluster(data)}>
+                { t('重置') }
+              </bk-button>
+            </OperationBtnStatusTips>
+          ])
+        }
+
+        oprations.push(
+          <OperationBtnStatusTips data={ data }>
+            <bk-button
+              v-bk-tooltips={{
+                disabled: data.isOffline,
+                content: t('请先禁用集群')
+              }}
+              text
+              theme="primary"
+              class="ml-16"
+              disabled={data.isOnline || Boolean(data.operationTicketId)}
+              onClick={() => handleDeleteCluster(TicketTypes.SQLSERVER_DESTROY, [data])}>
+              { t('删除') }
+            </bk-button>
+          </OperationBtnStatusTips>
+        )
+
+        return oprations
+      }
     },
   ]);
 
@@ -866,74 +854,6 @@
     handleCopy(allData as T[], field)
   }
 
-  /**
-   * 集群启停
-   */
-  const handleSwitchCluster = (
-    type: TicketTypesStrings,
-    data: SqlServerHaModel,
-  ) => {
-    if (!type) return;
-
-    const isOpen = type === TicketTypes.SQLSERVER_ENABLE;
-    InfoBox({
-      type: 'warning',
-      title: isOpen ? t('确定启用该集群？') : t('确定禁用该集群？'),
-      content: () => (
-        <div style="word-break: all;">
-          <p style="color: #313238">{t('集群')} ：{data.cluster_name}</p>
-          {
-            isOpen
-              ? <p>{ t('启用后将恢复访问')}</p>
-              : <p>{ t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</p>
-          }
-        </div>
-      ),
-      confirmText: isOpen ? t('启用') : t('禁用'),
-      onConfirm: () => {
-        createTicketRun({
-          bk_biz_id: currentBizId,
-          ticket_type: type,
-          details: {
-            cluster_ids: [data.id],
-          },
-        });
-        return true;
-      },
-    });
-  };
-
-  /**
-   * 删除集群
-   */
-  const handleDeleteCluster = (data: SqlServerHaModel) => {
-    const { cluster_name: name } = data;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{ t('集群【name】被删除后_将进行以下操作', { name }) }</p>
-          <p>{ t('1_删除xx集群', { name }) }</p>
-          <p>{ t('2_删除xx实例数据_停止相关进程', { name }) }</p>
-          <p>3. { t('回收主机') }</p>
-        </div>
-      ),
-      onConfirm: () => {
-        createTicketRun({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.SQLSERVER_DESTROY,
-          details: {
-            cluster_ids: [data.id],
-          },
-        });
-        return false;
-      },
-    });
-  };
-
   const handleResetCluster = (data: SqlServerHaModel) => {
     currentData.value = data
     isShowClusterReset.value = true
@@ -1002,6 +922,11 @@
       },
     });
   };
+
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 </script>
 <style lang="less">
   @import '@styles/mixins.less';
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
index d7d8b99b80..1245ff00a3 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
@@ -7,19 +7,12 @@
           @click="handleApply">
           {{ t('申请实例') }}
         </BkButton>
-        <span
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择集群'),
-          }"
-          class="inline-block">
-          <BkButton
-            class="ml-8"
-            :disabled="!hasSelected"
-            @click="handleShowAuthorize(selected)">
-            {{ t('批量授权') }}
-          </BkButton>
-        </span>
+        <ClusterBatchOperation
+          v-db-console="'sqlserver.singleClusterList.batchOperation'"
+          class="ml-8"
+          :cluster-type="ClusterTypes.SQLSERVER_SINGLE"
+          :selected="selected"
+          @success="handleBatchOperationSuccess" />
         <BkButton
           class="ml-8"
           @click="handleShowExcelAuthorize">
@@ -78,10 +71,9 @@
 </template>
 
 <script setup lang="tsx">
-  import { InfoBox, Message } from 'bkui-vue';
+  import { Message } from 'bkui-vue';
   import type { ISearchItem } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
-  import { useRequest } from 'vue-request';
   import {
     useRoute,
     useRouter,
@@ -92,7 +84,6 @@
     getSingleClusterList,
     getSqlServerInstanceList,
   } from '@services/source/sqlserverSingleCluster';
-  import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
   import {
@@ -100,7 +91,6 @@
     useLinkQueryColumnSerach,
     useStretchLayout,
     useTableSettings,
-    useTicketMessage,
   } from '@hooks';
 
   import { useGlobalBizs } from '@stores';
@@ -110,7 +100,6 @@
     ClusterTypes,
     DBTypes,
     TicketTypes,
-    type TicketTypesStrings,
     UserPersonalSettings,
   } from '@common/const';
 
@@ -119,11 +108,13 @@
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import EditEntryConfig from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -134,7 +125,7 @@
   import {
     getMenuListSearch,
     getSearchSelectorParams,
-    isRecentDays,
+    // isRecentDays,
   } from '@utils';
 
   const singleClusterData = defineModel<{ clusterId: number }>('singleClusterData');
@@ -142,7 +133,6 @@
   const router = useRouter();
   const route = useRoute();
   const { currentBizId } = useGlobalBizs();
-  const ticketMessage = useTicketMessage();
   const copy = useCopy();
 
   const {
@@ -150,6 +140,13 @@
     locale,
   } = useI18n();
 
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.SQLSERVER,
+    {
+      onSuccess: () => fetchData(),
+    },
+  );
+
   const {
     isOpen: isStretchLayoutOpen,
     splitScreen: stretchLayoutSplitScreen,
@@ -276,7 +273,7 @@
 
   const tableOperationWidth = computed(() => {
     if (!isStretchLayoutOpen.value) {
-      return isCN.value ? 150 : 200;
+      return isCN.value ? 180 : 200;
     }
     return 100;
   });
@@ -292,8 +289,7 @@
       label: t('访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       renderHead: () => (
         <RenderHeadCopy
           hasSelected={hasSelected.value}
@@ -338,6 +334,15 @@
                       data={item} />
                   ))
                 }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -352,9 +357,12 @@
                 } />
                 {
                   data.isNew && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
                   )
                 }
                 <span v-db-console="sqlserver.singleClusterList.modifyEntryConfiguration">
@@ -399,25 +407,6 @@
             default: () => data.cluster_name,
             append: () => (
               <>
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                  )
-                }
-                {
-                  isRecentDays(data.create_at, 24 * 3) && (
-                    <span
-                      class="glob-new-tag cluster-tag ml-4"
-                      data-text="NEW" />
-                  )
-                }
                 <db-icon
                   v-bk-tooltips={t('复制集群名称')}
                   type="copy"
@@ -563,66 +552,74 @@
       field: '',
       width: tableOperationWidth.value,
       fixed: isStretchLayoutOpen.value ? false : 'right',
-      render: ({ data }: { data: SqlServerSingleModel }) => (
-        <>
-          {
-            data.isOnline ? (
-              <>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    onClick={ () => handleShowAuthorize([data]) }>
-                    { t('授权') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    class="ml-16"
-                    disabled={data.operationDisabled}
-                    onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, data) }>
-                    { t('禁用') }
-                </bk-button>
-                </OperationBtnStatusTips>
-              </>
-            ) : (
-              <>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    disabled={data.isStarting}
-                    onClick={ () => handleSwitchCluster(TicketTypes.SQLSERVER_ENABLE, data) }>
-                    { t('启用') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    class="ml-16"
-                    disabled={Boolean(data.operationTicketId)}
-                    onClick={() => handleResetCluster(data)}>
-                    { t('重置') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-                <OperationBtnStatusTips data={ data }>
-                  <bk-button
-                    text
-                    theme="primary"
-                    class="ml-16"
-                    disabled={Boolean(data.operationTicketId)}
-                    onClick={ () => handleDeleteCluster(data) }>
-                    { t('删除') }
-                  </bk-button>
-                </OperationBtnStatusTips>
-              </>
-            )
-          }
-        </>
-      ),
+      render: ({ data }: { data: SqlServerSingleModel }) => {
+        const oprations = []
+
+        if (data.isOnline) {
+          oprations.push([
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                onClick={ () => handleShowAuthorize([data]) }>
+                { t('授权') }
+              </bk-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                class="ml-16"
+                disabled={data.operationDisabled}
+                onClick={ () => handleDisableCluster([data]) }>
+                { t('禁用') }
+              </bk-button>
+            </OperationBtnStatusTips>
+          ])
+        } else {
+          oprations.push([
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                disabled={data.isStarting}
+                onClick={ () => handleEnableCluster([data]) }>
+                { t('启用') }
+              </bk-button>
+            </OperationBtnStatusTips>,
+            <OperationBtnStatusTips data={ data }>
+              <bk-button
+                text
+                theme="primary"
+                class="ml-16"
+                disabled={Boolean(data.operationTicketId)}
+                onClick={() => handleResetCluster(data)}>
+                { t('重置') }
+              </bk-button>
+            </OperationBtnStatusTips>
+          ])
+        }
+
+        oprations.push(
+          <OperationBtnStatusTips data={ data }>
+            <bk-button
+              v-bk-tooltips={{
+                disabled: data.isOffline,
+                content: t('请先禁用集群')
+              }}
+              text
+              theme="primary"
+              class="ml-16"
+              disabled={data.isOnline || Boolean(data.operationTicketId)}
+              onClick={ () => handleDeleteCluster([data]) }>
+              { t('删除') }
+            </bk-button>
+          </OperationBtnStatusTips>
+        )
+
+        return oprations
+      }
+
     },
   ]);
 
@@ -651,13 +648,6 @@
     updateTableSettings,
   } = useTableSettings(UserPersonalSettings.SQLSERVER_SINGLE_TABLE_SETTINGS, defaultSettings);
 
-  const { run: createTicketRun } = useRequest(createTicket, {
-    manual: true,
-    onSuccess(res) {
-      ticketMessage(res.id);
-    },
-  });
-
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
       return getMenuListSearch(item, keyword, searchSelectData.value, searchValue.value);
@@ -687,74 +677,6 @@
     return searchSelectData.value.find(set => set.id === item.id)?.children || [];
   };
 
-  /**
-   * 集群启停
-   */
-  const handleSwitchCluster = (
-    type: TicketTypesStrings,
-    data: SqlServerSingleModel,
-  ) => {
-    if (!type) return;
-
-    const isOpen = type === TicketTypes.SQLSERVER_ENABLE;
-    InfoBox({
-      type: 'warning',
-      title: isOpen ? t('确定启用该集群？') : t('确定禁用该集群？'),
-      content: () => (
-        <div style="word-break: all;">
-          <p style="color: #313238">{t('集群')} ：{data.cluster_name}</p>
-          {
-            isOpen
-              ? <p>{ t('启用后将恢复访问')}</p>
-              : <p>{ t('被禁用后将无法访问，如需恢复访问，可以再次「启用」')}</p>
-          }
-        </div>
-      ),
-      confirmText: isOpen ? t('启用') : t('禁用'),
-      onConfirm: () => {
-        createTicketRun({
-          bk_biz_id: currentBizId,
-          ticket_type: type,
-          details: {
-            cluster_ids: [data.id],
-          },
-        });
-        return true;
-      },
-    });
-  };
-
-  /**
-   * 删除集群
-   */
-  const handleDeleteCluster = (data: SqlServerSingleModel) => {
-    const { cluster_name: name } = data;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{ t('集群【name】被删除后_将进行以下操作', { name }) }</p>
-          <p>{ t('1_删除xx集群', { name }) }</p>
-          <p>{ t('2_删除xx实例数据_停止相关进程', { name }) }</p>
-          <p>3. { t('回收主机') }</p>
-        </div>
-      ),
-      onConfirm: () => {
-        createTicketRun({
-          bk_biz_id: currentBizId,
-          ticket_type: TicketTypes.SQLSERVER_DESTROY,
-          details: {
-            cluster_ids: [data.id],
-          },
-        });
-        return false;
-      },
-    });
-  };
-
   const handleResetCluster = (data: SqlServerSingleModel) => {
     currentData.value = data
     isShowClusterReset.value = true
@@ -872,6 +794,11 @@
       },
     });
   };
+
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchData();
+  }
 </script>
 <style lang="less">
   @import '@styles/mixins.less';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
index 5abd9229b7..d58d5dc047 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
@@ -21,20 +21,12 @@
           @click="handleApply">
           {{ t('申请实例') }}
         </AuthButton>
-        <span
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择集群'),
-          }"
-          v-db-console="'tendbCluster.clusterManage.batchAuthorize'"
-          class="inline-block">
-          <BkButton
-            class="ml-8"
-            :disabled="!hasSelected"
-            @click="handleShowAuthorize(selected)">
-            {{ t('批量授权') }}
-          </BkButton>
-        </span>
+        <ClusterBatchOperation
+          v-db-console="'tendbCluster.clusterManage.batchOperation'"
+          class="ml-8"
+          :cluster-type="ClusterTypes.TENDBCLUSTER"
+          :selected="selected"
+          @success="handleBatchOperationSuccess" />
         <span
           v-bk-tooltips="{
             disabled: hasData,
@@ -168,7 +160,6 @@
     ClusterTypes,
     DBTypes,
     TicketTypes,
-    type TicketTypesStrings,
     UserPersonalSettings,
   } from '@common/const';
 
@@ -178,12 +169,14 @@
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
 
   import ClusterAuthorize from '@views/db-manage/common/cluster-authorize/Index.vue';
+  import ClusterBatchOperation from '@views/db-manage/common/cluster-batch-opration/Index.vue'
   import ClusterCapacityUsageRate from '@views/db-manage/common/cluster-capacity-usage-rate/Index.vue'
   import EditEntryConfig, { type ClusterEntryInfo } from '@views/db-manage/common/cluster-entry-config/Index.vue';
   import ClusterExportData from '@views/db-manage/common/cluster-export-data/Index.vue'
   import ClusterIpCopy from '@views/db-manage/common/cluster-ip-copy/Index.vue';
   import DropdownExportExcel from '@views/db-manage/common/dropdown-export-excel/index.vue';
   import ExcelAuthorize from '@views/db-manage/common/ExcelAuthorize.vue';
+  import { useOperateClusterBasic } from '@views/db-manage/common/hooks';
   import OperationBtnStatusTips from '@views/db-manage/common/OperationBtnStatusTips.vue';
   import RenderCellCopy from '@views/db-manage/common/render-cell-copy/Index.vue';
   import RenderHeadCopy from '@views/db-manage/common/render-head-copy/Index.vue';
@@ -211,6 +204,12 @@
   const { currentBizId } = useGlobalBizs();
   const copy = useCopy();
   const ticketMessage = useTicketMessage();
+  const { handleDisableCluster, handleEnableCluster, handleDeleteCluster } = useOperateClusterBasic(
+    ClusterTypes.TENDBCLUSTER,
+    {
+      onSuccess: () => fetchTableData(),
+    },
+  );
 
   const {
     columnAttrs,
@@ -262,6 +261,7 @@
   const tableDataList = computed(() => tableRef.value?.getData<TendbClusterModel>() || [])
   const hasData = computed(() => tableDataList.value.length > 0);
   const isCN = computed(() => locale.value === 'zh-cn');
+
   const searchSelectData = computed(() => [
     {
       name: t('访问入口'),
@@ -359,8 +359,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       showOverflowTooltip: false,
       renderHead: () => (
         <RenderHeadCopy
@@ -399,6 +398,28 @@
             ),
             append: () => (
               <>
+                {
+                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
+                }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                 )
+                }
+                {
+                  data.isNew && (
+                    <bk-tag
+                      theme="success"
+                      size="small"
+                      class="ml-4">
+                      NEW
+                    </bk-tag>
+                  )
+                }
                 {data.master_domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -493,23 +514,6 @@
                     </bk-popover>
                   )
                 }
-                {
-                  data.operationTagTips.map(item => <RenderOperationTag class="cluster-tag ml-4" data={item}/>)
-                }
-                {
-                  data.isOffline && !data.isStarting && (
-                    <bk-tag
-                      class="ml-4"
-                      size="small">
-                      {t('已禁用')}
-                    </bk-tag>
-                 )
-                }
-                {
-                  data.isNew && (
-                    <span class="glob-new-tag cluster-tag" data-text="NEW" />
-                  )
-                }
                 <db-icon
                   type="copy"
                   v-bk-tooltips={t('复制集群名称')}
@@ -912,6 +916,7 @@
               text
               theme="primary"
               class="mr-8"
+              disabled={data.isOffline}
               onClick={() => handleShowAuthorize([data])}>
               { t('授权') }
             </bk-button>,
@@ -943,83 +948,102 @@
           return operations;
         };
         const getDropdownOperations = () => {
-          const operations = [];
-          if (data.spider_mnt.length > 0) {
-            operations.push((
-              <bk-dropdown-item v-db-console="tendbCluster.clusterManage.removeMNTNode">
-                <auth-button
-                  action-id="tendbcluster_spider_mnt_destroy"
-                  permission={data.permission.tendbcluster_spider_mnt_destroy}
-                  resource={data.id}
-                  text
-                  class="mr-8"
-                  onClick={() => handleRemoveMNT(data)}>
-                  { t('下架运维节点') }
-                </auth-button>
+          const operations = [
+            <bk-dropdown-item
+              v-db-console="tendbCluster.clusterManage.removeMNTNode"
+              v-bk-tooltips={{
+                disabled: data.spider_mnt.length > 0,
+                content: t('无运维节点')
+              }}>
+              <auth-button
+                action-id="tendbcluster_spider_mnt_destroy"
+                permission={data.permission.tendbcluster_spider_mnt_destroy}
+                resource={data.id}
+                disabled={data.spider_mnt.length === 0 || data.isOffline}
+                text
+                class="mr-8"
+                onClick={() => handleRemoveMNT(data)}>
+                { t('下架运维节点') }
+              </auth-button>
+            </bk-dropdown-item>,
+            <bk-dropdown-item
+              v-db-console="tendbCluster.clusterManage.removeReadonlyNode"
+              v-bk-tooltips={{
+                disabled: data.spider_slave.length > 0,
+                content: t('无只读集群')
+              }}>
+              <auth-button
+                action-id="tendb_spider_slave_destroy"
+                permission={data.permission.tendb_spider_slave_destroy}
+                resource={data.id}
+                text
+                disabled={data.spider_slave.length === 0 || data.isOffline}
+                class="mr-8"
+                onClick={() => handleDestroySlave(data)}>
+                { t('下架只读集群') }
+              </auth-button>
+            </bk-dropdown-item>
+          ];
+
+          if (data.isOnline) {
+            operations.push(
+              <bk-dropdown-item v-db-console="tendbCluster.clusterManage.disable">
+                <OperationBtnStatusTips data={data}>
+                  <auth-button
+                    action-id="tendbcluster_enable_disable"
+                    permission={data.permission.tendbcluster_enable_disable}
+                    resource={data.id}
+                    text
+                    disabled={data.operationDisabled}
+                    class="mr-8"
+                    onClick={() => handleDisableCluster([data])}>
+                    { t('禁用') }
+                  </auth-button>
+                </OperationBtnStatusTips>
               </bk-dropdown-item>
-            ));
+            )
           }
-          if (data.spider_slave.length > 0) {
-            operations.push((
-              <bk-dropdown-item v-db-console="tendbCluster.clusterManage.removeReadonlyNode">
-                <auth-button
-                  action-id="tendb_spider_slave_destroy"
-                  permission={data.permission.tendb_spider_slave_destroy}
-                  resource={data.id}
-                  text
-                  class="mr-8"
-                  onClick={() => handleDestroySlave(data)}>
-                  { t('下架只读集群') }
-                </auth-button>
-              </bk-dropdown-item>
-            ));
+          if (data.isOffline) {
+            operations.push(...[
+              <bk-dropdown-item v-db-console="tendbCluster.clusterManage.enable">
+                <OperationBtnStatusTips data={data}>
+                  <auth-button
+                    action-id="tendbcluster_enable_disable"
+                    permission={data.permission.tendbcluster_enable_disable}
+                    v-db-console="tendbCluster.clusterManage.enable"
+                    resource={data.id}
+                    text
+                    disabled={data.isStarting}
+                    class="mr-8"
+                    onClick={() => handleEnableCluster([data])}>
+                    { t('启用') }
+                  </auth-button>
+                </OperationBtnStatusTips>
+              </bk-dropdown-item>,
+            ]);
           }
-          operations.push(...[
-            <bk-dropdown-item v-db-console="tendbCluster.clusterManage.disable">
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="tendbcluster_enable_disable"
-                  permission={data.permission.tendbcluster_enable_disable}
-                  resource={data.id}
-                  text
-                  disabled={data.operationDisabled}
-                  class="mr-8"
-                  onClick={() => handleChangeClusterOnline(TicketTypes.TENDBCLUSTER_DISABLE, data)}>
-                  { t('禁用') }
-                </auth-button>
-              </OperationBtnStatusTips>
-            </bk-dropdown-item>,
-            <bk-dropdown-item v-db-console="tendbCluster.clusterManage.enable">
-              <OperationBtnStatusTips data={data}>
-                <auth-button
-                  action-id="tendbcluster_enable_disable"
-                  permission={data.permission.tendbcluster_enable_disable}
-                  v-db-console="tendbCluster.clusterManage.enable"
-                  resource={data.id}
-                  text
-                  disabled={data.isStarting}
-                  class="mr-8"
-                  onClick={() => handleChangeClusterOnline(TicketTypes.TENDBCLUSTER_ENABLE, data)}>
-                  { t('启用') }
-                </auth-button>
-              </OperationBtnStatusTips>
-            </bk-dropdown-item>,
+
+          operations.push(
             <bk-dropdown-item v-db-console="tendbCluster.clusterManage.delete">
               <OperationBtnStatusTips data={data}>
                 <auth-button
+                  v-bk-tooltips={{
+                    disabled: data.isOffline,
+                    content: t('请先禁用集群')
+                  }}
                   action-id="tendbcluster_destroy"
                   permission={data.permission.tendbcluster_destroy}
                   v-db-console="tendbCluster.clusterManage.delete"
                   resource={data.id}
                   text
-                  disabled={Boolean(data.operationTicketId)}
+                  disabled={data.isOnline || Boolean(data.operationTicketId)}
                   class="mr-8"
-                  onClick={() => handleDeleteCluster(data)}>
+                  onClick={() => handleDeleteCluster([data])}>
                   { t('删除') }
                 </auth-button>
               </OperationBtnStatusTips>
             </bk-dropdown-item>
-          ]);
+          )
 
           return operations;
         };
@@ -1309,68 +1333,6 @@
     });
   };
 
-  // 集群启停
-  const handleChangeClusterOnline = (type: TicketTypesStrings, data: TendbClusterModel) => {
-    if (!type) return;
-
-    const isOpen = type === TicketTypes.TENDBCLUSTER_ENABLE;
-    const title = isOpen ? t('确定启用该集群') : t('确定禁用该集群');
-    InfoBox({
-      type: 'warning',
-      title,
-      content: () => (
-        <div style="word-break: all;">
-          {
-            isOpen
-              ? <p>{t('集群【name】启用后将恢复访问', { name: data.cluster_name })}</p>
-              : <p>{t('集群【name】被禁用后将无法访问_如需恢复访问_可以再次「启用」', { name: data.cluster_name })}</p>
-          }
-        </div>
-      ),
-      onConfirm: () => createTicket({
-        bk_biz_id: currentBizId,
-        ticket_type: type,
-        details: {
-          cluster_ids: [data.id],
-        },
-      })
-        .then((res) => {
-          ticketMessage(res.id);
-          fetchTableData();
-        })
-    });
-  };
-
-  // 删除集群
-  const handleDeleteCluster = (data: TendbClusterModel) => {
-    const { cluster_name: name } = data;
-    InfoBox({
-      type: 'warning',
-      title: t('确定删除该集群'),
-      confirmText: t('删除'),
-      confirmButtonTheme: 'danger',
-      content: () => (
-        <div style="word-break: all; text-align: left; padding-left: 16px;">
-          <p>{t('集群【name】被删除后_将进行以下操作', { name })}</p>
-          <p>{t('1_删除xx集群', { name })}</p>
-          <p>{t('2_删除xx实例数据_停止相关进程', { name })}</p>
-          <p>3. {t('回收主机')}</p>
-        </div>
-      ),
-      onConfirm: () => createTicket({
-        bk_biz_id: currentBizId,
-        ticket_type: TicketTypes.TENDBCLUSTER_DESTROY,
-        details: {
-          cluster_ids: [data.id],
-        },
-      })
-        .then((res) => {
-          ticketMessage(res.id);
-          fetchTableData();
-        })
-    });
-  };
-
   // 申请实例
   const handleApply = () => {
     router.push({
@@ -1405,6 +1367,11 @@
     excelAuthorizeShow.value = true;
   };
 
+  const handleBatchOperationSuccess = () => {
+    tableRef.value!.clearSelected();
+    fetchTableData();
+  }
+
   onMounted(() => {
     if (!clusterId.value && route.query.id) {
       handleToDetails(Number(route.query.id));
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue
index 8bdd158461..75f053c1ee 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/Index.vue
@@ -129,9 +129,12 @@
           <span>{data.id}</span>
           {
             data.isNew && (
-              <span
-                class="glob-new-tag cluster-tag ml-4"
-                data-text="NEW" />
+              <bk-tag
+                theme="success"
+                size="small"
+                class="ml-4">
+                NEW
+              </bk-tag>
             )
           }
           {
diff --git a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/Index.vue b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/Index.vue
index 23658c4a47..1797b3434e 100644
--- a/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/Index.vue
+++ b/dbm-ui/frontend/src/views/ticket-center/common/ticket-detail/components/task-info/com-factory/Index.vue
@@ -268,8 +268,8 @@
   // ];
 
   const redisHaOperationTypes = [
-    TicketTypes.REDIS_INSTANCE_PROXY_CLOSE,
-    TicketTypes.REDIS_INSTANCE_PROXY_OPEN,
+    TicketTypes.REDIS_INSTANCE_CLOSE,
+    TicketTypes.REDIS_INSTANCE_OPEN,
     TicketTypes.REDIS_INSTANCE_DESTROY,
   ];