From 77396cbb11e74b34eee4e313b464d173f82377a1 Mon Sep 17 00:00:00 2001
From: hLinx <327159425@qq.com>
Date: Wed, 15 Jan 2025 16:53:47 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E9=9B=86=E7=BE=A4=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D=20#9073?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dbm-ui/frontend/package.json                  |   2 +-
 .../stretch-layout/StretchLayout.vue          |   3 +
 dbm-ui/frontend/src/hooks/useTableSettings.ts | 105 ++++--------------
 .../frontend/src/services/source/taskflow.ts  |   2 +-
 .../common/cluster-entry-config/Index.vue     |   1 +
 .../cluster-table-column/CommonColumn.vue     |  16 ++-
 .../MasterDomainColumn.vue                    |   3 +-
 .../SlaveDomainColumn.vue                     |   6 +-
 .../db-manage/common/permission/Index.vue     |  18 ++-
 .../doris/list/components/list/Index.vue      |  16 +--
 .../list/components/list/Index.vue            |  15 +--
 .../hdfs/list/components/list/Index.vue       |  15 +--
 .../kafka/list/components/list/Index.vue      |  14 +--
 .../components/list/Index.vue                 |  76 +++++--------
 .../components/list/Index.vue                 |  42 ++++---
 .../dumper/components/render-list/Index.vue   |   1 +
 .../components/instance-list/Index.vue        |  72 ++++--------
 .../mysql/ha-cluster-list/components/List.vue |  13 +--
 .../single-cluster-list/components/List.vue   |  12 +-
 .../pulsar/list/components/list/Index.vue     |  20 ++--
 .../cluster-ha-list/components/list/Index.vue |  14 +--
 .../cluster-list/components/list/Index.vue    |  14 +--
 .../riak/list/components/list/Index.vue       |  13 +--
 .../ha-cluster-list/components/List.vue       |  18 +--
 .../single-cluster-list/components/List.vue   |  13 +--
 .../cluster-list/components/list/Index.vue    |  24 ++--
 .../src/views/task-history/list/Index.vue     |  23 ++--
 27 files changed, 200 insertions(+), 371 deletions(-)

diff --git a/dbm-ui/frontend/package.json b/dbm-ui/frontend/package.json
index a1b4d9ac02..c2834a662a 100644
--- a/dbm-ui/frontend/package.json
+++ b/dbm-ui/frontend/package.json
@@ -24,7 +24,7 @@
     "@blueking/login-modal": "^1.0.5",
     "@blueking/notice-component": "2.0.5",
     "@blueking/sub-saas": "0.0.0-beta.6",
-    "@blueking/table": "^0.0.1-beta.22",
+    "@blueking/table": "^0.0.1-beta.30",
     "@icon-cool/bk-icon-bk-biz-components": "^0.0.4",
     "@vueuse/core": "^12.0.0",
     "axios": "^1.7.9",
diff --git a/dbm-ui/frontend/src/components/stretch-layout/StretchLayout.vue b/dbm-ui/frontend/src/components/stretch-layout/StretchLayout.vue
index e655c2d39a..b628193c98 100644
--- a/dbm-ui/frontend/src/components/stretch-layout/StretchLayout.vue
+++ b/dbm-ui/frontend/src/components/stretch-layout/StretchLayout.vue
@@ -73,6 +73,8 @@
 <script setup lang="ts">
   import { readonly } from 'vue';
 
+  import { useResizeObserver } from '@vueuse/core';
+
   import DragResize from './components/DragResize.vue';
 
   const props = withDefaults(defineProps<Props>(), {
@@ -159,6 +161,7 @@
     if (!isOpen.value) {
       renderLeftWidth.value = getMaxWidth();
     }
+    useResizeObserver(rootRef.value, handleWindowResize);
     window.addEventListener('resize', handleWindowResize);
   });
 
diff --git a/dbm-ui/frontend/src/hooks/useTableSettings.ts b/dbm-ui/frontend/src/hooks/useTableSettings.ts
index b89dff3700..1486787e4a 100644
--- a/dbm-ui/frontend/src/hooks/useTableSettings.ts
+++ b/dbm-ui/frontend/src/hooks/useTableSettings.ts
@@ -11,101 +11,44 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import type { Settings } from 'bkui-vue/lib/table/props';
-import _ from 'lodash';
-
 import { useUserProfile } from '@stores';
 
-type TableSettingKeys = keyof Settings;
+interface Settings {
+  disabled?: string[];
+  checked?: string[];
+  size?: 'medium' | 'mini' | 'small';
+}
+
+// type TableSettingKeys = keyof Settings;
 
 /**
  * 用户个人配置表头字段
  */
 export const useTableSettings = (key: string, defaultSettings: Settings) => {
   const userProfileStore = useUserProfile();
-  // 获取用户配置的表头信息
-  const settings = shallowRef(getSettings(userProfileStore.profile[key] || defaultSettings));
-
-  // 初始化设置
-  if (userProfileStore.profile[key] === undefined) {
-    updateTableSettings(defaultSettings);
-  }
-
-  function getSettings(updateSettings: Settings) {
-    const values: Settings = Object.assign({}, defaultSettings);
-    if (defaultSettings && updateSettings) {
-      // 获取后续新增字段
-      const newFields = [];
-      const defaultFields = defaultSettings.fields || [];
-      const updateFields = (updateSettings.fields || []).map((item) => item.field);
-      for (const item of defaultFields) {
-        // 新增字段
-        if (item.field && !updateFields.includes(item.field)) {
-          newFields.push(item);
-        }
-      }
-
-      for (const key of Object.keys(updateSettings)) {
-        const settingKey = key as TableSettingKeys;
-
-        // 以 default settings 为准设置 fields，确保增删生效
-        if (settingKey === 'fields') {
-          continue;
-        }
 
-        // 设置新增字段选中
-        if (settingKey === 'checked') {
-          const checked = updateSettings.checked || [];
-          const defaultChecked = defaultSettings.checked || [];
-          // 必须勾选项
-          const disabledFieldsChecked = (defaultSettings.fields || [])
-            .filter((item) => item.field && item.disabled)
-            .map((item) => item.field as string);
-          // 新增字段默认勾选项
-          const newFieldsChecked = newFields
-            .filter((item) => item.field && defaultChecked.includes(item.field))
-            .map((item) => item.field as string);
-
-          Object.assign(values, {
-            [settingKey]: _.uniq(checked.concat(disabledFieldsChecked, newFieldsChecked)),
-          });
-
-          continue;
-        }
-
-        // 确保以 update settings 为准
-        const updateValue = updateSettings[settingKey];
-        if (updateValue) {
-          Object.assign(values, {
-            [settingKey]: updateValue,
-          });
-        }
-      }
-    } else {
-      Object.assign(values, updateSettings);
-    }
-
-    return values;
+  // 获取用户配置的表头信息
+  const settings = shallowRef<{ checked?: string[]; disabled?: string[]; size?: string }>();
+  if (userProfileStore.profile[key]) {
+    settings.value = {
+      checked: userProfileStore.profile[key].checked || defaultSettings.checked,
+      disabled: defaultSettings.disabled,
+      size: userProfileStore.profile[key].size || defaultSettings.size || 'small',
+    };
   }
 
   /**
    * 更新表头设置
    */
-  function updateTableSettings(updateSettings: Settings) {
-    const newSettings = getSettings(updateSettings);
-    newSettings.fields = newSettings.fields?.map((item) => ({
-      field: item.field,
-    }));
-    userProfileStore
-      .updateProfile({
-        label: key,
-        values: newSettings,
-      })
-      .then(() => {
-        newSettings.fields = defaultSettings.fields;
-        settings.value = newSettings;
-      });
-  }
+  const updateTableSettings = (updateSettings: Settings) => {
+    userProfileStore.updateProfile({
+      label: key,
+      values: {
+        checked: updateSettings.checked,
+        size: updateSettings.size,
+      },
+    });
+  };
 
   return {
     settings,
diff --git a/dbm-ui/frontend/src/services/source/taskflow.ts b/dbm-ui/frontend/src/services/source/taskflow.ts
index ed45076146..c8ebb8b028 100644
--- a/dbm-ui/frontend/src/services/source/taskflow.ts
+++ b/dbm-ui/frontend/src/services/source/taskflow.ts
@@ -41,7 +41,7 @@ export enum FlowTypes {
  * 查询任务列表
  */
 export function getTaskflow(params: {
-  bk_biz_id: number;
+  bk_biz_id?: number;
   limit: number;
   offset: number;
   root_id?: string;
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-entry-config/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-entry-config/Index.vue
index a33e47328e..29e209feab 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-entry-config/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-entry-config/Index.vue
@@ -31,6 +31,7 @@
         :cell-class="generateCellClass"
         class="entry-config-table-box"
         :data="tableData"
+        :max-height="450"
         :show-overflow="false">
         <BkTableColumn
           field="entry"
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/CommonColumn.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/CommonColumn.vue
index 97c6482832..6906d76bbf 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/CommonColumn.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/CommonColumn.vue
@@ -6,7 +6,8 @@
       checked: columnCheckedMap.major_version,
     }"
     :label="t('版本')"
-    :min-width="150">
+    :min-width="150"
+    :show-overflow="false">
     <template #default="{ data }: { data: IRowData }">
       {{ data.major_version || '--' }}
     </template>
@@ -14,7 +15,8 @@
   <BkTableColumn
     field="disaster_tolerance_level"
     :label="t('容灾要求')"
-    :min-width="160">
+    :min-width="160"
+    :show-overflow="false">
     <template #default="{ data }: { data: IRowData }">
       {{ data.disasterToleranceLevelName || '--' }}
     </template>
@@ -26,7 +28,8 @@
       checked: columnCheckedMap.region,
     }"
     :label="t('地域')"
-    :min-width="100">
+    :min-width="100"
+    :show-overflow="false">
     <template #default="{ data }: { data: IRowData }">
       {{ data.region || '--' }}
     </template>
@@ -34,7 +37,8 @@
   <BkTableColumn
     field="cluster_spec"
     :label="t('规格')"
-    :min-width="180">
+    :min-width="180"
+    :show-overflow="false">
     <template #default="{ data }: { data: IRowData }">
       {{ data.cluster_spec.spec_name || '--' }}
     </template>
@@ -46,6 +50,7 @@
       checked: columnCheckedMap.bk_cloud_id,
     }"
     :label="t('管控区域')"
+    :show-overflow="false"
     :width="120">
     <template #default="{ data }: { data: IRowData }">
       {{ data.bk_cloud_name ? `${data.bk_cloud_name}[${data.bk_cloud_id}]` : '--' }}
@@ -54,6 +59,7 @@
   <BkTableColumn
     field="creator"
     :label="t('创建人')"
+    :show-overflow="false"
     :width="140">
     <template #default="{ data }: { data: IRowData }">
       {{ data.creator || '--' }}
@@ -62,6 +68,7 @@
   <BkTableColumn
     field="create_at"
     :label="t('部署时间')"
+    :show-overflow="false"
     sort
     :width="250">
     <template #default="{ data }: { data: IRowData }">
@@ -75,6 +82,7 @@
       checked: columnCheckedMap.time_zone,
     }"
     :label="t('时区')"
+    :show-overflow="false"
     :width="100">
     <template #default="{ data }: { data: IRowData }">
       {{ data.cluster_time_zone || '--' }}
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/MasterDomainColumn.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/MasterDomainColumn.vue
index 825e208670..a49f2ec828 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/MasterDomainColumn.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/MasterDomainColumn.vue
@@ -4,7 +4,8 @@
     :field="field"
     fixed="left"
     :label="label"
-    :min-width="columnMinWidth">
+    :min-width="columnMinWidth"
+    visiable>
     <template #header>
       <RenderHeadCopy
         :config="[
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/SlaveDomainColumn.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/SlaveDomainColumn.vue
index 766d72c1fb..0ee18329b9 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/SlaveDomainColumn.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-table-column/SlaveDomainColumn.vue
@@ -3,7 +3,9 @@
     class-name="cluster-table-slave-domain-column"
     field="slave_domain"
     :label="t('从访问入口')"
-    :min-width="280">
+    :min-width="280"
+    :show-overflow="false"
+    visiable>
     <template #header>
       <RenderHeadCopy
         :config="[
@@ -127,7 +129,7 @@
 
   const { t } = useI18n();
 
-  const renderCount = 1;
+  const renderCount = 6;
   const accessEntryDbConsole = computed(() => dbConsoleMap[props.clusterType]);
 
   const { handleCopySelected, handleCopyAll } = useColumnCopy(props);
diff --git a/dbm-ui/frontend/src/views/db-manage/common/permission/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/permission/Index.vue
index 92527170bc..4c2b8903e2 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/permission/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/permission/Index.vue
@@ -306,6 +306,7 @@
       field: 'user',
       minWidth: 200,
       fixed: 'left',
+      showOverflow: false,
       render: ({ data }: { data: PermissionRule }) => (
         <TextOverflowLayout>
           {{
@@ -360,6 +361,7 @@
       label: t('访问的DB名'),
       field: 'access_db',
       minWidth: 200,
+      showOverflow: false,
       render: ({ data }: { data: PermissionRule }) => {
         if (data.rules.length === 0) {
           return (
@@ -392,6 +394,7 @@
     {
       label: t('权限'),
       field: 'privilege',
+      showOverflow: false,
       minWidth: 250,
       render: ({ data }: { data: PermissionRule }) => (
         getRenderList(data).map((rule) => {
@@ -430,6 +433,7 @@
       label: t('操作'),
       width: 150,
       fixed: 'right',
+      showOverflow: false,
       render: ({ data }: { data: PermissionRule }) => {
         if (data.rules.length === 0) {
           return (
@@ -462,6 +466,7 @@
                 {t('授权')}
               </bk-button>
               {
+                configMap[props.accountType].buttonController[ButtonTypes.DELETE_RULE] &&
                 <OperationBtnStatusTips
                   disabled={!data.rules[index].priv_ticket}
                   data={{
@@ -479,8 +484,16 @@
                       {t('编辑')}
                     </bk-button>
                   }
-                  {
-                    configMap[props.accountType].buttonController[ButtonTypes.DELETE_RULE] &&
+                </OperationBtnStatusTips>
+              }
+              {
+                configMap[props.accountType].buttonController[ButtonTypes.DELETE_RULE] &&
+                <OperationBtnStatusTips
+                  disabled={!data.rules[index].priv_ticket}
+                  data={{
+                    operationStatusText: t('权限规则_t_任务正在进行中', { t: actionMap[data.rules[index].priv_ticket?.action] }),
+                    operationTicketId: data.rules[index].priv_ticket?.ticket_id,
+                  }}>
                     <bk-pop-confirm
                       width="288"
                       content={skipApproval.value ? t('删除规则后将不能恢复，请谨慎操作') : t('删除规则会创建单据，需此规则所有过往调用方审批后才执行删除。')}
@@ -496,7 +509,6 @@
                         {t('删除')}
                       </bk-button>
                     </bk-pop-confirm>
-                  }
                 </OperationBtnStatusTips>
               }
             </div>
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 067ec313ae..e729be0ed0 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
@@ -142,7 +142,7 @@
             <AuthButton
               v-db-console="'doris.clusterManage.getAccess'"
               action-id="doris_access_entry_view"
-              class="ml-8"
+              class="ml-8 mr-8"
               :disabled="data.isOffline"
               :permission="data.permission.doris_access_entry_view"
               :resource="data.id"
@@ -212,7 +212,6 @@
               :data="data">
               <AuthButton
                 action-id="doris_destroy"
-                class="ml-8"
                 :disabled="Boolean(data.operationTicketId)"
                 :permission="data.permission.doris_destroy"
                 :resource="data.id"
@@ -429,9 +428,8 @@
     return classList.filter((cls) => cls).join(' ');
   };
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings: tableSetting, updateTableSettings } = useTableSettings(UserPersonalSettings.DORIS_TABLE_SETTINGS, {
+    disabled: ['domain'],
     checked: [
       'domain',
       'cluster_name',
@@ -446,13 +444,7 @@
       'doris_backend_cold',
       'cluster_time_zone',
     ],
-    trigger: 'manual' as const,
-  };
-
-  const { settings: tableSetting, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.DORIS_TABLE_SETTINGS,
-    defaultSettings,
-  );
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 f934774c5b..2886b131d7 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
@@ -432,11 +432,9 @@
     return classList.filter((cls) => cls).join(' ');
   };
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings: tableSetting, updateTableSettings } = useTableSettings(UserPersonalSettings.ES_TABLE_SETTINGS, {
+    disabled: ['master_domain'],
     checked: [
-      'domain',
       'status',
       'cluster_stats',
       'major_version',
@@ -447,14 +445,7 @@
       'es_datanode_hot',
       'es_datanode_cold',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings: tableSetting, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.ES_TABLE_SETTINGS,
-    defaultSettings,
-  );
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 cd639352db..6bbf1e983b 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
@@ -471,11 +471,9 @@
     return classList.filter((cls) => cls).join(' ');
   };
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings: tableSetting, updateTableSettings } = useTableSettings(UserPersonalSettings.HDFS_TABLE_SETTINGS, {
+    disabled: ['master_domain'],
     checked: [
-      'domain',
       'status',
       'cluster_stats',
       'major_version',
@@ -486,14 +484,7 @@
       'hdfs_journalnode',
       'hdfs_datanode',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings: tableSetting, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.HDFS_TABLE_SETTINGS,
-    defaultSettings,
-  );
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 bc8eb7353b..fcdbc8c6ea 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
@@ -425,9 +425,7 @@
     },
   ]);
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings: tableSetting, updateTableSettings } = useTableSettings(UserPersonalSettings.KAFKA_TABLE_SETTINGS, {
     checked: [
       'domain',
       'status',
@@ -438,14 +436,8 @@
       'zookeeper',
       'broker',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings: tableSetting, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.KAFKA_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 6efd453dc3..631d877f3a 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
@@ -89,18 +89,6 @@
         @refresh="fetchData" />
       <StatusColumn :cluster-type="ClusterTypes.MONGO_REPLICA_SET" />
       <ClusterStatsColumn :cluster-type="ClusterTypes.MONGO_REPLICA_SET" />
-      <BkTableColumn
-        field="major_version"
-        :filter="{
-          list: columnAttrs.major_version,
-          checked: columnCheckedMap.major_version,
-        }"
-        :label="t('MongoDB版本')"
-        :min-width="150">
-        <template #default="{data}: {data: MongodbModel}">
-          {{ data.major_version || '--' }}
-        </template>
-      </BkTableColumn>
       <RoleColumn
         :cluster-type="ClusterTypes.MONGO_REPLICA_SET"
         field="mongodb"
@@ -112,7 +100,7 @@
       <BkTableColumn
         :fixed="isStretchLayoutOpen ? false : 'right'"
         :label="t('操作')"
-        :min-width="200"
+        :min-width="260"
         :show-overflow="false">
         <template #default="{data}: {data: MongodbModel}">
           <OperationBtnStatusTips
@@ -122,6 +110,7 @@
               class="mr-8"
               :disabled="Boolean(data.isStructCluster) || data.operationDisabled"
               text
+              theme="primary"
               @click="handleCapacityChange(data)">
               {{ t('集群容量变更') }}
             </BkButton>
@@ -158,20 +147,20 @@
                   {{ t('禁用') }}
                 </BkButton>
               </OperationBtnStatusTips>
-              <BkDropdownItem v-db-console="'mongodb.replicaSetList.delete'">
-                <OperationBtnStatusTips :data="data">
-                  <BkButton
-                    v-bk-tooltips="{
-                      disabled: data.isOffline,
-                      content: t('请先禁用集群'),
-                    }"
-                    :disabled="data.isOnline || Boolean(data.operationTicketId)"
-                    text
-                    @click="handleDeleteCluster([data])">
-                    {{ t('删除') }}
-                  </BkButton>
-                </OperationBtnStatusTips>
-              </BkDropdownItem>
+            </BkDropdownItem>
+            <BkDropdownItem v-db-console="'mongodb.replicaSetList.delete'">
+              <OperationBtnStatusTips :data="data">
+                <BkButton
+                  v-bk-tooltips="{
+                    disabled: data.isOffline,
+                    content: t('请先禁用集群'),
+                  }"
+                  :disabled="data.isOnline || Boolean(data.operationTicketId)"
+                  text
+                  @click="handleDeleteCluster([data])">
+                  {{ t('删除') }}
+                </BkButton>
+              </OperationBtnStatusTips>
             </BkDropdownItem>
           </MoreActionExtend>
         </template>
@@ -261,11 +250,9 @@
   );
   const { isOpen: isStretchLayoutOpen, splitScreen: stretchLayoutSplitScreen } = useStretchLayout();
   const {
-    columnAttrs,
     searchAttrs,
     searchValue,
     sortValue,
-    columnCheckedMap,
     batchSearchIpInatanceList,
     columnFilterChange,
     columnSortChange,
@@ -373,26 +360,21 @@
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map((item) => item.id));
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
-    checked: [
-      'cluster_name',
-      'master_domain',
-      'status',
-      'cluster_stats',
-      'major_version',
-      'region',
-      'disaster_tolerance_level',
-      'mongodb',
-    ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
   const { settings: tableSetting, updateTableSettings } = useTableSettings(
     UserPersonalSettings.MONGODB_REPLICA_SET_SETTINGS,
-    defaultSettings,
+    {
+      checked: [
+        'cluster_name',
+        'master_domain',
+        'status',
+        'cluster_stats',
+        'major_version',
+        'region',
+        'disaster_tolerance_level',
+        'mongodb',
+      ],
+      disabled: ['master_domain'],
+    },
   );
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
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 dd9055b6ce..3191e50c11 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
@@ -105,16 +105,17 @@
         :selected-list="selected" />
       <RoleColumn
         :cluster-type="ClusterTypes.MONGO_SHARED_CLUSTER"
-        field="ShardSvr"
+        field="mongodb"
         :get-table-instance="getTableInstance"
-        label="mongodb"
+        label="ShardSvr"
         :search-ip="batchSearchIpInatanceList"
         :selected-list="selected" />
       <CommonColumn :cluster-type="ClusterTypes.MONGO_SHARED_CLUSTER" />
       <BkTableColumn
         :fixed="isStretchLayoutOpen ? false : 'right'"
         :label="t('操作')"
-        :min-width="200">
+        :min-width="260"
+        :show-overflow="false">
         <template #default="{data}: {data: MongodbModel}">
           <!-- 集群容量变更 -->
           <OperationBtnStatusTips
@@ -375,28 +376,23 @@
   const hasSelected = computed(() => selected.value.length > 0);
   const selectedIds = computed(() => selected.value.map((item) => item.id));
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
-    checked: [
-      'cluster_name',
-      'master_domain',
-      'status',
-      'cluster_stats',
-      'major_version',
-      'disaster_tolerance_level',
-      'region',
-      'mongo_config',
-      'mongos',
-      'mongodb',
-    ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
   const { settings: tableSetting, updateTableSettings } = useTableSettings(
     UserPersonalSettings.MONGODB_SHARED_CLUSTER_SETTINGS,
-    defaultSettings,
+    {
+      checked: [
+        'cluster_name',
+        'master_domain',
+        'status',
+        'cluster_stats',
+        'major_version',
+        'disaster_tolerance_level',
+        'region',
+        'mongo_config',
+        'mongos',
+        'mongodb',
+      ],
+      disabled: ['master_domain'],
+    },
   );
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/Index.vue
index 2ca36fb887..469ce630c4 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/Index.vue
@@ -36,6 +36,7 @@
     </BkTab>
     <InstanceList
       v-if="activePanel === 'instance'"
+      :key="data ? data.id : 0"
       :data="data" />
     <RuleList
       v-else
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue
index 9eefa1f93d..d014d5e40c 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/dumper/components/render-list/components/instance-list/Index.vue
@@ -23,11 +23,11 @@
       <span
         v-bk-tooltips="{
           content: t('请选择实例'),
-          disabled: hasSelectedInstances,
+          disabled: hasSelected,
         }"
         class="inline-block">
         <BkButton
-          :disabled="!hasSelectedInstances"
+          :disabled="!hasSelected"
           @click="handleBatchStopInstance">
           {{ t('禁用') }}
         </BkButton>
@@ -35,11 +35,11 @@
       <span
         v-bk-tooltips="{
           content: t('请选择实例'),
-          disabled: hasSelectedInstances,
+          disabled: hasSelected,
         }"
         class="inline-block">
         <BkButton
-          :disabled="!hasSelectedInstances"
+          :disabled="!hasSelected"
           @click="handleBatchDeleteInstance">
           {{ t('删除') }}
         </BkButton>
@@ -47,13 +47,13 @@
       <span
         v-bk-tooltips="{
           content: t('请选择实例'),
-          disabled: hasSelectedInstances,
+          disabled: hasSelected,
         }"
         class="inline-block">
-        <BkDropdown :disabled="!hasSelectedInstances">
+        <BkDropdown :disabled="!hasSelected">
           <BkButton
             class="dropdown-button"
-            :disabled="!hasSelectedInstances">
+            :disabled="!hasSelected">
             {{ t('复制') }}
             <DbIcon type="up-big dropdown-button-icon" />
           </BkButton>
@@ -108,18 +108,21 @@
     <DbTable
       ref="tableRef"
       class="table-box"
-      :clear-selection="false"
       :columns="columns"
       :data-source="listDumperInstance"
+      primary-key="dumper_id"
       :row-class="setRowClass"
-      selection-key="dumper_id"
+      :row-config="{
+        useKey: true,
+        keyField: 'id',
+      }"
+      selectable
       :settings="settings"
       style="margin-bottom: 34px"
       @clear-search="handleClearFilters"
       @column-filter="handleColumnFilter"
       @request-finished="handleTableRequestFinished"
-      @select="handleSelect"
-      @select-all="handleSelectAll" />
+      @selection="handleSelect" />
   </div>
   <AppendSubscribeSlider
     v-model="showAppendSubscribeSlider"
@@ -250,11 +253,9 @@
   const activeRow = ref<DumperInstanceModel>();
   const runningTicketList = ref<number[]>([]);
 
-  const batchSelectInstances = shallowRef<Record<number, DumperInstanceModel>>({});
+  const selectedList = shallowRef<DumperInstanceModel[]>([]);
 
-  const selectedInstances = computed(() => Object.entries(batchSelectInstances.value));
-
-  const hasSelectedInstances = computed(() => selectedInstances.value.length > 0);
+  const hasSelected = computed(() => selectedList.value.length > 0);
 
   const isCN = computed(() => locale.value === 'zh-cn');
 
@@ -264,13 +265,6 @@
   } as Record<string, string>;
 
   const columns = [
-    {
-      type: 'selection',
-      width: 30,
-      minWidth: 30,
-      label: '',
-      fixed: 'left',
-    },
     {
       label: t('实例'),
       minWidth: 200,
@@ -575,7 +569,7 @@
     InfoBox({
       extCls: 'dumper-instance-infobox',
       infoType: 'warning',
-      title: t('确认批量禁用n个实例？', { n: selectedInstances.value.length }),
+      title: t('确认批量禁用n个实例？', { n: selectedList.value.length }),
       confirmText: t('禁用'),
       subTitle: t('禁用后数据传输将会终止，请谨慎操作！'),
       width: 400,
@@ -585,7 +579,7 @@
           ticket_type: TicketTypes.TBINLOGDUMPER_DISABLE_NODES,
           remark: '',
           details: {
-            dumper_instance_ids: selectedInstances.value.map(item => item[0]),
+            dumper_instance_ids: selectedList.value.map(item => item.id),
           },
 
         };
@@ -625,7 +619,7 @@
   const handleBatchDeleteInstance = () => {
     InfoBox({
       type: 'warning',
-      title: t('确认批量删除n个实例？', { n: selectedInstances.value.length }),
+      title: t('确认批量删除n个实例？', { n: selectedList.value.length }),
       confirmText: t('删除'),
       confirmButtonTheme: 'danger',
       content: t('删除后数据传输将会终止，并删除实例，请谨慎操作！'),
@@ -636,7 +630,7 @@
           ticket_type: TicketTypes.TBINLOGDUMPER_REDUCE_NODES,
           remark: '',
           details: {
-            dumper_instance_ids: selectedInstances.value.map(item => item[0]),
+            dumper_instance_ids: selectedList.value.map(item => item.id),
           },
 
         };
@@ -683,7 +677,7 @@
   };
 
   const handleCopySelected = (isInstance = false) => {
-    const list = Object.values(batchSelectInstances.value).map(item => `${item.ip}:${item.listen_port}`);
+    const list = selectedList.value.map(item => `${item.ip}:${item.listen_port}`);
     if (!isInstance) {
       copy(list.map(inst => inst.split(':')[0]).join(','));
       return;
@@ -693,30 +687,10 @@
   };
 
   // 选择单台
-  const handleSelect = (data: { checked: boolean, row: DumperInstanceModel }) => {
-    const selectedMap = { ...batchSelectInstances.value };
-    if (data.checked) {
-      selectedMap[data.row.id] = data.row;
-    } else {
-      delete selectedMap[data.row.id];
-    }
-
-    batchSelectInstances.value = selectedMap;
+  const handleSelect = (_idList: string[], list: DumperInstanceModel[]) => {
+    selectedList.value = list
   };
 
-  // 选择所有
-  const handleSelectAll = (data:{checked: boolean}) => {
-    let selectedMap = { ...batchSelectInstances.value };
-    if (data.checked) {
-      selectedMap = (tableRef.value.getData() as DumperInstanceModel[]).reduce((result, item) => ({
-        ...result,
-        [item.id]: item,
-      }), {});
-    } else {
-      selectedMap = {};
-    }
-    batchSelectInstances.value = selectedMap;
-  };
 
   const handleColumnFilter = (data: {
     checked: string[],
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 40d6fee04d..ace06c7793 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
@@ -436,8 +436,7 @@
     return funControllerStore.funControllerData.mysql.children[currentKey];
   });
 
-  const defaultSettings = {
-    fields: [],
+  const { settings, updateTableSettings } = useTableSettings(UserPersonalSettings.TENDBHA_TABLE_SETTINGS, {
     checked: [
       'master_domain',
       'status',
@@ -452,14 +451,8 @@
       'region',
       'bk_cloud_id',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.TENDBHA_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 b773b401db..f0044f3680 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
@@ -371,16 +371,10 @@
   ]);
 
   // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings, updateTableSettings } = useTableSettings(UserPersonalSettings.TENDBSINGLE_TABLE_SETTINGS, {
     checked: ['master_domain', 'status', 'cluster_stats', 'masters', 'db_module_id', 'major_version', 'region'],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-  const { settings, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.TENDBSINGLE_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 8ade40eed6..5e53a4ca7f 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
@@ -416,9 +416,7 @@
     },
   ]);
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings: tableSetting, updateTableSettings } = useTableSettings(UserPersonalSettings.PULSAR_TABLE_SETTINGS, {
     checked: [
       'domain',
       'major_version',
@@ -430,14 +428,8 @@
       'pulsar_zookeeper',
       'pulsar_broker',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings: tableSetting, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.PULSAR_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
@@ -527,9 +519,15 @@
 </script>
 <style lang="less">
   .pulsar-list-page {
+    height: 100%;
+    padding: 24px 0;
+    margin: 0 24px;
+    overflow: hidden;
+
     .header-action {
       display: flex;
       flex-wrap: wrap;
+      margin-bottom: 16px;
 
       .bk-search-select {
         flex: 1;
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/cluster-ha-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/cluster-ha-list/components/list/Index.vue
index fa1baa9d6d..d416a398bc 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/cluster-ha-list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/cluster-ha-list/components/list/Index.vue
@@ -504,9 +504,7 @@
   });
   const selectedIds = computed(() => selected.value.map((item) => item.id));
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings, updateTableSettings } = useTableSettings(UserPersonalSettings.REDIS_HA_TABLE_SETTINGS, {
     checked: [
       'master_domain',
       'status',
@@ -518,14 +516,8 @@
       'module_names',
       'region',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.REDIS_HA_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/cluster-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/redis/cluster-list/components/list/Index.vue
index c03ee71ceb..25639de308 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/cluster-list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/cluster-list/components/list/Index.vue
@@ -619,9 +619,7 @@
   });
   const selectedIds = computed(() => selected.value.map((item) => item.id));
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings, updateTableSettings } = useTableSettings(UserPersonalSettings.REDIS_TABLE_SETTINGS, {
     checked: [
       'master_domain',
       'status',
@@ -636,14 +634,8 @@
       'region',
       'spec_name',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.REDIS_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
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 7664cb278e..0a04e3c763 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
@@ -347,9 +347,7 @@
 
   const selectedIds = computed(() => selected.value.map((item) => item.id));
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings: tableSetting, updateTableSettings } = useTableSettings(UserPersonalSettings.RIAK_TABLE_SETTINGS, {
     checked: [
       'cluster_name',
       'major_version',
@@ -361,13 +359,8 @@
       'cluster_stats',
       'riak_node',
     ],
-    trigger: 'manual' as const,
-  };
-
-  const { settings: tableSetting, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.RIAK_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   watch(isStretchLayoutOpen, (newVal) => {
     emits('detailOpenChange', newVal);
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 86f3ebcccc..f7bcebe66e 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
@@ -121,7 +121,7 @@
             :data="data">
             <BkButton
               class="mr-8"
-              :disabled="data.isStarting || data.isOffline"
+              :disabled="data.isStarting || !data.isOffline"
               text
               theme="primary"
               @click="handleEnableCluster([data])">
@@ -133,7 +133,7 @@
             :data="data">
             <BkButton
               class="mr-8"
-              :disabled="data.isOnline || Boolean(data.operationTicketId)"
+              :disabled="!data.isOnline || Boolean(data.operationTicketId)"
               text
               theme="primary"
               @click="handleResetCluster(data)">
@@ -359,9 +359,7 @@
     },
   ]);
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    fields: [],
+  const { settings, updateTableSettings } = useTableSettings(UserPersonalSettings.SQLSERVER_HA_TABLE_SETTINGS, {
     checked: [
       'master_domain',
       'status',
@@ -375,14 +373,8 @@
       'region',
       'spec_name',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.SQLSERVER_HA_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster-list/components/List.vue
index 36909173c3..173e8397a8 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster-list/components/List.vue
@@ -338,17 +338,10 @@
     },
   ]);
 
-  const defaultSettings = {
-    fields: [],
+  const { settings, updateTableSettings } = useTableSettings(UserPersonalSettings.SQLSERVER_SINGLE_TABLE_SETTINGS, {
     checked: ['master_domain', 'status', 'cluster_stats', 'storages', 'db_module_id', 'major_version', 'region'],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const { settings, updateTableSettings } = useTableSettings(
-    UserPersonalSettings.SQLSERVER_SINGLE_TABLE_SETTINGS,
-    defaultSettings,
-  );
+    disabled: ['master_domain'],
+  });
 
   const getMenuList = async (item: ISearchItem | undefined, keyword: string) => {
     if (item?.id !== 'creator' && keyword) {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/cluster-list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/cluster-list/components/list/Index.vue
index 882a3e14e0..948f810382 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/cluster-list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/cluster-list/components/list/Index.vue
@@ -228,7 +228,7 @@
                 <OperationBtnStatusTips :data="data">
                   <AuthButton
                     action-id="tendbcluster_enable_disable"
-                    :disabled="data.operationTicketId"
+                    :disabled="Boolean(data.operationTicketId)"
                     :permission="data.permission.tendbcluster_enable_disable"
                     :resource="data.id"
                     text
@@ -566,14 +566,10 @@
     return classList.filter(cls => cls).join(' ');
   };
 
-  // 设置用户个人表头信息
-  const defaultSettings = {
-    // fields: (columns.value || []).filter(item => item.field).map(item => ({
-    //   label: item.label as string,
-    //   field: item.field as string,
-    //   disabled: ['master_domain'].includes(item.field as string),
-    // })),
-    fields: [],
+  const {
+    settings,
+    updateTableSettings,
+  } = useTableSettings(UserPersonalSettings.TENDBCLUSTER_TABLE_SETTINGS, {
     checked: [
       'master_domain',
       'slave_domain',
@@ -590,14 +586,8 @@
       'spec_name',
       'bk_cloud_id',
     ],
-    showLineHeight: false,
-    trigger: 'manual' as const,
-  };
-
-  const {
-    settings,
-    updateTableSettings,
-  } = useTableSettings(UserPersonalSettings.TENDBCLUSTER_TABLE_SETTINGS, defaultSettings);
+    disabled: ['master_domain'],
+  });
 
   let isInitData = true;
   const fetchTableData = () => {
diff --git a/dbm-ui/frontend/src/views/task-history/list/Index.vue b/dbm-ui/frontend/src/views/task-history/list/Index.vue
index 73862d7e33..44d57f1b73 100644
--- a/dbm-ui/frontend/src/views/task-history/list/Index.vue
+++ b/dbm-ui/frontend/src/views/task-history/list/Index.vue
@@ -31,7 +31,7 @@
     </div>
     <DbTable
       ref="tableRef"
-      :data-source="getTaskflow"
+      :data-source="dataSource"
       @clear-search="handleClearSearch"
       @column-filter="columnFilterChange">
       <BkTableColumn
@@ -201,6 +201,14 @@
   const route = useRoute();
   const { t } = useI18n();
 
+  const isPlatformManage = route.name === 'platformTaskHistoryList';
+
+  const dataSource = (params: Parameters<typeof getTaskflow>[0]) =>
+    getTaskflow({
+      ...params,
+      bk_biz_id: isPlatformManage ? undefined : window.PROJECT_CONFIG.BIZ_ID,
+    });
+
   const { searchValue, columnCheckedMap, columnFilterChange, clearSearchValue, handleSearchValueChange } =
     useLinkQueryColumnSerach({
       searchType: ClusterTypes.TENDBHA,
@@ -286,15 +294,10 @@
             created_at__lte: format(new Date(daterange[1]), 'yyyy-MM-dd HH:mm:ss'),
           };
 
-    tableRef.value.fetchData(
-      {
-        ...dateParams,
-        ...getSearchSelectorParams(searchValue.value),
-      },
-      {
-        bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
-      },
-    );
+    tableRef.value.fetchData({
+      ...dateParams,
+      ...getSearchSelectorParams(searchValue.value),
+    });
   };
 
   async function getMenuList(item: ISearchItem | undefined, keyword: string) {