From 74f7c0c9a3766c895a2f21afdfe6f48adf2be697 Mon Sep 17 00:00:00 2001
From: 3octaves <873551943@qq.com>
Date: Mon, 11 Nov 2024 17:55:53 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E9=9B=86=E7=BE=A4=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=94=AF=E6=8C=81=E6=89=B9=E9=87=8F=E7=A6=81=E7=94=A8?=
 =?UTF-8?q?/=E5=90=AF=E7=94=A8=E3=80=81=E5=88=A0=E9=99=A4=E9=9B=86?=
 =?UTF-8?q?=E7=BE=A4=20#7753?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../doris/list/components/list/Index.vue      | 47 +++++-----
 .../list/components/list/Index.vue            | 35 ++++---
 .../hdfs/list/components/list/Index.vue       | 35 ++++---
 .../kafka/list/components/list/Index.vue      | 47 +++++-----
 .../components/list/Index.vue                 | 66 ++++++-------
 .../components/list/Index.vue                 | 94 +++++++++----------
 .../mysql/ha-cluster-list/components/List.vue | 83 +++++++---------
 .../single-cluster-list/components/List.vue   | 62 ++++++------
 .../pulsar/list/components/list/Index.vue     | 29 +++---
 .../redis/list-ha/components/list/Index.vue   | 47 +++++-----
 .../redis/list/components/list/Index.vue      | 47 +++++-----
 .../ha-cluster-list/components/List.vue       | 53 ++++-------
 .../single-cluster/components/List.vue        | 53 ++++-------
 .../list/components/list/Index.vue            | 58 +++++-------
 14 files changed, 336 insertions(+), 420 deletions(-)

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 92b565672e..b4682fdb1f 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
@@ -300,8 +300,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 300,
-      minWidth: 300,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -340,6 +339,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 +426,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"
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 e900710183..6f280a8bdd 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
@@ -314,8 +314,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 300,
-      minWidth: 300,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -354,6 +353,22 @@
             ),
             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>
+                  )
+                }
+                {
+                  isRecentDays(data.create_at, 24 * 3)
+                  && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" />
+                }
                 {data.domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -411,22 +426,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"
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 3cf1a58f70..6f14099527 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
@@ -327,8 +327,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -367,6 +366,22 @@
               ),
               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>
+                    )
+                  }
+                  {
+                    isRecentDays(data.create_at, 24 * 3)
+                    && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" />
+                  }
                   {data.domain && (
                     <RenderCellCopy copyItems={
                       [
@@ -427,22 +442,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('复制集群名称')}
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 1fbdea72e0..b0e81c769b 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
@@ -311,8 +311,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -351,6 +350,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 +434,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"
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 3b54d6703f..eeb1b874bf 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
@@ -25,12 +25,6 @@
         class="ml-8 mb-8"
         :disabled="!hasSelected"
         :list="clusterBatchOperationList" />
-      <BkButton
-        class="ml-8 mb-8"
-        :disabled="!hasSelected"
-        @click="handleShowClusterAuthorize">
-        {{ t('批量授权') }}
-      </BkButton>
       <span
         v-bk-tooltips="{
           disabled: hasData,
@@ -297,6 +291,13 @@
   const selectedIds = computed(() => selected.value.map(item => item.id));
 
   const clusterBatchOperationList = computed(() => [
+  {
+      dbConsole: 'mongodb.replicaSetList.batchAuthorize',
+      click: () => handleShowClusterAuthorize(),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'mongodb.replicaSetList.disable',
       click: () => handleDisableCluster(selected.value),
@@ -330,22 +331,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
@@ -383,22 +374,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>
-              )
-            }
           </>
         );
 
@@ -448,6 +423,31 @@
             ),
             append: () => (
               <>
+                {
+                  data.isNew && (
+                    <MiniTag
+                      content='NEW'
+                      class="new-tag"
+                      theme='success'>
+                    </MiniTag>
+                  )
+                }
+                {
+                  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={
                   [
                     {
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 593137c9f0..528f427df0 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
@@ -25,12 +25,6 @@
         class="ml-8 mb-8"
         :disabled="!hasSelected"
         :list="clusterBatchOperationList" />
-      <BkButton
-        class="ml-8 mb-8"
-        :disabled="!hasSelected"
-        @click="handleShowClusterAuthorize">
-        {{ t('批量授权') }}
-      </BkButton>
       <span
         v-bk-tooltips="{
           disabled: hasData,
@@ -299,6 +293,13 @@
   const selectedIds = computed(() => selected.value.map(item => item.id));
 
   const clusterBatchOperationList = computed(() => [
+    {
+      dbConsole: 'mongodb.sharedClusterList.batchAuthorize',
+      click: () => handleShowClusterAuthorize(),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'mongodb.sharedClusterList.disable',
       click: () => handleDisableCluster(selected.value),
@@ -335,55 +336,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}
@@ -409,6 +378,29 @@
             ),
             append: () => (
               <>
+                {
+                  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>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
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 67fc50fffa..194a9fc228 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
@@ -26,34 +26,6 @@
         class="ml-8"
         :disabled="!hasSelected"
         :list="clusterBatchOperationList" />
-      <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>
       <BkButton
         v-db-console="'mysql.haClusterList.importAuthorize'"
         class="ml-8"
@@ -258,6 +230,20 @@
   const selectedIds = computed(() => selected.value.map(item => item.id));
 
   const clusterBatchOperationList = computed(() => [
+    {
+      dbConsole: 'mysql.haClusterList.batchSubscription',
+      click: () => handleShowCreateSubscribeRuleSlider(),
+      disabled: false,
+      tooltips: '',
+      text: t('批量订阅')
+    },
+    {
+      dbConsole: 'mysql.haClusterList.batchAuthorize',
+      click: () => handleShowAuthorize(selected.value),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'mysql.haClusterList.disable',
       click: () => handleSwitchCluster(TicketTypes.MYSQL_HA_DISABLE, selected.value),
@@ -376,8 +362,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       showOverflowTooltip: false,
       renderHead: () => (
         <RenderHeadCopy
@@ -416,6 +401,25 @@
             ),
             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" />
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -477,25 +481,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}
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 0419810a17..034adb4a2d 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
@@ -26,20 +26,6 @@
         class="ml-8"
         :disabled="!hasSelected"
         :list="clusterBatchOperationList" />
-      <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>
       <BkButton
         v-db-console="'mysql.singleClusterList.importAuthorize'"
         class="ml-8"
@@ -223,6 +209,13 @@
   const selectedIds = computed(() => selected.value.map(item => item.id));
 
   const clusterBatchOperationList = computed(() => [
+    {
+      dbConsole: 'mysql.singleClusterList.batchAuthorize',
+      click: () => handleShowAuthorize(selected.value),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'mysql.singleClusterList.disable',
       click: () => handleSwitchCluster(TicketTypes.MYSQL_SINGLE_DISABLE, selected.value),
@@ -334,8 +327,7 @@
       label: t('访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       renderHead: () => (
         <RenderHeadCopy
           hasSelected={hasSelected.value}
@@ -373,6 +365,25 @@
             ),
             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" />
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -426,25 +437,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"
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 d851d870d0..56ffdb2bb0 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
@@ -243,8 +243,7 @@
     {
       label: t('访问入口'),
       field: 'domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       showOverflowTooltip: false,
       renderHead: () => (
@@ -284,6 +283,19 @@
             ),
             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 && <span class="glob-new-tag cluster-tag ml-4" data-text="NEW" /> }
                 {data.domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -340,19 +352,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('复制集群名称')}
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 813267d489..6337e6cac4 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
@@ -420,8 +420,7 @@
     {
       label: t('主访问入口'),
       field: 'master_domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -460,6 +459,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={
                     [
@@ -524,29 +544,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"
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 be0cdfd539..ca95e3afb0 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
@@ -419,8 +419,7 @@
     {
       label: t('访问入口'),
       field: 'master_domain',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       fixed: 'left',
       renderHead: () => (
         <RenderHeadCopy
@@ -478,6 +477,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={
                     [
@@ -542,29 +562,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"
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 0698791984..01c7840bdf 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
@@ -12,19 +12,6 @@
           class="ml-8"
           :disabled="!hasSelected"
           :list="clusterBatchOperationList" />
-        <span
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择集群'),
-          }"
-          class="inline-block">
-          <BkButton
-            class="ml-8"
-            :disabled="!hasSelected"
-            @click="handleShowAuthorize(selected)">
-            {{ t('批量授权') }}
-          </BkButton>
-        </span>
         <BkButton
           class="ml-8"
           @click="handleShowExcelAuthorize">
@@ -141,7 +128,7 @@
   import {
     getMenuListSearch,
     getSearchSelectorParams,
-    isRecentDays
+    // isRecentDays
   } from '@utils';
 
   const haClusterData = defineModel<{
@@ -213,6 +200,13 @@
   const isCN = computed(() => locale.value === 'zh-cn');
 
   const clusterBatchOperationList = computed(() => [
+  {
+      dbConsole: 'sqlserver.haClusterList.batchAuthorize',
+      click: () => handleShowAuthorize(selected.value),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'sqlserver.haClusterList.disable',
       click: () => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, selected.value),
@@ -335,8 +329,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       showOverflowTooltip: false,
       renderHead: () => (
         <RenderHeadCopy
@@ -382,6 +375,15 @@
                       data={item} />
                   ))
                 }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -450,25 +452,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"
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 019a96fa35..f0c79a461c 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
@@ -12,19 +12,6 @@
           class="ml-8"
           :disabled="!hasSelected"
           :list="clusterBatchOperationList" />
-        <span
-          v-bk-tooltips="{
-            disabled: hasSelected,
-            content: t('请选择集群'),
-          }"
-          class="inline-block">
-          <BkButton
-            class="ml-8"
-            :disabled="!hasSelected"
-            @click="handleShowAuthorize(selected)">
-            {{ t('批量授权') }}
-          </BkButton>
-        </span>
         <BkButton
           class="ml-8"
           @click="handleShowExcelAuthorize">
@@ -140,7 +127,7 @@
   import {
     getMenuListSearch,
     getSearchSelectorParams,
-    isRecentDays,
+    // isRecentDays,
   } from '@utils';
 
   const singleClusterData = defineModel<{ clusterId: number }>('singleClusterData');
@@ -210,6 +197,13 @@
   const isCN = computed(() => locale.value === 'zh-cn');
 
   const clusterBatchOperationList = computed(() => [
+    {
+      dbConsole: 'sqlserver.singleClusterList.batchAuthorize',
+      click: () => handleShowAuthorize(selected.value),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'sqlserver.singleClusterList.disable',
       click: () => handleSwitchCluster(TicketTypes.SQLSERVER_DISABLE, selected.value),
@@ -322,8 +316,7 @@
       label: t('访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       renderHead: () => (
         <RenderHeadCopy
           hasSelected={hasSelected.value}
@@ -368,6 +361,15 @@
                       data={item} />
                   ))
                 }
+                {
+                  data.isOffline && !data.isStarting && (
+                    <bk-tag
+                      class="ml-4"
+                      size="small">
+                      {t('已禁用')}
+                    </bk-tag>
+                  )
+                }
                 <RenderCellCopy copyItems={
                   [
                     {
@@ -429,25 +431,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"
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 0b6d54164e..4857c1be5c 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
@@ -26,20 +26,6 @@
           class="ml-8"
           :disabled="!hasSelected"
           :list="clusterBatchOperationList" />
-        <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>
         <span
           v-bk-tooltips="{
             disabled: hasData,
@@ -354,6 +340,13 @@
   });
 
   const clusterBatchOperationList = computed(() => [
+    {
+      dbConsole: 'tendbCluster.clusterManage.batchAuthorize',
+      click: () => handleShowAuthorize(selected.value),
+      disabled: false,
+      tooltips: '',
+      text: t('批量授权')
+    },
     {
       dbConsole: 'tendbCluster.clusterManage.disable',
       click: () => handleChangeClusterOnline(TicketTypes.TENDBCLUSTER_DISABLE, selected.value),
@@ -391,8 +384,7 @@
       label: t('主访问入口'),
       field: 'master_domain',
       fixed: 'left',
-      width: 280,
-      minWidth: 280,
+      minWidth: 320,
       showOverflowTooltip: false,
       renderHead: () => (
         <RenderHeadCopy
@@ -431,6 +423,23 @@
             ),
             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 && (
+                    <span class="glob-new-tag cluster-tag" data-text="NEW" />
+                  )
+                }
                 {data.master_domain && (
                   <RenderCellCopy copyItems={
                     [
@@ -525,23 +534,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('复制集群名称')}