From 2aad7a87ccd9bbfcf6ad7e79a7b975815607ad8e Mon Sep 17 00:00:00 2001
From: jojo <royalpioneer@foxmail.com>
Date: Tue, 8 Oct 2024 15:03:43 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=20=E6=B7=BB=E5=8A=A0=E5=85=A8?=
 =?UTF-8?q?=E5=B1=80=E5=8F=8A=E4=B8=9A=E5=8A=A1=E4=B8=8B=E7=9A=84=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E6=A0=87=E7=AD=BE=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=20#7285=20#=20Reviewed,=20transaction=20id:=2022801?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dbm-ui/frontend/lib/bk-icon/demo.html         |  30 +
 .../frontend/lib/bk-icon/fonts/iconcool.eot   | Bin 53216 -> 53216 bytes
 .../frontend/lib/bk-icon/fonts/iconcool.ttf   | Bin 53048 -> 53048 bytes
 .../frontend/lib/bk-icon/fonts/iconcool.woff  | Bin 31676 -> 31676 bytes
 .../components/disk-pop-info/DiskPopInfo.vue  |   7 +-
 dbm-ui/frontend/src/layout/Index.vue          |   2 +
 .../src/layout/components/ConfigManage.vue    |  32 +-
 .../src/layout/components/ResourceManage.vue  |  12 +
 dbm-ui/frontend/src/locales/zh-cn.json        | 430 ++++++-------
 dbm-ui/frontend/src/router/index.ts           |   2 +
 .../services/model/db-resource/DbResource.ts  |   9 +-
 .../services/model/db-resource/ResourceTag.ts |  45 ++
 .../function-controller/functionController.ts |   3 +
 .../src/services/source/dbresourceResource.ts |   4 +-
 dbm-ui/frontend/src/services/source/tag.ts    |  75 +++
 dbm-ui/frontend/src/stores/globalBizs.ts      |   5 +
 .../resource-manage/pool/business/Index.vue   |  89 +++
 .../pool/components/host-list/Index.vue       | 579 ++++++++++++++++++
 .../host-list/components/HostOperationTip.vue | 114 ++++
 .../host-list/components/ImportHostBtn.vue    |   0
 .../host-list/components/RenderTable.vue      |   2 +
 .../components/batch-assign/Index.vue         | 148 +++++
 .../batch-assign/components/FormPanel.vue     | 176 ++++++
 .../batch-assign/components/ListPanel.vue     | 266 ++++++++
 .../batch-convert-to-business/Index.vue       |  78 +++
 .../batch-covert-to-public/Index.vue          |  77 +++
 .../batch-move-to-fault-pool/Index.vue        |  64 ++
 .../batch-move-to-recycle-pool/Index.vue      |  64 ++
 .../components/batch-setting/Index.vue        |  44 +-
 .../components/ResourceSpecStorage.vue        |   0
 .../components/batch-undo-import/Index.vue    |  64 ++
 .../components/import-host/Index.vue          |  31 +-
 .../import-host/components/FormPanel.vue      | 105 ++--
 .../components/select-host-panel/Index.vue    |   4 +-
 .../components/HostEmpty.vue                  |   0
 .../resource-search-selector/Index.vue        | 132 ++++
 .../components/review-data-dialog/Index.vue   | 158 +++++
 .../host-list/components/search-box/Index.vue |   0
 .../components/com-factory/Index.vue          |   2 +
 .../com-factory/components/AgentStatus.vue    |   0
 .../com-factory/components/BkCloudIds.vue     |   0
 .../com-factory/components/CitySubzones.vue   |   0
 .../components/com-factory/components/Cpu.vue |   0
 .../com-factory/components/DeviceClass.vue    |   0
 .../com-factory/components/Disk.vue           |   0
 .../com-factory/components/DiskType.vue       |   0
 .../com-factory/components/ForBiz.vue         |   0
 .../com-factory/components/Hosts.vue          |   0
 .../com-factory/components/Label.vue          |  84 +++
 .../components/com-factory/components/Mem.vue |   0
 .../com-factory/components/MountPoint.vue     |   0
 .../com-factory/components/OSType.vue         |   0
 .../com-factory/components/ResourceType.vue   |   0
 .../com-factory/components/SpecId.vue         |   0
 .../search-box/components/field-config.ts     |   5 +
 .../components/field-input/Index.vue          |   8 +-
 .../components/CollectSearchParams.vue        |   0
 .../search-box/components/field-tag/Index.vue |   0
 .../components/field-tag/ValueTag.vue         |   0
 .../components/search-box/components/utils.ts |   0
 .../components/tag-research/panel/Index.vue   |  47 ++
 .../tag-research/selector/Index.vue           |  92 +++
 .../components/tag-selector/Index.vue         | 272 ++++++++
 .../components/update-assign/Index.vue        | 167 +++++
 .../host-list/hooks/useTableSetting.ts        |   0
 .../{ => components}/summary-view/Index.vue   |   0
 .../summary-view/components/BarChart.vue      |   0
 .../components/DimensionSelect.vue            |   0
 .../summary-view/components/Export.vue        |   0
 .../summary-view/components/List.vue          |   0
 .../components/search-box/Index.vue           |   0
 .../components/search-box/components/Biz.vue  |   0
 .../components/search-box/components/Db.vue   |   0
 .../search-box/components/Region.vue          |   0
 .../components/search-box/components/Spec.vue |   0
 .../pool/{ => global}/Index.vue               |  44 +-
 .../resource-manage/pool/host-list/Index.vue  | 343 -----------
 .../src/views/resource-manage/pool/type.ts    |  13 +
 .../src/views/resource-manage/routes.ts       |  15 +-
 .../frontend/src/views/tag-manage/Index.vue   | 440 +++++++++++++
 .../components/BusinessSelector.vue           | 160 +++++
 .../views/tag-manage/components/CreateTag.vue | 178 ++++++
 .../tag-manage/components/EditableCell.vue    |  99 +++
 .../frontend/src/views/tag-manage/routes.ts   |  41 ++
 84 files changed, 4200 insertions(+), 661 deletions(-)
 create mode 100644 dbm-ui/frontend/src/services/model/db-resource/ResourceTag.ts
 create mode 100644 dbm-ui/frontend/src/services/source/tag.ts
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/business/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/HostOperationTip.vue
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/ImportHostBtn.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/RenderTable.vue (99%)
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/FormPanel.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/ListPanel.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-convert-to-business/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-covert-to-public/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-fault-pool/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-recycle-pool/Index.vue
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/batch-setting/Index.vue (86%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/batch-setting/components/ResourceSpecStorage.vue (100%)
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-undo-import/Index.vue
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/import-host/Index.vue (81%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/import-host/components/FormPanel.vue (82%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/import-host/components/select-host-panel/Index.vue (97%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/import-host/components/select-host-panel/components/HostEmpty.vue (100%)
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/resource-search-selector/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/review-data-dialog/Index.vue
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/Index.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/Index.vue (98%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/AgentStatus.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/BkCloudIds.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/CitySubzones.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/Cpu.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/DeviceClass.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/Disk.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/DiskType.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/ForBiz.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/Hosts.vue (100%)
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Label.vue
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/Mem.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/MountPoint.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/OSType.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/ResourceType.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/com-factory/components/SpecId.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/field-config.ts (98%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/field-input/Index.vue (96%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/field-input/components/CollectSearchParams.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/field-tag/Index.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/field-tag/ValueTag.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/components/search-box/components/utils.ts (100%)
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/panel/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/selector/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/update-assign/Index.vue
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/host-list/hooks/useTableSetting.ts (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/Index.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/BarChart.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/DimensionSelect.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/Export.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/List.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/search-box/Index.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/search-box/components/Biz.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/search-box/components/Db.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/search-box/components/Region.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => components}/summary-view/components/search-box/components/Spec.vue (100%)
 rename dbm-ui/frontend/src/views/resource-manage/pool/{ => global}/Index.vue (73%)
 delete mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/resource-manage/pool/type.ts
 create mode 100644 dbm-ui/frontend/src/views/tag-manage/Index.vue
 create mode 100644 dbm-ui/frontend/src/views/tag-manage/components/BusinessSelector.vue
 create mode 100644 dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue
 create mode 100644 dbm-ui/frontend/src/views/tag-manage/components/EditableCell.vue
 create mode 100644 dbm-ui/frontend/src/views/tag-manage/routes.ts

diff --git a/dbm-ui/frontend/lib/bk-icon/demo.html b/dbm-ui/frontend/lib/bk-icon/demo.html
index b0a9502cfa..3482f60773 100644
--- a/dbm-ui/frontend/lib/bk-icon/demo.html
+++ b/dbm-ui/frontend/lib/bk-icon/demo.html
@@ -117,6 +117,10 @@ <h2 class="page-title">
     </div>
     <section class="tab-content single-color active" data-type="singleColor">
       <ul class="icon-list">
+        <li class="icon-item" title="tags">
+          <span class="icon bk-dbm-icon db-icon-tags"></span>
+          <p class="icon-text">tags</p>
+        </li>
         <li class="icon-item" title="check-circle-fill">
           <span class="icon bk-dbm-icon db-icon-check-circle-fill"></span>
           <p class="icon-text">check-circle-fill</p>
@@ -749,6 +753,10 @@ <h2 class="page-title">
           <span class="icon bk-dbm-icon db-icon-backup-2"></span>
           <p class="icon-text">backup-2</p>
         </li>
+        <li class="icon-item" title="loading-tubiao">
+          <span class="icon bk-dbm-icon db-icon-loading-tubiao"></span>
+          <p class="icon-text">loading-tubiao</p>
+        </li>
         <li class="icon-item" title="host-select">
           <span class="icon bk-dbm-icon db-icon-host-select"></span>
           <p class="icon-text">host-select</p>
@@ -829,6 +837,10 @@ <h2 class="page-title">
           <span class="icon bk-dbm-icon db-icon-dirty-host"></span>
           <p class="icon-text">dirty-host</p>
         </li>
+        <li class="icon-item" title="tag-3">
+          <span class="icon bk-dbm-icon db-icon-tag-3"></span>
+          <p class="icon-text">tag-3</p>
+        </li>
         <li class="icon-item" title="saoba">
           <span class="icon bk-dbm-icon db-icon-saoba"></span>
           <p class="icon-text">saoba</p>
@@ -990,6 +1002,12 @@ <h3 class="describe-title">如何使用</h3>
     </section>
     <section class="tab-content multiple-color"  data-type="multipleColor">
       <ul class="icon-list">
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#db-icon-tags"></use>
+          </svg>
+          <p class="icon-text">tags</p>
+        </li>
         <li class="colorful-icon">
           <svg class="icon svg-icon">
             <use xlink:href="#db-icon-check-circle-fill"></use>
@@ -1938,6 +1956,12 @@ <h3 class="describe-title">如何使用</h3>
           </svg>
           <p class="icon-text">backup-2</p>
         </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#db-icon-loading-tubiao"></use>
+          </svg>
+          <p class="icon-text">loading-tubiao</p>
+        </li>
         <li class="colorful-icon">
           <svg class="icon svg-icon">
             <use xlink:href="#db-icon-host-select"></use>
@@ -2058,6 +2082,12 @@ <h3 class="describe-title">如何使用</h3>
           </svg>
           <p class="icon-text">dirty-host</p>
         </li>
+        <li class="colorful-icon">
+          <svg class="icon svg-icon">
+            <use xlink:href="#db-icon-tag-3"></use>
+          </svg>
+          <p class="icon-text">tag-3</p>
+        </li>
         <li class="colorful-icon">
           <svg class="icon svg-icon">
             <use xlink:href="#db-icon-saoba"></use>
diff --git a/dbm-ui/frontend/lib/bk-icon/fonts/iconcool.eot b/dbm-ui/frontend/lib/bk-icon/fonts/iconcool.eot
index 3257d928f5c5a0ce72ac5c86d1bb6bbf709fdafb..d510257ec25fd5434caf055d54cbc3e16884addb 100644
GIT binary patch
delta 58
zcmaDbpZURj<_R_|oQJQZPjuM9qOYphI`PjGne;1%Ipg_lzA|vLFo3{g*Z0yedh;4a
GlXC!;q!k+g

delta 58
zcmaDbpZURj<_R_|wYwZMCOYh3(R;V_^u#|?WHKCg)yDJNd}ZKfVE}>0S{v<P^yW2;
GCg%XdIu-K(

diff --git a/dbm-ui/frontend/lib/bk-icon/fonts/iconcool.ttf b/dbm-ui/frontend/lib/bk-icon/fonts/iconcool.ttf
index a0824fb9e64fa0ec1e3d3a5ebb58af5e20ca80bd..926211939198f6a5848970c125b2222668f05b17 100644
GIT binary patch
delta 50
ycmdlnk9o&D<_Q5T`l^bp6GNuRq+dDA8P9L?m4Tau0R$eqzL$p4n^_o5&H(_ez7P2T

delta 50
ycmdlnk9o&D<_Q5TdheE=o)|JkCc|-8Z9KotR|akt1`v3xwb2enZ)RaMIR^mXpAh%}

diff --git a/dbm-ui/frontend/lib/bk-icon/fonts/iconcool.woff b/dbm-ui/frontend/lib/bk-icon/fonts/iconcool.woff
index a476fb1eb524249ecf6fb1143bca1bf4520852cd..86fb121ae72af691376840f3c10245db52b8833b 100644
GIT binary patch
delta 63
zcmV-F0Kose_W`{30g#LYFC`&`v5-M@DD*3bIpg_lzA|vLFo3{g*Z0ye`v0&0N}LVM
V20$(c0~1IT07-cZ{ImIV!v@e39fSY?

delta 63
zcmV-F0Kose_W`{30g#LYF7Bnvv5-M@C=AD4wekEmUm3Vr7(n2$)<!!R{r}g0CC&zB
V10a`!fe9oE05>EHX|wrs!v@_e9C`o%

diff --git a/dbm-ui/frontend/src/components/disk-pop-info/DiskPopInfo.vue b/dbm-ui/frontend/src/components/disk-pop-info/DiskPopInfo.vue
index 74eb16d751..1e91969cc2 100644
--- a/dbm-ui/frontend/src/components/disk-pop-info/DiskPopInfo.vue
+++ b/dbm-ui/frontend/src/components/disk-pop-info/DiskPopInfo.vue
@@ -2,7 +2,7 @@
   <BkPopover
     :popover-delay="[0, 300]"
     theme="light"
-    trigger="hover"
+    :trigger="trigger"
     :width="430">
     <span style="padding: 0 10px">
       <slot />
@@ -26,9 +26,12 @@
 
   interface Props {
     data: DbResourceModel['storage_device'];
+    trigger?: 'hover' | 'click' | 'manual';
   }
 
-  const props = defineProps<Props>();
+  const props = withDefaults(defineProps<Props>(), {
+    trigger: 'hover',
+  });
 
   const { t } = useI18n();
 
diff --git a/dbm-ui/frontend/src/layout/Index.vue b/dbm-ui/frontend/src/layout/Index.vue
index 91d7137f91..cfe8ec81e5 100644
--- a/dbm-ui/frontend/src/layout/Index.vue
+++ b/dbm-ui/frontend/src/layout/Index.vue
@@ -138,6 +138,8 @@
     ],
     [menuEnum.observableManage]: ['DBHASwitchEvents', 'inspectionManage'],
     [menuEnum.configManage]: [
+      'BizResourcePool',
+      'BizResourceTag',
       'DbConfigure',
       'DBMonitorStrategy',
       'DBMonitorAlarmGroup',
diff --git a/dbm-ui/frontend/src/layout/components/ConfigManage.vue b/dbm-ui/frontend/src/layout/components/ConfigManage.vue
index e6a675fdce..c4ba4938c5 100644
--- a/dbm-ui/frontend/src/layout/components/ConfigManage.vue
+++ b/dbm-ui/frontend/src/layout/components/ConfigManage.vue
@@ -9,6 +9,36 @@
         :active-key="currentActiveKey"
         :opened-keys="[parentKey]"
         @click="handleMenuChange">
+        <BkMenuGroup :name="t('资源管理')">
+          <BkMenuItem
+            key="BizResourcePool"
+            v-db-console="'bizConfigManage.businessResourcePool'">
+            <template #icon>
+              <DbIcon
+                svg
+                type="list" />
+            </template>
+            <span
+              v-overflow-tips.right
+              class="text-overflow">
+              {{ t('资源池') }}
+            </span>
+          </BkMenuItem>
+          <BkMenuItem
+            key="BizResourceTag"
+            v-db-console="'bizConfigManage.businessResourceTag'">
+            <template #icon>
+              <DbIcon
+                svg
+                type="tag-3" />
+            </template>
+            <span
+              v-overflow-tips.right
+              class="text-overflow">
+              {{ t('资源标签') }}
+            </span>
+          </BkMenuItem>
+        </BkMenuGroup>
         <BkMenuGroup :name="t('业务配置')">
           <BkMenuItem
             key="DbConfigure"
@@ -99,7 +129,7 @@
     parentKey,
     key: currentActiveKey,
     routeLocation: handleMenuChange,
-  } = useActiveKey(menuRef as Ref<InstanceType<typeof Menu>>, 'DbConfigure');
+  } = useActiveKey(menuRef as Ref<InstanceType<typeof Menu>>, 'BizResourcePool');
 
   const styles = useMenuStyles(menuBoxRef);
 </script>
diff --git a/dbm-ui/frontend/src/layout/components/ResourceManage.vue b/dbm-ui/frontend/src/layout/components/ResourceManage.vue
index d187047bf5..90efa287e7 100644
--- a/dbm-ui/frontend/src/layout/components/ResourceManage.vue
+++ b/dbm-ui/frontend/src/layout/components/ResourceManage.vue
@@ -41,6 +41,18 @@
           {{ t('污点主机处理') }}
         </span>
       </BkMenuItem>
+      <BkMenuItem
+        key="resourceTagsManagement"
+        v-db-console="'resourceManage.resourceTagsManagement'">
+        <template #icon>
+          <DbIcon type="tag-3" />
+        </template>
+        <span
+          v-overflow-tips.right
+          class="text-overflow">
+          {{ t('资源标签管理') }}
+        </span>
+      </BkMenuItem>
       <BkMenuItem
         key="resourcePoolOperationRecord"
         v-db-console="'resourceManage.resourceOperationRecord'">
diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index c3528790ac..50ab33313c 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -351,6 +351,7 @@
   "访问DB": "访问 DB",
   "访问源预览": "访问源预览",
   "旧从库主机": "旧从库主机",
+  "新从库主机": "新从库主机",
   "备份源": "备份源",
   "目标从库实例": "目标从库实例",
   "请输入域名_集群名称_所属DB模块": "请输入域名，集群名称，所属DB模块",
@@ -646,6 +647,7 @@
   "全选": "全选",
   "权限设置": "权限设置",
   "请输入DB名称_可以使用通配符_如Data_区分大小写_多个使用英文逗号_分号或换行分隔": "请输入 DB 名称，可以使用通配符 %，如 Data%，区分大小写，多个使用英文逗号、分号或换行分隔",
+  "DB名称不支持 *": "DB名称不支持 *",
   "该账号下已存在xx规则": "该账号下已存在 {0} 规则",
   "收藏成功": "收藏成功",
   "取消收藏成功": "取消收藏成功",
@@ -1044,11 +1046,10 @@
   "清除表数据和结构_droptable": "清除表数据和结构(drop table)",
   "清除表数据_truncatetable": "清除表数据(truncate table)",
   "特殊符号序": "特殊符号序",
-  "包含特殊字符_除空格外": "包含特殊字符，除空格外",
   "包含数字": "包含数字",
   "包含大写字母": "包含大写字母",
   "包含小写字母": "包含小写字母",
-  "MySQL_授权规则": "【MySQL】授权规则",
+  "指定特殊字符(s)": "指定特殊字符({s})",
   "MySQL主从集群_实例详情": "【MySQL 主从集群】实例详情",
   "MySQL主从集群_实例视图": "【MySQL 主从集群】实例视图",
   "MySQL主从集群详情": "MySQL 主从集群详情",
@@ -1202,6 +1203,7 @@
   "Bookkeeper节点数至少为2台": "Bookkeeper 节点数至少为 2 台",
   "Zookeeper节点数需3台": "Zookeeper 节点数需 3 台",
   "Broker节点数至少为1台": "Broker节点数至少为 1 台",
+  "已选n台_共nGB(目标容量:nG)": "已选{0}台，共{1}GB(目标容量:{2}G)",
   "(共n台_磁盘容量nG)": "(共{0}台，磁盘容量{1}G)",
   "(需n台_已选n台_少n台_共nG)": "(需{0}台，已选{1}台，少{2}台_共{3}G)",
   "确认扩容【name】集群": "确认扩容【{name}】集群？",
@@ -1433,6 +1435,7 @@
   "请先返回列表选择要替换的节点 IP": "请先返回列表选择要替换的节点 IP",
   "xx节点规格": "{name}节点规格",
   "替换后原节点 IP 将不在可用，资源将会被释放": "替换后原节点 IP 将不在可用，资源将会被释放",
+  "已选n台_共nG_(目标容量:nG)": "已选{0}台，共{1}G(目标容量:{1}G)",
   "Client 节点": "Client 节点",
   "冷热节点至少扩容一种类型": "冷热节点至少扩容一种类型",
   "每台主机实例数量": "每台主机实例数量",
@@ -1637,7 +1640,7 @@
   "断开后，数据将不会再再自动同步，请谨慎操作！": "断开后，数据将不会再再自动同步，请谨慎操作！",
   "重新复制": "重新复制",
   "确认重新复制数据？": "确认重新复制数据？",
-  "全量覆盖同名 Key（如：del  $key+ hset $key）": "全量覆盖同名 Key（如：del  $key+ hset $key）",
+  "全量覆盖同名 Key（如：del $key+ hset $key）": "全量覆盖同名 Key（如：del $key+ hset $key）",
   "增量覆盖同名 Key（如：hset $key）": "增量覆盖同名 Key（如：hset $key）",
   "清空目标集群所有数据": "清空目标集群所有数据",
   "请输入集群名称": "请输入集群名称",
@@ -1681,7 +1684,7 @@
   "复制完成后，只进行一次": "复制完成后，只进行一次",
   "复制完成后，每三天一次": "复制完成后，每三天一次",
   "复制完成后，每周一次": "复制完成后，每周一次",
-  "先删除同名 Key，再写入（如：del  $key+ hset $key）": "先删除同名 Key，再写入（如：del  $key+ hset $key）",
+  "先删除同名 Key，再写入（如：del $key+ hset $key）": "先删除同名 Key，再写入（如：del $key+ hset $key）",
   "保留同名 Key，追加写入（如：hset $key）": "保留同名 Key，追加写入（如：hset $key）",
   "清空目标集群所有数据，再写入": "清空目标集群所有数据，再写入",
   "业务内": "业务内",
@@ -1955,13 +1958,12 @@
   "请输入 DB 名、表名": "请输入 DB 名、表名",
   "目标 DB 不能为空": "目标 DB 不能为空",
   "请输入完整信息验证分区字段": "请输入完整信息验证分区字段",
-  "分区字段验证失败": "分区字段验证失败",
   "目标 DB": "目标 DB",
   "字段类型": "字段类型",
   "分区间隔": "分区间隔",
   "数据过期时间": "数据过期时间",
   "天": "天",
-  "暂无主机，你通过以下方法获取主机至“DBA 业务  -> 空闲机池  -> 空闲机模块”": "暂无主机，你通过以下方法获取主机至“DBA 业务  -> 空闲机池  -> 空闲机模块”",
+  "暂无主机，你通过以下方法获取主机至“DBA 业务 -> 空闲机池 -> 空闲机模块”": "暂无主机，你通过以下方法获取主机至“DBA 业务 -> 空闲机池 -> 空闲机模块”",
   "CMDB 资源池": "CMDB 资源池",
   "方法一：从CMDB 资源池分配；": "方法一：从CMDB 资源池分配；",
   "节点管理导入": "节点管理导入",
@@ -1976,7 +1978,7 @@
   "扩容规格": "扩容规格",
   "选择 Master IP 会默认选上关联的 Slave IP，一同替换": "选择 Master IP 会默认选上关联的 Slave IP，一同替换",
   "不再提示": "不再提示",
-  "扩容接入层：增加集群的Proxy数量，新Proxy可以指定规格": "扩容接入层：增加集群的 Proxy 数量，新  Proxy可以指定规格",
+  "扩容接入层：增加集群的Proxy数量，新Proxy可以指定规格": "扩容接入层：增加集群的 Proxy 数量，新 Proxy可以指定规格",
   "选择集群类型变更部署方案": "选择集群类型变更部署方案",
   "数据复制记录：数据复制记录提供数据复制后相关操作": "数据复制记录：数据复制记录提供数据复制后相关操作",
   "暂无从库故障集群": "暂无从库故障集群",
@@ -2427,6 +2429,7 @@
   "已选实例": "已选实例",
   "新建订阅规则": "新建订阅规则",
   "确认批量删除n个实例？": "确认批量删除 {n} 个实例？",
+  "确认批量删除n个标签？": "确认批量删除 {n} 个标签？",
   "确认批量禁用n个实例？": "确认批量禁用 {n} 个实例？",
   "部署dumper实例ID": "部署 dumper 实例 ID",
   "接收端集群与端口": "接收端集群与端口",
@@ -2565,8 +2568,7 @@
   "数据校验修复任务进行中": "数据校验修复任务进行中",
   "复制域名": "复制域名",
   "克隆分区策略": "克隆分区策略",
-  "注意_对从库授权时仅会授予select权限": "注意：对从库授权时仅会授予 select 权限",
-  "mongDB实例视图": "【MongDB】实例视图",
+  "注意_对从域名授权时仅会授予 select 权限": "注意：对从域名授权时仅会授予 select 权限",
   "实例：name": "实例：{name}",
   "从域名": "从域名",
   "请输入关键字或选择条件搜索": "请输入关键字或选择条件搜索",
@@ -2591,9 +2593,6 @@
   "申请MongoDB副本集部署": "申请 MongoDB 副本集部署",
   "MongoDB分片集群部署": "MongoDB 分片集群部署",
   "MongoDB副本集部署": "MongoDB 副本集部署",
-  "【MongDB】分片集群管理": "【MongDB】分片集群管理",
-  "【MongDB】副本集集群管理": "【MongDB】副本集集群管理",
-  "【MongDB】授权规则": "【MongDB】授权规则",
   "MongoDB版本": "MongoDB 版本",
   "默认从n开始分配": "默认从 {0} 开始分配",
   "每台主机oplog容量占比": "每台主机oplog容量占比",
@@ -2968,8 +2967,8 @@
   "只支持恢复到15天全备时间点": "只支持恢复到15天全备时间点",
   "a. 支持 Stream、Pubsub,事务支持开发中;\nb. 支持eval,key 需要满足 hash_tag 特性;": "a. 支持 Stream、Pubsub,事务支持开发中;\nb. 支持eval,key 需要满足 hash_tag 特性;",
   "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;": "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;",
-  "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向 Redis Ips),  智能 Redis 客户端, 自动处理 moved 错误;": "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向 Redis Ips),  智能 Redis 客户端, 自动处理 moved 错误;",
-  "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向Redis Ips),  智能 Redis 客户端, 自动处理 moved 错误;": "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向Redis Ips),  智能 Redis 客户端, 自动处理 moved 错误;",
+  "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向 Redis Ips), 智能 Redis 客户端, 自动处理 moved 错误;": "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向 Redis Ips), 智能 Redis 客户端, 自动处理 moved 错误;",
+  "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向Redis Ips), 智能 Redis 客户端, 自动处理 moved 错误;": "方式一: 域名(指向 Proxy Ips), 普通 Redis 客户端;\n方式二: 域名(指向Redis Ips), 智能 Redis 客户端, 自动处理 moved 错误;",
   "普通客户端：Redis Single 连接方式，Slot 与节点映射关系由 Proxy 自动处理；": "普通客户端：Redis Single 连接方式，Slot 与节点映射关系由 Proxy 自动处理；",
   "智能客户端：RedisCluster 连接方式，客户端自动维护 Slot 与节点映射关系，客户端自动处理 MOVED 错误；": "智能客户端：RedisCluster 连接方式，客户端自动维护 Slot 与节点映射关系，客户端自动处理 MOVED 错误；",
   "目标从库主机 n 不存在": "目标从库主机 {n} 不存在",
@@ -3070,51 +3069,6 @@
   "单机分片数": "单机分片数",
   "数量不能为空": "数量不能为空",
   "请输入数量": "请输入数量",
-  "Follower节点规格": "Follower 节点规格",
-  "Observer节点规格": "Observer 节点规格",
-  "【Doris】集群管理": "【Doris】集群管理",
-  "Doris集群部署": "Doris集群部署",
-  "申请Doris集群部署": "申请Doris集群部署",
-  "Doris版本": "Doris 版本",
-  "Follower节点": "Follower 节点",
-  "Observer节点": "Observer 节点",
-  "固定为n台": "固定为 {0} 台",
-  "查询端口": "查询端口",
-  "主机已被Follower节点使用": "主机已被 Follower 节点使用",
-  "主机已被Observer节点使用": "主机已被 Observer 节点使用",
-  "Follower节点IP": "Follower 节点 IP",
-  "Observer节点IP": "Observer 节点 IP",
-  "9010 和 9020 为服务内部占用端口": "9010 和 9020 为服务内部占用端口",
-  "与http端口互斥": "与 http 端口互斥",
-  "与查询端口互斥": "与查询端口互斥",
-  "至少添加一种节点IP": "至少添加一种节点 IP",
-  "name容量从n台扩容至n台": "{name} 容量从 {hostNumBefore} 台扩容至 {hostNumAfter} 台",
-  "name容量从n台缩容至n台": "{name} 容量从 {hostNumBefore} 台缩容至 {hostNumAfter} 台",
-  "至少缩容一种类型": "至少缩容一种类型",
-  "当前数量": "当前数量",
-  "确认禁用该集群？": "确认禁用该集群？",
-  "确认启用该集群？": "确认启用该集群？",
-  "启用后，将会恢复访问": "启用后，将会恢复访问",
-  "删除后将产生以下影响": "删除后将产生以下影响：",
-  "删除xxx集群": "删除 {0} 集群",
-  "删除xxx实例数据，停止相关进程": "删除 {xxx} 实例数据，停止相关进程",
-  "确认扩容集群？": "确认扩容集群？",
-  "若选择至少需要n台": "若选择至少需要 {0} 台",
-  "若选择至少需要n台，已选m台": "若选择至少需要 {0} 台，已选 {1} 台",
-  "扩容中": "扩容中",
-  "缩容中": "缩容中",
-  "替换中": "替换中",
-  "请保证冷/热节点至少存在一种": "请保证冷/热节点至少存在一种",
-  "Follower节点不支持缩容": "Follower节点不支持缩容",
-  "Follower类型节点若存在至少保留两台": "Follower类型节点若存在至少保留两台",
-  "冷/热 数据节点必选 1 种以上，每个角色至少需要 2 台": "冷/热 数据节点必选 1 种以上，每个角色至少需要 2 台",
-  "未完善": "未完善",
-  "扩容的节点 IP": "扩容的节点 IP",
-  "实例正在重启中，不能勾选": "实例正在重启中，不能勾选",
-  "较目标容量相差n台": "，较目标容量相差 {0} 台",
-  "较目标容量超出n台": "，较目标容量超出 {0} 台",
-  "Observer类型节点若存在至少保留两台": "Observer类型节点若存在至少保留两台",
-  "备份工具-TXSQL": "备份工具-TXSQL",
   "范围n_min_max": "范围 {n}, {min} ~ {max}",
   "请输入 where 条件，如：userId > 10000，不要带where关键字": "请输入 where 条件，如：userId > 10000，不要带where关键字",
   "Mongodb规格": "Mongodb规格",
@@ -3135,8 +3089,8 @@
   "禁用的集群不支持清档": "禁用的集群不支持清档",
   "请先添加链接的集群": "请先添加链接的集群",
   "立即添加": "立即添加",
-  "高可用-从域名": "高可用-从域名",
-  "高可用-主域名": "高可用-主域名",
+  "MySQL主从-从域名": "MySQL主从-从域名",
+  "MySQL主从-主域名": "MySQL主从-主域名",
   "复制已选": "复制已选",
   "复制所有": "复制所有",
   "域名:端口": "域名:端口",
@@ -3144,8 +3098,37 @@
   "无异常IP可复制": "无异常IP可复制",
   "已选集群的异常 IP": "已选集群的异常 IP",
   "暂无数据可复制": "暂无数据可复制",
-  "集群数量 / 每组主机部署集群需为整数": "集群数量 / 每组主机部署集群需为整数",
-  "必须大于当前台数n": "必须大于当前台数：{n}",
+  "变更后机器组数": "变更后机器组数",
+  "数据查询": "数据查询",
+  "清屏": "清屏",
+  "使用帮助": "使用帮助",
+  "连接的集群:xx": "连接的集群：{name}",
+  "连接的集群": "连接的集群",
+  "页签数量已达上限，请先关闭部分标": "页签数量已达上限，请先关闭部分标",
+  "字号调整": "字号调整",
+  "结束符后不允许有空白外的字符": "结束符后不允许有空白外的字符",
+  "查询结果数据量不能大于64M": "查询结果数据量不能大于64M",
+  "导出数据": "导出数据",
+  "目标 DB 名": "目标 DB 名",
+  "weher 条件": "weher 条件",
+  "导出原因": "导出原因",
+  "最多支持 5 个": "最多支持 5 个",
+  "where 条件": "where 条件",
+  "忽略表名：": "忽略表名：",
+  "数据和表结构": "数据和表结构",
+  "数据": "数据",
+  "下载结果文件": "下载结果文件",
+  "编辑授权规则": "编辑授权规则",
+  "编辑授权规则成功": "编辑授权规则成功",
+  "是否确认终止执行单据": "是否确认终止执行单据",
+  "终止执行后无法撤回，请谨慎操作！": "终止执行后无法撤回，请谨慎操作！",
+  "是否确认重试此步骤": "是否确认重试此步骤",
+  "终止": "终止",
+  "是否删除索引": "是否删除索引",
+  "支持 show databases、show tables from db1 等部分 show 语句": "支持 show databases、show tables from db1 等部分 show 语句",
+  "只能输入select，不支持 insert, delete, update，且 select 必须带limit控制行数，行数<=1000": "只能输入select，不支持 insert, delete, update，且 select 必须带limit控制行数，行数<=1000",
+  "暂时不支持 use 语句": "暂时不支持 use 语句",
+  "不允许访问系统库，如 mysql information_schema performance_schema db_infobase": "不允许访问系统库，如 mysql information_schema performance_schema db_infobase",
   "版本升级：接入层可直接原地升级，存储层需先创建相应版本的模块，连续版本可直接升级，跨版本需提供新机通过迁移完成升级；同机所有关联集群将一并升级": "版本升级：接入层可直接原地升级，存储层需先创建相应版本的模块，连续版本可直接升级，跨版本需提供新机通过迁移完成升级；同机所有关联集群将一并升级",
   "升级方式": "升级方式",
   "升级方式不能为空": "升级方式不能为空",
@@ -3159,8 +3142,8 @@
   "跳转新建模块": "跳转新建模块",
   "绑定模块不能为空": "绑定模块不能为空",
   "升级类型": "升级类型",
-  "适用于小版本升级，如 5.6.1 ->  5.6.2 ": "适用于小版本升级，如 5.6.1 ->  5.6.2 ",
-  "适用于大版本升级，如 5.6.0 ->  5.7.0": "适用于大版本升级，如 5.6.0 ->  5.7.0",
+  "适用于小版本升级，如 5.6.1 -> 5.6.2 ": "适用于小版本升级，如 5.6.1 -> 5.6.2 ",
+  "适用于大版本升级，如 5.6.0 -> 5.7.0": "适用于大版本升级，如 5.6.0 -> 5.7.0",
   "单节点仅支持原地升级": "单节点仅支持原地升级",
   "主从 - 接入层": "主从 - 接入层",
   "主从 - 存储层": "主从 - 存储层",
@@ -3168,40 +3151,20 @@
   "展开详情": "展开详情",
   "收起列表": "收起列表",
   "展开列表": "展开列表",
-  "是否确认终止执行单据": "是否确认终止执行单据",
-  "终止执行后无法撤回，请谨慎操作！": "终止执行后无法撤回，请谨慎操作！",
-  "是否确认重试此步骤": "是否确认重试此步骤",
-  "变更后机器组数": "变更后机器组数",
-  "数据查询": "数据查询",
-  "清屏": "清屏",
-  "使用帮助": "使用帮助",
-  "连接的集群:xx": "连接的集群：{name}",
-  "连接的集群": "连接的集群",
-  "页签数量已达上限，请先关闭部分标": "页签数量已达上限，请先关闭部分标",
-  "字号调整": "字号调整",
-  "结束符后不允许有空白外的字符": "结束符后不允许有空白外的字符",
-  "查询结果数据量不能大于64M": "查询结果数据量不能大于64M",
+  "版本包文件": "版本包文件",
+  "数据库版本不能为空": "数据库版本不能为空",
+  "版本包文件不能为空": "版本包文件不能为空",
+  "集群数量 / 每组主机部署集群需为整数": "集群数量 / 每组主机部署集群需为整数",
+  "必须大于当前台数n": "必须大于当前台数：{n}",
+  "除use dbname外，必须有结束符; 或": "除use dbname外，必须有结束符; 或 {n}",
+  "不允许访问系统库，如": "不允许访问系统库，如 {n}",
   "目标主库主机不存在": "目标主库主机不存在",
-  "编辑授权规则": "编辑授权规则",
-  "编辑授权规则成功": "编辑授权规则成功",
-  "导出数据": "导出数据",
-  "目标 DB 名": "目标 DB 名",
-  "weher 条件": "weher 条件",
-  "导出原因": "导出原因",
-  "最多支持 5 个": "最多支持 5 个",
-  "where 条件": "where 条件",
-  "忽略表名：": "忽略表名：",
-  "数据和表结构": "数据和表结构",
-  "数据": "数据",
-  "下载结果文件": "下载结果文件",
   "支持所有架构类型": "支持所有架构类型",
   "通用": "通用",
   "通用维护": "通用维护",
   "仅支持 TendisCache，TendisSSD，Tendisplus，RedisCluster 类型": "仅支持 TendisCache，TendisSSD，Tendisplus，RedisCluster 类型",
   "待重建的主机": "待重建的主机",
   "主机选择方式": "主机选择方式",
-  "终止": "终止",
-  "是否删除索引": "是否删除索引",
   "同机关联实例": "同机关联实例",
   "Proxy 实例": "Proxy 实例",
   "Proxy 主机": "Proxy 主机",
@@ -3215,7 +3178,7 @@
   "目标Proxy主机重复": "目标Proxy主机重复",
   "目标实例": "目标实例",
   "关联集群": "关联集群",
-  "缩容数量(台)": "缩容数量(台)",
+  "缩容数量（台）": "缩容数量（台）",
   "自动匹配": "自动匹配",
   "Master 主机": "Master 主机",
   "缩容后不能少于2台": "缩容后不能少于2台",
@@ -3223,13 +3186,6 @@
   "缩容后不能少于1台": "缩容后不能少于1台",
   "Master 缩容数量 （台）": "Master 缩容数量 （台）",
   "Slave 缩容数量 （台）": "Slave 缩容数量 （台）",
-  "支持 show databases、show tables from db1 等部分 show 语句": "支持 show databases、show tables from db1 等部分 show 语句",
-  "只能输入select，不支持 insert, delete, update，且 select 必须带limit控制行数，行数<=1000": "只能输入select，不支持 insert, delete, update，且 select 必须带limit控制行数，行数<=1000",
-  "暂时不支持 use 语句": "暂时不支持 use 语句",
-  "不允许访问系统库，如 mysql information_schema performance_schema db_infobase": "不允许访问系统库，如 mysql information_schema performance_schema db_infobase",
-  "版本包文件": "版本包文件",
-  "数据库版本不能为空": "数据库版本不能为空",
-  "版本包文件不能为空": "版本包文件不能为空",
   "当前密码": "当前密码",
   "关联主库主机": "关联主库主机",
   "构造到新集群": "构造到新集群",
@@ -3258,23 +3214,22 @@
   "1年": "1年",
   "巡检时间": "巡检时间",
   "指定备份记录": "指定备份记录",
-  "主库主机关联实例": "主库主机关联实例",
-  "缩容接入层：减加集群的Proxy数量，但集群Proxy数量不能少于2": "缩容接入层：减加集群的Proxy数量，但集群Proxy数量不能少于2",
+  "密码创建后平台将不会显露_,_请谨慎复制_,_": "密码创建后平台将不会显露 , 请谨慎复制 , ",
   "请设置密码": "请设置密码",
-  "单据超过n状态未变化，系统自动终止": "单据超过 {n}状态未变化，系统自动终止",
-  "超过n小时自动终止": "超过 {n} 小时未确认，自动终止",
   "超过n天未处理，自动终止": "超过 {n} 天未处理，自动终止",
-  "system已处理": "system 已处理",
   "不能选择临时集群": "不能选择临时集群",
-  "授权的IP": "授权的IP",
-  "生成的目标 DB 范式": "生成的目标 DB 范式",
   "账号创建后，不支持修改。": "账号创建后，不支持修改。",
   "平台不会保存密码，请自行保管好。": "平台不会保存密码，请自行保管好。",
   "Raw 模式": "Raw 模式",
   "开启后可正常显示中文": "开启后可正常显示中文",
   "关闭后，内容将不会再在保存，请谨慎操作！": "关闭后，内容将不会再在保存，请谨慎操作！",
   "确认关闭当前窗口？": "确认关闭当前窗口？",
+  "授权的IP": "授权的IP",
+  "生成的目标 DB 范式": "生成的目标 DB 范式",
+  "安全认证": "安全认证",
+  "复制安全认证": "复制安全认证",
   "n 个 SQL 文件": "{n} 个 SQL 文件",
+  "Doris集群部署": "Doris集群部署",
   "目标DB设置不正确": "目标DB设置不正确",
   "执行的 SQL": "执行的 SQL",
   "执行的 SQL 不能为空": "执行的 SQL 不能为空",
@@ -3284,34 +3239,32 @@
   "请添加 SQL": "请添加 SQL",
   "SQL 来源": "SQL 来源",
   "请添加 SQL 文件": "请添加 SQL 文件",
-  "安全认证": "安全认证",
-  "复制安全认证": "复制安全认证",
+  "DB名不允许重复": "DB名不允许重复",
+  "只支持读取类的指令": "只支持读取类的指令",
+  "get、mget指令，返回的value需小于1M": "get、mget指令，返回的value需小于1M",
+  "复合类型，返回member需小于1000": "复合类型，返回member需小于1000",
+  "目标主库主机格式不正确": "目标主库主机格式不正确",
+  "目标主库主机 n 不存在": "目标主库主机 {n} 不存在",
   "我的服务单": "我的服务单",
   "添加从库执行": "添加从库执行",
+  "请输入单个 IP": "请输入单个 IP",
   "如果变更 SQL 是“create database ...”，这个请填写 master": "如果变更 SQL 是“create database ...”，这个请填写 master",
   "忽略的 DB": "忽略的 DB",
+  "目标集群（always on 集群）": "目标集群（always on 集群）",
   "忽略 DB ": "忽略 DB ",
   "迁移 DB 名": "迁移 DB 名",
   "迁移后 DB 名": "迁移后 DB 名",
-  "只支持读取类的指令": "只支持读取类的指令",
-  "get、mget指令，返回的value需小于1M": "get、mget指令，返回的value需小于1M",
-  "复合类型，返回member需小于1000": "复合类型，返回member需小于1000",
-  "修改成功后，不会影响已授权的实例，新增的授权将会按照最新的配置生效": "修改成功后，不会影响已授权的实例，新增的授权将会按照最新的配置生效",
-  "差异确认": "差异确认",
-  "请确认以下差异变化：": "请确认以下差异变化 :",
-  "变更前": "变更前",
-  "变更后": "变更后",
-  "不变": "不变",
-  "权限：新增n个，删除m个": "权限 : 新增 {0} 个，删除 {1} 个",
-  "权限类型": "权限类型",
-  "提交失败": "提交失败",
-  "编辑时只能单个，且不能有分隔符": "编辑时只能单个，且不能有分隔符",
-  "DB名不允许重复": "DB名不允许重复",
+  "构造 DB 名称": "构造 DB 名称",
+  "构造后 DB 名称（自动生成，可修改）": "构造后 DB 名称（自动生成，可修改）",
+  "已存在的 DB（可修改）": "已存在的 DB（可修改）",
   "请输入集群域名或从表头批量选择": "请输入集群域名或从表头批量选择",
   "请输入管控区域:IP或从表头批量选择": "请输入 管控区域:IP 或从表头批量选择",
   "请输入IP或从表头批量选择": "请输入 IP 或从表头批量选择",
   "请输入IP:Port或从表头批量选择": "请输入 IP:Port 或从表头批量选择",
   "统一设置：将该列统一设置为相同的值": "统一设置：将该列统一设置为相同的值",
+  "构造后 DB 名称不能为空": "构造后 DB 名称不能为空",
+  "跟已存在的 DB 名冲突，请修改其一": "跟已存在的 DB 名冲突，请修改其一",
+  "和其它已填写数据重复": "和其它已填写数据重复",
   "继续": "继续",
   "确定继续吗": "确定继续吗",
   "人工确认节点列表": "人工确认节点列表",
@@ -3322,18 +3275,11 @@
   "确定继续所有节点任务": "确定继续所有节点任务",
   "确认继续": "确认继续",
   "继续任务成功": "继续任务成功",
-  "Redis版本": "Redis版本",
-  "当前分片数": "当前分片数",
-  "目标分片数": "目标分片数",
-  "原地变更": "原地变更",
-  "替换变更": "替换变更",
-  "机器数量": "机器数量",
   "新DB已存在": "新 DB 已存在",
   "只允许提交一种集群类型": "只允许提交一种集群类型",
-  "目标主库主机格式不正确": "目标主库主机格式不正确",
-  "目标主库主机 n 不存在": "目标主库主机 {n} 不存在",
-  "操作系统版本支持 n": "操作系统版本支持 {n}",
-  "Mongo 分片集群": "Mongo 分片集群",
+  "克隆表结构和数据": "克隆表结构和数据",
+  "克隆类型": "克隆类型",
+  "克隆DB名": "克隆 DB 名",
   "按Enter或失焦可完成内容输入": "按 Enter 或失焦可完成内容输入",
   "粘贴多个对象可用换行，空格或；，｜分隔": "粘贴多个对象可用换行，空格或；，｜分隔",
   "是否审批": "是否审批",
@@ -3349,57 +3295,12 @@
   "至少选择一个集群": "至少选择一个集群",
   "删除后，将不可恢复，请谨慎操作！": "删除后，将不可恢复，请谨慎操作！",
   "修改目标": "修改目标",
-  "克隆表结构和数据": "克隆表结构和数据",
-  "克隆类型": "克隆类型",
-  "克隆DB名": "克隆 DB 名",
-  "构造 DB 名称": "构造 DB 名称",
-  "构造后 DB 名称（自动生成，可修改）": "构造后 DB 名称（自动生成，可修改）",
-  "已存在的 DB（可修改）": "已存在的 DB（可修改）",
-  "构造后 DB 名称不能为空": "构造后 DB 名称不能为空",
-  "跟已存在的 DB 名冲突，请修改其一": "跟已存在的 DB 名冲突，请修改其一",
-  "和其它已填写数据重复": "和其它已填写数据重复",
-  "目标集群（always on 集群）": "目标集群（always on 集群）",
-  "请输入单个 IP": "请输入单个 IP",
-  "添加免审批": "添加免审批",
-  "所有集群已免审批": "所有集群已免审批",
-  "单据免审批设置": "单据免审批设置",
-  "内置策略为平台预设的审批规则，不可修改。根据业务需求，您可对全部或部分集群应用免审批策略。": "内置策略为平台预设的审批规则，不可修改。根据业务需求，您可对全部或部分集群应用免审批策略。",
+  "RedisCluster集群": "RedisCluster 集群",
   "% 或 ? 不允许单独使用": "% 或 ? 不允许单独使用",
   "不允许为 *": "不允许为 *",
-  "RedisCluster集群": "RedisCluster 集群",
-  "任务_待确认": "任务“待确认”",
-  "任务_执行成功": "任务“执行成功”",
-  "任务_执行失败": "任务“执行失败”",
-  "确认继续所有人工确认节点": "确认继续所有人工确认节点",
-  "已存在自定义的免审批": "已存在自定义的免审批",
-  "内置策略不支持编辑": "内置策略不支持编辑",
-  "编辑免审批": "编辑免审批",
-  "主机数量 - 按DB类型统计": "主机数量 - 按DB类型统计",
-  "分布情况": "分布情况",
-  "地域 - 园区": "地域 - 园区",
-  "请选择园区": "请选择园区",
-  "数量 (台)": "数量 (台)",
-  "规格类型": "规格类型",
-  "园区分布（台）": "园区分布（台）",
-  "总数（台）": "总数（台）",
-  "聚合维度": "聚合维度",
-  "专用业务 + 地域 + 规格": "专用业务 + 地域 + 规格",
-  "专用业务 + 地域 + 机型（硬盘）": "专用业务 + 地域 + 机型（硬盘）",
-  "机型（硬盘）": "机型（硬盘）",
-  "导出列表内容": "导出列表内容",
-  "CPU 内存": "CPU 内存",
-  "数量（台）": "数量（台）",
-  "统计视图": "统计视图",
-  "主机列表": "主机列表",
   "库表名支持数字、字母、中划线、下划线，最大35字符": "库表名支持数字、字母、中划线、下划线，最大35字符",
   "不允许输入系统库和特殊库": "不允许输入系统库和特殊库",
   "不能以stage_truncate开头或dba_rollback结尾": "不能以 stage_truncate 开头或 dba_rollback 结尾",
-  "添加免审批后，相关单据可直接进入下一环节，无需经过审批流程。免审批可应用于业务下的全部集群或特定部分集群。": "添加免审批后，相关单据可直接进入下一环节，无需经过审批流程。免审批可应用于业务下的全部集群或特定部分集群。",
-  "免审批目标": "免审批目标",
-  "需审批": "需审批",
-  "需确认": "需确认",
-  "免确认": "免确认",
-  "确定删除策略？": "确定删除策略？",
   "全局配置": "全局配置",
   "分片数": "分片数",
   "SQlServer_工具箱": "SQlServer 工具箱",
@@ -3490,6 +3391,19 @@
   "DB 名处理：": "DB 名处理：",
   "备份记录（d）：预期返回 n 个 DB 的备份记录，实际返回 m 个": "备份记录（{0}）：预期返回 {1} 个 DB 的备份记录，实际返回 {2} 个",
   "高版本不能恢复到低版本": "高版本不能恢复到低版本",
+  "添加免审批": "添加免审批",
+  "所有集群已免审批": "所有集群已免审批",
+  "单据免审批设置": "单据免审批设置",
+  "内置策略为平台预设的审批规则，不可修改。根据业务需求，您可对全部或部分集群应用免审批策略。": "内置策略为平台预设的审批规则，不可修改。根据业务需求，您可对全部或部分集群应用免审批策略。",
+  "已存在自定义的免审批": "已存在自定义的免审批",
+  "内置策略不支持编辑": "内置策略不支持编辑",
+  "编辑免审批": "编辑免审批",
+  "添加免审批后，相关单据可直接进入下一环节，无需经过审批流程。免审批可应用于业务下的全部集群或特定部分集群。": "添加免审批后，相关单据可直接进入下一环节，无需经过审批流程。免审批可应用于业务下的全部集群或特定部分集群。",
+  "免审批目标": "免审批目标",
+  "需审批": "需审批",
+  "需确认": "需确认",
+  "免确认": "免确认",
+  "确定删除策略？": "确定删除策略？",
   "不允许输入系统库和特殊库 n": "不允许输入系统库和特殊库 {n}",
   "不允许输入系统库，如\"msdb\", \"model\", \"tempdb\", \"Monitor\"": "不允许输入系统库，如\"msdb\", \"model\", \"tempdb\", \"Monitor\"",
   "不允许输入系统库，如\"master\", \"msdb\", \"model\", \"tempdb\", \"Monitor\"": "不允许输入系统库，如\"master\", \"msdb\", \"model\", \"tempdb\", \"Monitor\"",
@@ -3498,53 +3412,48 @@
   "单元格可同时输入多个对象，使用换行，空格或；，｜分隔，按 Enter 或失焦完成内容输入": "单元格可同时输入多个对象，使用换行，空格或；，｜分隔，按 Enter 或失焦完成内容输入",
   "包含通配符时, 每一单元格只允许输入单个对象。% 不能独立使用， * 只能单独使用": "包含通配符时, 每一单元格只允许输入单个对象。% 不能独立使用， * 只能单独使用",
   "查看域名/IP对应关系": "查看域名/IP对应关系",
+  "确认继续所有人工确认节点": "确认继续所有人工确认节点",
   "请先选择待回档集群": "请先选择待回档集群",
   "请先添加待回档集群": "请先添加待回档集群",
   "任务": "任务",
-  "仅DataNode类型的节点支持替换": "仅DataNode类型的节点支持替换",
-  "统一设置": "统一设置",
+  "Redis版本": "Redis版本",
+  "当前分片数": "当前分片数",
+  "目标分片数": "目标分片数",
+  "原地变更": "原地变更",
+  "替换变更": "替换变更",
+  "机器数量": "机器数量",
   "处理时间": "处理时间",
   "提单人": "提单人",
-  "权限变更前后对比：新增n个，删除m个": "权限变更前后对比 : 新增 {0} 个，删除 {1} 个",
-  "预览权限": "预览权限",
-  "权限名称": "权限名称",
-  "访问的DB": "访问的DB",
-  "权限预览": "权限预览",
-  "账号下已存在该规则": "账号下已存在该规则",
-  "访问DB变更前后对比": "访问DB变更前后对比",
-  "复制所属集群": "复制所属集群",
-  "后端存储": "后端存储",
-  "TendisCache后端存储": "TendisCache 后端存储",
-  "TendisSSD后端存储": "TendisSSD 后端存储",
-  "TendisPlus后端存储": "TendisPlus 后端存储",
-  "DataNode节点": "DataNode 节点",
-  "NameNode_Zookeeper_JournalNode节点": "NameNode_Zookeeper_JournalNode 节点",
-  "副本集/ShardSvr": "副本集/ShardSvr",
-  "必须要能除尽总分片数": "必须要能除尽总分片数",
-  "变更机器组数": "变更机器组数",
-  "DB名称支持通配符_如Data_区分大小写_多个使用英文逗号_分号或换行分隔": "DB名称支持通配符_如Data_区分大小写_多个使用英文逗号_分号或换行分隔",
+  "我的申请": "我的申请",
+  "我负责的业务": "我负责的业务",
+  "统一设置": "统一设置",
+  "仅DataNode类型的节点支持替换": "仅DataNode类型的节点支持替换",
   "库表输入说明": "库表输入说明",
   "不允许输入系统库和特殊库，如mysql、sys 等": "不允许输入系统库和特殊库，如mysql、sys 等",
   "支持 %（指代任意长度字符串）, ?（指代单个字符串）, *（指代全部）三个通配符": "支持 %（指代任意长度字符串）, ?（指代单个字符串）, *（指代全部）三个通配符",
   "包含通配符时, 每一单元格只允许输入单个对象。% ? 不能独立使用， * 只能单独使用": "包含通配符时, 每一单元格只允许输入单个对象。% ? 不能独立使用， * 只能单独使用",
-  "单节点规格": "单节点规格",
-  "主从规格": "主从规格",
-  "我的申请": "我的申请",
-  "我负责的业务": "我负责的业务",
-  "选择实例": "选择实例",
-  "格式不正确": "格式不正确",
-  "ip不存在": "ip不存在",
-  "请输入或选择主机": "请输入或选择主机",
-  "实例/IP重复": "实例/IP重复",
-  "同主机关联的其他集群，勾选后一同克隆": "同主机关联的其他集群，勾选后一同克隆",
+  "复制所属集群": "复制所属集群",
+  "公共资源池": "公共资源池",
+  "统计视图": "统计视图",
+  "规格类型": "规格类型",
+  "机型（硬盘）": "机型（硬盘）",
+  "CPU 内存": "CPU 内存",
+  "园区分布（台）": "园区分布（台）",
+  "地域 - 园区": "地域 - 园区",
   "所属DB类型": "所属DB类型",
   "请选择所属业务": "请选择所属业务",
   "请选择所属DB类型": "请选择所属DB类型",
+  "总数（台）": "总数（台）",
+  "聚合维度": "聚合维度",
+  "导出列表内容": "导出列表内容",
+  "数量（台）": "数量（台）",
+  "主机列表": "主机列表",
   "资源分布统计": "资源分布统计",
   "地域 + 规格": "地域 + 规格",
   "地域 + 机型（硬盘）": "地域 + 机型（硬盘）",
   "资源分布统计(地域 + 规格)": "资源分布统计(地域 + 规格)",
   "资源分布统计(地域 + 机型)": "资源分布统计(地域 + 机型)",
+  "主机数量 - 按DB类型统计": "主机数量 - 按DB类型统计",
   "TendbCluster-主域名": "TendbCluster-主域名",
   "TendbCluster-从域名": "TendbCluster-从域名",
   "日期类型(date)": "日期类型(date)",
@@ -3553,6 +3462,7 @@
   "整型(int)": "整型(int)",
   "整型(bigint)": "整型(bigint)",
   "新proxy主机": "新proxy主机",
+  "必须要能除尽总分片数": "必须要能除尽总分片数",
   "开启弱密码检测": "开启弱密码检测",
   "开启后，不允许超过 x 位连续字符，如出现以下示例密码将无法通过检测": "开启后，不允许超过 {x} 位连续字符，如出现以下示例密码将无法通过检测",
   "连续键盘序_如_xx": "连续键盘序，如：{0}",
@@ -3569,6 +3479,7 @@
   "中的任意 n 种": "中的任意 {n} 种",
   "不允许超过 x 位连续字符": "不允许超过 {x} 位连续字符",
   "不允许的字符: s": "不允许的字符: {s}",
+  "包含特殊字符_除空格外": "包含特殊字符_除空格外",
   "请先添加实例": "请先添加实例",
   "【SQLServer】授权规则": "【SQLServer】授权规则",
   "【MySQL】授权规则": "【MySQL】授权规则",
@@ -3586,18 +3497,89 @@
   "特殊字符不允许包含空格": "特殊字符不允许包含空格",
   "请输入除大小写字母、数字外的英文半角字符": "请输入除大小写字母、数字外的英文半角字符",
   "请输入英文半角字符，重复字符将去重": "请输入英文半角字符，重复字符将去重",
+  "Follower节点规格": "Follower 节点规格",
+  "Observer节点规格": "Observer 节点规格",
+  "【Doris】集群管理": "【Doris】集群管理",
+  "申请Doris集群部署": "申请Doris集群部署",
+  "Doris版本": "Doris 版本",
+  "Follower节点": "Follower 节点",
+  "Observer节点": "Observer 节点",
+  "固定为n台": "固定为 {0} 台",
+  "查询端口": "查询端口",
+  "主机已被Follower节点使用": "主机已被 Follower 节点使用",
+  "主机已被Observer节点使用": "主机已被 Observer 节点使用",
+  "Follower节点IP": "Follower 节点 IP",
+  "Observer节点IP": "Observer 节点 IP",
+  "9010 和 9020 为服务内部占用端口": "9010 和 9020 为服务内部占用端口",
+  "与http端口互斥": "与 http 端口互斥",
+  "与查询端口互斥": "与查询端口互斥",
+  "至少添加一种节点IP": "至少添加一种节点 IP",
+  "name容量从n台扩容至n台": "{name} 容量从 {hostNumBefore} 台扩容至 {hostNumAfter} 台",
+  "name容量从n台缩容至n台": "{name} 容量从 {hostNumBefore} 台缩容至 {hostNumAfter} 台",
+  "至少缩容一种类型": "至少缩容一种类型",
+  "当前数量": "当前数量",
+  "确认禁用该集群？": "确认禁用该集群？",
+  "确认启用该集群？": "确认启用该集群？",
+  "启用后，将会恢复访问": "启用后，将会恢复访问",
+  "删除后将产生以下影响": "删除后将产生以下影响：",
+  "删除xxx集群": "删除 {0} 集群",
+  "删除xxx实例数据，停止相关进程": "删除 {xxx} 实例数据，停止相关进程",
+  "确认扩容集群？": "确认扩容集群？",
+  "若选择至少需要n台": "若选择至少需要 {0} 台",
+  "若选择至少需要n台，已选m台": "若选择至少需要 {0} 台，已选 {1} 台",
+  "扩容中": "扩容中",
+  "缩容中": "缩容中",
+  "替换中": "替换中",
+  "请保证冷/热节点至少存在一种": "请保证冷/热节点至少存在一种",
+  "Follower节点不支持缩容": "Follower节点不支持缩容",
+  "Follower类型节点若存在至少保留两台": "Follower类型节点若存在至少保留两台",
+  "冷/热 数据节点必选 1 种以上，每个角色至少需要 2 台": "冷/热 数据节点必选 1 种以上，每个角色至少需要 2 台",
+  "未完善": "未完善",
+  "扩容的节点 IP": "扩容的节点 IP",
+  "实例正在重启中，不能勾选": "实例正在重启中，不能勾选",
+  "较目标容量相差n台": "，较目标容量相差 {0} 台",
+  "较目标容量超出n台": "，较目标容量超出 {0} 台",
+  "Observer类型节点若存在至少保留两台": "Observer类型节点若存在至少保留两台",
   "主从主机": "主从主机",
   "只读主机": "只读主机",
   "新主从主机": "新主从主机",
   "新只读主机": "新只读主机",
   "请输入n台IP_英文逗号或换行分隔": "请输入 {n} 台IP_英文逗号或换行分隔",
   "请输入n台IP": "请输入 {n} 台IP",
-  "无只读主机": "无只读主机",
-  "IP 视角": "IP 视角",
-  "导出结果表": "导出结果表",
-  "复制 IP": "复制 IP",
-  "查询条件": "查询条件",
-  "源客户端 IP": "源客户端 IP",
+  "标签": "标签",
+  "标签：": "标签：",
+  "新建标签": "新建标签",
+  "请输入标签关键字": "请输入标签关键字",
+  "绑定的IP": "绑定的IP",
+  "确认删除该标签值？": "确认删除该标签值？",
+  "资源标签": "资源标签",
+  "更新成功": "更新成功",
+  "该标签已被绑定 ，不能删除": "该标签已被绑定 ，不能删除",
+  "设置属性": "设置属性",
+  "添加资源归属": "添加资源归属",
+  "转为公共资源": "转为公共资源",
+  "移入待回收池": "移入待回收池",
+  "移入故障池": "移入故障池",
+  "撤销导入": "撤销导入",
+  "搜索 IP 多个 | 或换行（Shift + Enter）分隔": "搜索 IP 多个 | 或换行（Shift + Enter）分隔",
+  "标签搜索": "标签搜索",
+  "资源归属": "资源归属",
+  "确认批量将 {n} 台主机转入回收池？": "确认批量将 {n} 台主机转入回收池？",
+  "确认将 {n} 台主机转为公共资源?": "确认将 {n} 台主机转为公共资源?",
+  "确认批量将 {n} 台主机转入故障池?": "确认批量将 {n} 台主机转入故障池?",
+  "确认批量撤销 {n} 台主机的导入?": "确认批量撤销 {n} 台主机的导入?",
+  "已选择以下": "已选择以下",
+  "共n台": "共 {0} 台",
+  "已选择以下n台主机": "已选择以下 {0} 台主机",
+  "确认后，主机将从资源池移回原有模块": "确认后，主机将从资源池移回原有模块",
+  "所属DB": "所属DB",
+  "Mongo 分片集群": "Mongo 分片集群",
+  "单节点规格": "单节点规格",
+  "主从规格": "主从规格",
+  "等待中": "等待中",
+  "待审批": "待审批",
+  "待补货": "待补货",
+  "定时中": "定时中",
   "权限查询": "权限查询",
   "请选择或输入，支持%": "请选择或输入，支持%",
   "至多n台_已选n台": "至多 {0} 台，已选 {1} 台",
@@ -3623,5 +3605,23 @@
   "修改": "修改",
   "存储层（Nodes）": "存储层（Nodes）",
   "存储层（Nodes）域名": "存储层（Nodes）域名",
+  "我的已办": "我的已办",
+  "操作系统": "操作系统",
+  "确认后，将主机标记为待回收，等待处理": "确认后，将主机标记为待回收，等待处理",
+  "确认后，将主机标记为故障，等待处理": "确认后，将主机标记为故障，等待处理",
+  "编辑资源归属": "编辑资源归属",
+  "资源标签管理": "资源标签管理",
+  "确认后，将主机清空已存在的资源归属设置，并设置为公共资源": "确认后，将主机清空已存在的资源归属设置，并设置为公共资源",
+  "确认后，主机将标记为待回收，等待处理": "确认后，主机将标记为待回收，等待处理",
+  "确认后，主机将标记为故障，等待处理": "确认后，主机将标记为故障，等待处理",
+  "确认后，主机将标记为业务专属": "确认后，主机将标记为业务专属",
+  "确认转入待回收池？": "确认转入待回收池？",
+  "确认批量将 {n} 台主机转入待回收池": "确认批量将 {n} 台主机转入待回收池",
+  "确认批量将 {n} 台主机转入业务资源池": "确认批量将 {n} 台主机转入业务资源池",
+  "确认撤销导入？": "确认撤销导入？",
+  "确认后，将主机将清空已存在的资源归属设置，并设置为公共资源": "确认后，将主机将清空已存在的资源归属设置，并设置为公共资源",
+  "确认批量将 {n} 台主机转入业务资源池？": "确认批量将 {n} 台主机转入业务资源池？",
+  "确认转入待故障池？": "确认转入待故障池？",
+  "跳转管理页": "跳转管理页",
   "这行勿动！新增翻译请在上一行添加！": ""
 }
diff --git a/dbm-ui/frontend/src/router/index.ts b/dbm-ui/frontend/src/router/index.ts
index 354892b2b6..593b935923 100644
--- a/dbm-ui/frontend/src/router/index.ts
+++ b/dbm-ui/frontend/src/router/index.ts
@@ -30,6 +30,7 @@ import getQuickSearchRoutes from '@views/quick-search/routes';
 import getResourceManageRoutes from '@views/resource-manage/routes';
 import getServiceApplyRoutes from '@views/service-apply/routes';
 import getStaffManageRoutes from '@views/staff-manage/routes';
+import getResourceTagRoutes from '@views/tag-manage/routes';
 import getTaskHistoryRoutes from '@views/task-history/routes';
 import getTemporaryPasswordModify from '@views/temporary-paassword-modify/routes';
 import getTicketRoutes from '@views/ticket-center/routes';
@@ -127,6 +128,7 @@ export default () => {
     {
       path: `${rootPath}${currentBiz}`,
       children: [
+        ...getResourceTagRoutes(),
         ...getDbManageRoutes(),
         ...getDbConfRoutes(),
         ...getDbhaSwitchEventsRouters(),
diff --git a/dbm-ui/frontend/src/services/model/db-resource/DbResource.ts b/dbm-ui/frontend/src/services/model/db-resource/DbResource.ts
index 4a92f1c4eb..0af3f22651 100644
--- a/dbm-ui/frontend/src/services/model/db-resource/DbResource.ts
+++ b/dbm-ui/frontend/src/services/model/db-resource/DbResource.ts
@@ -38,7 +38,10 @@ export default class DbResource {
     bk_biz_name: string;
   };
   ip: string;
-  label: string;
+  labels: {
+    name: string;
+    id: number;
+  }[];
   net_device_id: string;
   os_bit: string;
   os_type: string;
@@ -81,7 +84,7 @@ export default class DbResource {
     this.device_class = payload.device_class;
     this.for_biz = payload.for_biz;
     this.ip = payload.ip;
-    this.label = payload.label;
+    this.labels = payload.labels;
     this.net_device_id = payload.net_device_id;
     this.os_bit = payload.os_bit;
     this.os_type = payload.os_type;
@@ -117,6 +120,6 @@ export default class DbResource {
     if (!this.resource_type || this.resource_type === 'PUBLIC') {
       return t('通用');
     }
-    return DBTypeInfos[this.resource_type as DBTypes].name;
+    return DBTypeInfos[this.resource_type as DBTypes]?.name;
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/db-resource/ResourceTag.ts b/dbm-ui/frontend/src/services/model/db-resource/ResourceTag.ts
new file mode 100644
index 0000000000..f461debeeb
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/db-resource/ResourceTag.ts
@@ -0,0 +1,45 @@
+/*
+ * 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 dayjs from 'dayjs';
+
+import { utcDisplayTime } from '@utils';
+
+export default class ResourceTag {
+  create_at: string; // 创建时间
+  creator: string; // 创建人
+  id: number; // 标签ID
+  is_builtin: boolean; // 是否内置标签
+  update_at: string; // 更新时间
+  value: string; // 标签名
+
+  constructor(payload = {} as ResourceTag) {
+    this.create_at = payload.create_at || '';
+    this.creator = payload.creator || '';
+    this.id = payload.id || 0;
+    this.is_builtin = payload.is_builtin || false;
+    this.update_at = payload.update_at || '';
+    this.value = payload.value || '';
+  }
+
+  get isNewCreated() {
+    return dayjs().isBefore(dayjs(this.create_at).add(24, 'hour'));
+  }
+
+  get createAtDisplay() {
+    return utcDisplayTime(this.create_at);
+  }
+
+  get updatedAtDisplay() {
+    return utcDisplayTime(this.update_at);
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/function-controller/functionController.ts b/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
index cd1e8a7c7b..fa854d06f7 100644
--- a/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
+++ b/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
@@ -72,8 +72,11 @@ interface ControllerData {
   'resourceManage.resourceSpec': ControllerItem<string>;
   'resourceManage.resourcePool': ControllerItem<string>;
   'resourceManage.dirtyHostManage': ControllerItem<string>;
+  'resourceManage.resourceTagsManagement': ControllerItem<string>;
   'resourceManage.resourceOperationRecord': ControllerItem<string>;
   bizConfigManage: ControllerItem<string>;
+  'bizConfigManage.businessResourcePool': ControllerItem<string>;
+  'bizConfigManage.businessResourceTag': ControllerItem<string>;
   'bizConfigManage.monitorStrategy': ControllerItem<string>;
   'bizConfigManage.alarmGroup': ControllerItem<string>;
   'bizConfigManage.dbConfigure': ControllerItem<string>;
diff --git a/dbm-ui/frontend/src/services/source/dbresourceResource.ts b/dbm-ui/frontend/src/services/source/dbresourceResource.ts
index 39ab16639e..f91c80614c 100644
--- a/dbm-ui/frontend/src/services/source/dbresourceResource.ts
+++ b/dbm-ui/frontend/src/services/source/dbresourceResource.ts
@@ -25,7 +25,7 @@ const path = '/apis/dbresource/resource';
 /**
  * 资源删除
  */
-export function removeResource(params: { bk_host_ids: number[] }) {
+export function removeResource(params: { bk_host_ids: number[]; event: 'to_recycle' | 'to_fault' | 'undo_import' }) {
   return http.post<{ bk_host_ids: number[] }>(`${path}/delete/`, params);
 }
 
@@ -61,6 +61,7 @@ export function importResource(params: {
     host_id: number;
     bk_cloud_id: number;
   }>;
+  labels: number;
 }) {
   return http.post(`${path}/import/`, params);
 }
@@ -165,6 +166,7 @@ export function getSpecResourceCount(params: {
  */
 export function updateResource(params: {
   bk_host_ids: number[];
+  labels?: number[];
   for_biz: number;
   rack_id: string;
   resource_type: string;
diff --git a/dbm-ui/frontend/src/services/source/tag.ts b/dbm-ui/frontend/src/services/source/tag.ts
new file mode 100644
index 0000000000..14c2f7a146
--- /dev/null
+++ b/dbm-ui/frontend/src/services/source/tag.ts
@@ -0,0 +1,75 @@
+import ResourceTagModel from '@services/model/db-resource/ResourceTag';
+import type { ListBase } from '@services/types/listBase';
+
+import http from '../http';
+
+const path = '/apis/tag/';
+
+/**
+ * 查询资源标签
+ */
+export function listTag(params: {
+  value?: string;
+  bind_ips?: string[];
+  creator?: string;
+  bk_biz_id?: number;
+  limit?: number;
+  offset?: number;
+}) {
+  return http.get<ListBase<ResourceTagModel[]>>(`${path}`, params).then((res) => ({
+    ...res,
+    results: res.results.map((item: ResourceTagModel) => new ResourceTagModel(item)),
+  }));
+}
+
+/**
+ * 新增资源标签
+ */
+export function createTag(params: {
+  bk_biz_id: number;
+  tags: {
+    key: string; // 固定为 dbresource
+    value: string;
+  }[];
+}) {
+  return http.post(`${path}batch_create/`, params);
+}
+
+/**
+ * 批量删除资源标签
+ */
+export function deleteTag(params: { bk_biz_id: number; ids: number[] }) {
+  return http.delete(`${path}batch_delete/`, params);
+}
+
+/**
+ * 编辑资源标签
+ */
+export function updateTag(params: { bk_biz_id: number; id: number; value: string }) {
+  return http.patch(`${path}${params.id}/`, params);
+}
+
+/**
+ * 校验标签是否重复，并返回重复的标签值
+ */
+export function validateTag(params: {
+  bk_biz_id: number;
+  tags: {
+    key: string;
+    value: string;
+  }[];
+}) {
+  return http.post<{ key: string; value: string }[]>(`${path}verify_duplicated/`, params);
+}
+
+/**
+ * 根据标签id获取关联IP
+ */
+export function getTagRelatedResource(params: { bk_biz_id: number; ids: number[]; resource_type?: string }) {
+  return http.post<
+    {
+      id: number;
+      ip_count: number;
+    }[]
+  >(`${path}related_resources/`, params);
+}
diff --git a/dbm-ui/frontend/src/stores/globalBizs.ts b/dbm-ui/frontend/src/stores/globalBizs.ts
index 90326f745e..9dc83e575d 100644
--- a/dbm-ui/frontend/src/stores/globalBizs.ts
+++ b/dbm-ui/frontend/src/stores/globalBizs.ts
@@ -29,6 +29,11 @@ export const useGlobalBizs = defineStore('GlobalBizs', {
   }),
   getters: {
     currentBizInfo: (state): BizItem | undefined => state.bizs.find((item) => item.bk_biz_id === state.currentBizId),
+    bizIdMap: (state) =>
+      state.bizs.reduce<Map<number, BizItem>>((map, biz) => {
+        map.set(biz.bk_biz_id, biz);
+        return map;
+      }, new Map()),
   },
   actions: {
     /**
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/business/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/business/Index.vue
new file mode 100644
index 0000000000..af3d5b9d48
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/business/Index.vue
@@ -0,0 +1,89 @@
+<!--
+ * 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>
+  <div class="pool-container">
+    <Teleport to="#dbContentTitleAppend">
+      <BkTag
+        class="ml-8"
+        theme="info">
+        {{ t('业务') }}
+      </BkTag>
+    </Teleport>
+    <BkTab
+      v-model:active="activeTab"
+      class="pool-tab"
+      type="unborder-card"
+      @change="handleChange">
+      <BkTabPanel
+        v-for="item in panels"
+        :key="item.name"
+        :label="item.label"
+        :name="item.name" />
+    </BkTab>
+    <div class="pool-content">
+      <HostList
+        :key="activeTab"
+        :type="activeTab" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+
+  import { useDebouncedRef } from '@hooks';
+
+  import HostList from '../components/host-list/Index.vue';
+  import { ResourcePool } from '../type';
+
+  const { t } = useI18n();
+  const route = useRoute();
+  const router = useRouter();
+  const activeTab = useDebouncedRef(route.params.page as ResourcePool);
+
+  const panels = [
+    {
+      name: 'business',
+      label: t('业务资源池'),
+    },
+    {
+      name: 'public',
+      label: t('公共资源池'),
+    },
+  ];
+
+  const handleChange = (value: string) => {
+    router.replace({
+      params: {
+        page: value,
+      },
+    });
+  };
+</script>
+
+<style lang="less" scoped>
+  .pool-container {
+    .pool-tab {
+      background: #fff;
+      box-shadow: 0 3px 4px 0 rgb(0 0 0 / 4%);
+
+      :deep(.bk-tab-content) {
+        display: none;
+      }
+    }
+
+    .pool-content {
+      padding: 24px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/Index.vue
new file mode 100644
index 0000000000..04110b2811
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/Index.vue
@@ -0,0 +1,579 @@
+<!--
+ * 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>
+  <div class="resource-pool-list-page">
+    <SearchBox
+      ref="searchBoxRef"
+      class="mb-25"
+      @change="handleSearch" />
+    <div class="action-box mb-16">
+      <template v-if="type === ResourcePool.public">
+        <BkButton
+          :disabled="selectionHostIdList.length < 1"
+          theme="primary"
+          @click="handleShowBatchConvertToBusiness">
+          {{ t('转入业务资源池') }}
+        </BkButton>
+      </template>
+      <template v-else>
+        <ImportHostBtn
+          class="w-88"
+          @export-host="handleImportHost" />
+        <BkDropdown
+          :is-show="isBatchOperationShow"
+          trigger="manual">
+          <BkButton
+            class="ml-8"
+            :disabled="selectionHostIdList.length < 1"
+            @click="() => handleBatchOperationShow(true)">
+            {{ t('批量操作') }}
+            <DbIcon type="down-big" />
+          </BkButton>
+          <template #content>
+            <BkDropdownMenu>
+              <BkDropdownItem @click="handleShowBatchSetting"> {{ t('设置属性') }} </BkDropdownItem>
+              <BkDropdownItem
+                v-bk-tooltips="{
+                  content: t('仅支持同业务的主机'),
+                  disabled: isSelectedSameBiz,
+                }"
+                :class="isSelectedSameBiz ? undefined : 'disabled-cls'"
+                @click="handleShowBatchAssign">
+                {{ t('添加资源归属') }}
+              </BkDropdownItem>
+              <BkDropdownItem @click="handleShowBatchCovertToPublic"> {{ t('转为公共资源') }} </BkDropdownItem>
+              <BkDropdownItem @click="handleShowBatchMoveToRecyclePool"> {{ t('移入待回收池') }} </BkDropdownItem>
+              <BkDropdownItem @click="handleShowBatchMoveToFaultPool"> {{ t('移入故障池') }} </BkDropdownItem>
+              <BkDropdownItem @click="handleShowBatchUndoImport"> {{ t('撤销导入') }} </BkDropdownItem>
+            </BkDropdownMenu>
+          </template>
+        </BkDropdown>
+      </template>
+      <BkDropdown trigger="click">
+        <BkButton
+          class="ml-8"
+          style="width: 80px">
+          {{ t('复制') }}
+          <DbIcon type="down-big" />
+        </BkButton>
+        <template #content>
+          <BkDropdownMenu>
+            <BkDropdownItem @click="handleCopyAllHost">
+              {{ t('所有主机') }}
+            </BkDropdownItem>
+            <BkDropdownItem @click="handleCopySelectHost">
+              {{ t('已选主机') }}
+            </BkDropdownItem>
+            <BkDropdownItem @click="handleCopyAllAbnormalHost">
+              {{ t('所有异常主机') }}
+            </BkDropdownItem>
+          </BkDropdownMenu>
+        </template>
+      </BkDropdown>
+      <AuthButton
+        action-id="resource_operation_view"
+        class="quick-search-btn"
+        @click="handleGoOperationRecord">
+        <DbIcon type="history-2" />
+      </AuthButton>
+    </div>
+    <RenderTable
+      ref="tableRef"
+      :columns="tableColumn"
+      :data-source="dataSource"
+      primary-key="bk_host_id"
+      releate-url-query
+      row-cls="my-row-cls"
+      selectable
+      :settings="tableSetting"
+      @clear-search="handleClearSearch"
+      @selection="handleSelection"
+      @setting-change="handleSettingChange" />
+    <ImportHost
+      v-model:is-show="isShowImportHost"
+      @change="handleImportHostChange" />
+    <BatchSetting
+      v-model:is-show="isShowBatchSetting"
+      :data="selectionHostIdList"
+      @change="handleBatchSettingChange" />
+    <BatchCovertToPublic
+      v-model:is-show="isShowBatchCovertToPublic"
+      :selected="selectionListWholeDataMemo"
+      @refresh="handleRefresh" />
+    <BatchMoveToRecyclePool
+      v-model:is-show="isShowBatchMoveToRecyclePool"
+      :selected="selectionListWholeDataMemo"
+      @refresh="handleRefresh" />
+    <BatchMoveToFaultPool
+      v-model:is-show="isShowBatchMoveToFaultPool"
+      :selected="selectionListWholeDataMemo"
+      @refresh="handleRefresh" />
+    <BatchUndoImport
+      v-model:is-show="isShowBatchUndoImport"
+      :selected="selectionListWholeDataMemo"
+      @refresh="handleRefresh" />
+    <BatchConvertToBusiness
+      v-model:is-show="isShowBatchConvertToBusiness"
+      :biz-id="(currentBizId as number)"
+      :selected="selectionListWholeDataMemo"
+      @refresh="handleRefresh" />
+    <BatchAssign
+      v-model:is-show="isShowBatchAssign"
+      :selected="selectionListWholeDataMemo"
+      @refresh="handleRefresh" />
+    <UpdateAssign
+      v-model:is-show="isShowUpdateAssign"
+      :edit-data="(curEditData as DbResourceModel)"
+      @refresh="handleRefresh" />
+  </div>
+</template>
+<script setup lang="tsx">
+  import { Tag } from 'bkui-vue';
+  import BkButton from 'bkui-vue/lib/button';
+  import { ref } from 'vue';
+  import { useI18n } from 'vue-i18n';
+  import { useRouter } from 'vue-router';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { fetchList } from '@services/source/dbresourceResource';
+
+  import { useGlobalBizs } from '@stores';
+
+  import DbIcon from '@components/db-icon';
+  import DiskPopInfo from '@components/disk-pop-info/DiskPopInfo.vue';
+  import HostAgentStatus from '@components/host-agent-status/Index.vue';
+
+  import { execCopy } from '@utils';
+
+  import { ResourcePool } from '../../type';
+
+  import BatchAssign from './components/batch-assign/Index.vue';
+  import BatchConvertToBusiness from './components/batch-convert-to-business/Index.vue';
+  import BatchCovertToPublic from './components/batch-covert-to-public/Index.vue';
+  import BatchMoveToFaultPool from './components/batch-move-to-fault-pool/Index.vue';
+  import BatchMoveToRecyclePool from './components/batch-move-to-recycle-pool/Index.vue';
+  import BatchSetting from './components/batch-setting/Index.vue';
+  import BatchUndoImport from './components/batch-undo-import/Index.vue';
+  import HostOperationTip from './components/HostOperationTip.vue';
+  import ImportHost from './components/import-host/Index.vue';
+  import ImportHostBtn from './components/ImportHostBtn.vue';
+  import RenderTable from './components/RenderTable.vue';
+  import SearchBox from './components/search-box/Index.vue';
+  import UpdateAssign from './components/update-assign/Index.vue';
+  import useTableSetting from './hooks/useTableSetting';
+
+  interface Props {
+    type: ResourcePool;
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    type: ResourcePool.global,
+  });
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const { currentBizId } = useGlobalBizs();
+
+  const {
+    setting: tableSetting,
+    handleChange: handleSettingChange,
+  } = useTableSetting();
+
+  const searchBoxRef = ref();
+  const tableRef = ref();
+  const selectionHostIdList = ref<number[]>([]);
+  const isShowBatchSetting = ref(false);
+  const isShowImportHost = ref(false);
+  const isShowBatchCovertToPublic = ref(false);
+  const isShowBatchMoveToRecyclePool = ref(false);
+  const isShowBatchMoveToFaultPool = ref(false);
+  const isShowBatchUndoImport = ref(false);
+  const isShowBatchConvertToBusiness = ref(false);
+  const isShowBatchAssign = ref(false);
+  const isShowUpdateAssign = ref(false);
+  const curEditData = ref<DbResourceModel>();
+  const isSelectedSameBiz = ref(false);
+  const isBatchOperationShow = ref(false);
+
+  const curBizId = computed(() => {
+    let bizId = undefined;
+    switch (props.type) {
+      case ResourcePool.business:
+        bizId = currentBizId;
+        break;
+      case ResourcePool.public:
+        bizId = 0;
+        break;
+    }
+    return bizId;
+  });
+
+  const dataSource = (params: ServiceParameters<typeof fetchList>) => fetchList({
+    for_biz: curBizId.value,
+    ...params,
+  });
+
+  const searchParams: Record<string, any> = {};
+  let selectionListWholeDataMemo: DbResourceModel[] = [];
+  const tableColumn = [
+    {
+      label: 'IP',
+      field: 'ip',
+      fixed: 'left',
+      width: 150,
+    },
+    {
+      label: t('管控区域'),
+      field: 'bk_cloud_name',
+      width: 120,
+    },
+    {
+      label: t('Agent 状态'),
+      field: 'agent_status',
+      width: 100,
+      render: ({ data }: { data: DbResourceModel }) => <HostAgentStatus data={data.agent_status} />,
+    },
+    {
+      label: t('资源归属'),
+      field: 'resourceOwner',
+      width: 320,
+      render: ({ data }: { data: DbResourceModel }) => (
+        <div class='resource-owner-wrapper'>
+          <div class='resource-owner'>
+            <Tag
+              theme={(data.for_biz.bk_biz_id === 0 || !data.for_biz.bk_biz_name) ? 'success' : undefined}>{t('所属业务')} : {data.for_biz_display}
+            </Tag>
+            <Tag
+              theme={(!data.resource_type || data.resource_type === 'PUBLIC') ? 'success' : undefined}>{t('所属DB')} : {data.resource_type_display}
+            </Tag>
+            {
+              data.labels && Array.isArray(data.labels) && (
+                data.labels.map(item => (
+                  <Tag>
+                    {item.name}
+                  </Tag>
+                ))
+              )}
+          </div>
+          <DbIcon
+            type="edit"
+            class='operation-icon'
+            onClick={() => handleEdit(data)}
+          />
+        </div>
+      ),
+    },
+    {
+      label: t('机架'),
+      field: 'rack_id',
+      render: ({ data }: { data: DbResourceModel }) => data.rack_id || '--',
+    },
+    {
+      label: t('机型'),
+      field: 'device_class',
+      render: ({ data }: { data: DbResourceModel }) => data.device_class || '--',
+    },
+    {
+      label: t('操作系统类型'),
+      width: 120,
+      field: 'os_type',
+      render: ({ data }: { data: DbResourceModel }) => data.os_type || '--',
+    },
+    {
+      label: t('地域'),
+      field: 'city',
+      render: ({ data }: { data: DbResourceModel }) => data.city || '--',
+    },
+    {
+      label: t('园区'),
+      field: 'sub_zone',
+      render: ({ data }: { data: DbResourceModel }) => data.sub_zone || '--',
+    },
+    {
+      label: t('CPU(核)'),
+      field: 'bk_cpu',
+    },
+    {
+      label: t('内存'),
+      field: 'bkMemText',
+      render: ({ data }: { data: DbResourceModel }) => data.bkMemText || '0 M',
+    },
+    {
+      label: t('磁盘容量(G)'),
+      field: 'bk_disk',
+      minWidth: 120,
+      render: ({ data }: { data: DbResourceModel }) => (
+        <DiskPopInfo data={data.storage_device} trigger='click'>
+          <span style="line-height: 40px; color: #3a84ff;cursor: pointer">
+            {data.bk_disk}
+          </span>
+        </DiskPopInfo>
+      ),
+    },
+    {
+      label: t('操作'),
+      field: 'id',
+      width: 300,
+      fixed: 'right',
+      render: ({ data }: { data: DbResourceModel }) => (
+        props.type === ResourcePool.public ? (
+          <HostOperationTip
+            data={data}
+            type="public"
+            onRefresh={fetchData}
+            tip={t('确认后，主机将标记为业务专属')}
+            title={t('确认转入业务资源池？')}
+          >
+            <BkButton
+              text
+              theme="primary">
+              {t('转入业务资源池')}
+            </BkButton>
+          </HostOperationTip>
+        ) : (
+          <>
+            <HostOperationTip
+              data={data}
+              title={t('确认转入待回收池？')}
+              tip={t('确认后，主机将标记为待回收，等待处理')}
+              type='to_recycle'
+              onRefresh={fetchData} >
+              <BkButton
+                text
+                theme="primary">
+                {t('移入待回收池')}
+              </BkButton>
+            </HostOperationTip>
+            <HostOperationTip
+              data={data}
+              title={t('确认转入待故障池？')}
+              tip={t('确认后，主机将标记为故障，等待处理')}
+              type='to_fault'
+              onRefresh={fetchData} >
+              <BkButton
+                text
+                class='ml-16'
+                theme="primary">
+                {t('移入故障池')}
+              </BkButton>
+            </HostOperationTip>
+            <HostOperationTip
+              data={data}
+              title={t('确认撤销导入？')}
+              tip={t('确认后，主机将从资源池移回原有模块')}
+              type='undo_import'
+              onRefresh={fetchData}>
+              <BkButton
+                text
+                class='ml-16'
+                theme="primary">
+                {t('撤销导入')}
+              </BkButton>
+            </HostOperationTip>
+          </>
+        )
+
+      ),
+    },
+  ];
+
+  const fetchData = () => {
+    tableRef.value.fetchData(searchParams);
+  };
+
+  const handleSearch = (params: Record<string, any>) => {
+    tableRef.value.fetchData(params);
+  };
+
+  // 导入主机
+  const handleImportHost = () => {
+    isShowImportHost.value = true;
+  };
+
+  // 导入主机成功需要刷新列表
+  const handleImportHostChange = () => {
+    fetchData();
+  };
+
+  // 批量设置
+  const handleShowBatchSetting = () => {
+    isShowBatchSetting.value = true;
+    handleBatchOperationShow(false);
+  };
+
+  // 复制所有主机
+  const handleCopyAllHost = () => {
+    fetchList({
+      offset: 0,
+      limit: -1,
+    }).then((data) => {
+      const ipList = data.results.map(item => item.ip);
+      execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
+    });
+  };
+
+  // 复制已选主机
+  const handleCopySelectHost = () => {
+    const ipList = selectionListWholeDataMemo.map(item => item.ip);
+    execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
+  };
+
+  // 复制所有异常主机
+  const handleCopyAllAbnormalHost = () => {
+    fetchList({
+      offset: 0,
+      limit: -1,
+    }).then((data) => {
+      const ipList = data.results.reduce<string[]>((result, item) => {
+        if (!item.agent_status) {
+          result.push(item.ip);
+        }
+        return result;
+      }, []);
+      execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
+    });
+  };
+
+  // 批量编辑后刷新列表
+  const handleBatchSettingChange = () => {
+    fetchData();
+    Object.values(selectionHostIdList.value).forEach((hostId) => {
+      tableRef.value.removeSelectByKey(hostId);
+    });
+    selectionHostIdList.value = [];
+  };
+
+  // 跳转操作记录
+  const handleGoOperationRecord = () => {
+    router.push({
+      name: 'resourcePoolOperationRecord',
+    });
+  };
+
+  const handleSelection = (list: number[], selectionListWholeData: DbResourceModel[]) => {
+    selectionHostIdList.value = list;
+    selectionListWholeDataMemo = selectionListWholeData;
+    isSelectedSameBiz.value = (new Set(selectionListWholeData.map(item => item.for_biz.bk_biz_id))).size === 1;
+  };
+
+  const handleClearSearch = () => {
+    searchBoxRef.value.clearValue();
+  };
+
+  const handleShowBatchCovertToPublic = () => {
+    isShowBatchCovertToPublic.value = true;
+    handleBatchOperationShow(false);
+  }
+
+  const handleShowBatchMoveToRecyclePool = () => {
+    isShowBatchMoveToRecyclePool.value = true;
+    handleBatchOperationShow(false);
+  };
+
+  const handleShowBatchMoveToFaultPool = () => {
+    isShowBatchMoveToFaultPool.value = true;
+    handleBatchOperationShow(false);
+  }
+
+  const handleShowBatchUndoImport = () => {
+    isShowBatchUndoImport.value = true;
+    handleBatchOperationShow(false);
+  };
+
+  const handleShowBatchConvertToBusiness = () => {
+    isShowBatchConvertToBusiness.value = true;
+    handleBatchOperationShow(false);
+  }
+
+  const handleShowBatchAssign = () => {
+    if (isSelectedSameBiz.value) {
+      isShowBatchAssign.value = true;
+    }
+    handleBatchOperationShow(false);
+  }
+
+  const handleEdit = (data: DbResourceModel) => {
+    isShowUpdateAssign.value = true;
+    curEditData.value = data;
+  }
+
+  const handleRefresh = () => {
+    fetchData();
+    Object.values(selectionHostIdList.value).forEach((hostId) => {
+      tableRef.value.removeSelectByKey(hostId);
+    });
+    selectionHostIdList.value = [];
+  }
+
+  const handleBatchOperationShow = (val: boolean) => {
+    isBatchOperationShow.value = val;
+  }
+
+  onMounted(() => {
+    fetchData();
+  });
+</script>
+<style lang="less">
+  .resource-pool-list-page {
+    .action-box {
+      display: flex;
+      align-items: center;
+
+      .quick-search-btn {
+        width: 32px;
+        margin-left: auto;
+      }
+
+      .search-selector {
+        margin-left: auto;
+        width: 560px;
+        height: 32px;
+      }
+    }
+
+    .my-row-cls {
+      .resource-owner-wrapper {
+        display: flex;
+        align-items: center;
+
+        .resource-owner {
+          display: flex;
+          align-items: center;
+          overflow: hidden;
+        }
+
+        .operation-icon {
+          color: #3a84ff;
+          cursor: pointer;
+          margin-left: 7.5px;
+          font-size: 12px;
+          visibility: hidden;
+        }
+      }
+
+      &:hover {
+        .operation-icon {
+          visibility: visible;
+          display: block;
+        }
+      }
+    }
+  }
+
+  .disabled-cls {
+    background-color: #f9fafd !important;
+    cursor: not-allowed !important;
+    color: #dcdee5 !important;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/HostOperationTip.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/HostOperationTip.vue
new file mode 100644
index 0000000000..0684e08802
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/HostOperationTip.vue
@@ -0,0 +1,114 @@
+<!--
+ * 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>
+  <BkPopConfirm
+    ext-cls="host-operation-btn"
+    :title="title"
+    trigger="click"
+    width="360"
+    @confirm="handleConfirm">
+    <slot />
+    <template #content>
+      <div class="content">
+        <div>
+          <span>{{ t('主机') }}：</span>
+          <span class="ip">{{ data.ip }}</span>
+        </div>
+        <div class="tip">{{ tip }}</div>
+      </div>
+    </template>
+  </BkPopConfirm>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { removeResource, updateResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  interface Props {
+    title: string;
+    tip: string;
+    data: DbResourceModel;
+    type: ServiceParameters<typeof removeResource>['event'] | 'public';
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+
+  const { run: runRemove } = useRequest(removeResource, {
+    manual: true,
+    onSuccess() {
+      messageSuccess(t('操作成功'));
+      emits('refresh');
+    },
+  });
+
+  const { run: convertToPublic } = useRequest(updateResource, {
+    manual: true,
+    onSuccess() {
+      messageSuccess(t('操作成功'));
+      emits('refresh');
+    },
+  });
+
+  const handleConfirm = () => {
+    if (props.type === 'public') {
+      convertToPublic({
+        bk_host_ids: [props.data.bk_host_id],
+        for_biz: props.data.bk_biz_id,
+        rack_id: '',
+        resource_type: props.data.resource_type,
+        storage_device: {},
+      });
+      return;
+    }
+    runRemove({
+      bk_host_ids: [props.data.bk_host_id],
+      event: props.type,
+    });
+  };
+</script>
+
+<style lang="less">
+  .host-operation-btn {
+    .content {
+      font-size: 12px;
+      color: #63656e;
+
+      .ip {
+        color: #313238;
+      }
+
+      .tip {
+        margin-top: 4px;
+        margin-bottom: 14px;
+      }
+    }
+
+    .bk-pop-confirm-title {
+      font-size: 16px !important;
+      color: #313238 !important;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/ImportHostBtn.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/ImportHostBtn.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/ImportHostBtn.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/ImportHostBtn.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/RenderTable.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/RenderTable.vue
similarity index 99%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/RenderTable.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/RenderTable.vue
index c9b237efc8..47f352f5cd 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/RenderTable.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/RenderTable.vue
@@ -27,6 +27,7 @@
         :pagination="pagination"
         :pagination-heihgt="60"
         remote-pagination
+        :row-class="rowCls"
         show-overflow-tooltip
         v-bind="$attrs"
         @column-sort="handleColumnSortChange"
@@ -87,6 +88,7 @@
     paginationExtra?: IPaginationExtra;
     selectable?: boolean;
     disableSelectMethod?: (data: any) => boolean | string;
+    rowCls?: string;
     // data 数据的主键
     primaryKey?: string;
   }
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/Index.vue
new file mode 100644
index 0000000000..bcc5d1fc10
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/Index.vue
@@ -0,0 +1,148 @@
+<template>
+  <BkDialog
+    class="batch-assign-dialog"
+    :esc-close="false"
+    :is-show="isShow"
+    :quick-close="false"
+    render-directive="if"
+    :width="width"
+    @closed="handleCancel">
+    <BkResizeLayout
+      :border="false"
+      collapsible
+      :initial-divide="400"
+      placement="right"
+      :style="layoutStyle">
+      <template #main>
+        <FormPanel
+          ref="formPanelRef"
+          :biz-id="curBizId" />
+      </template>
+      <template #aside>
+        <ListPanel
+          ref="formRef"
+          v-model="hostList"
+          :content-height="contentHeight"
+          @update:host-list="handleUpdate" />
+      </template>
+    </BkResizeLayout>
+    <template #footer>
+      <div>
+        <span
+          v-bk-tooltips="{
+            disabled: !!hostList.length,
+            content: t('请选择主机'),
+          }">
+          <BkButton
+            :disabled="!hostList.length"
+            :loading="isUpdating"
+            theme="primary"
+            @click="handleSubmit">
+            {{ t('确定') }}
+          </BkButton>
+        </span>
+        <BkButton
+          class="ml-8"
+          @click="handleCancel">
+          {{ t('取消') }}
+        </BkButton>
+      </div>
+    </template>
+  </BkDialog>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { updateResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import FormPanel from './components/FormPanel.vue';
+  import ListPanel from './components/ListPanel.vue';
+
+  interface Props {
+    selected: DbResourceModel[];
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: false,
+  });
+  const hostList = defineModel<DbResourceModel[]>('hostList', {
+    default: () => [],
+  });
+
+  const { t } = useI18n();
+  const formPanelRef = useTemplateRef('formPanelRef');
+
+  const width = Math.ceil(window.innerWidth * 0.8);
+  const contentHeight = Math.ceil(window.innerHeight * 0.8 - 48);
+  const layoutStyle = {
+    height: `${contentHeight}px`,
+  };
+
+  const curBizId = computed(() => hostList.value[0]?.for_biz.bk_biz_id || 0);
+
+  const { loading: isUpdating, run: runUpdate } = useRequest(updateResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess('设置成功');
+    },
+  });
+
+  watch(
+    () => props.selected,
+    () => {
+      hostList.value = props.selected;
+    },
+  );
+
+  const handleUpdate = (data: DbResourceModel[]) => {
+    hostList.value = data;
+  };
+
+  const handleSubmit = async () => {
+    const data = await formPanelRef.value!.getValue();
+    runUpdate({
+      bk_host_ids: hostList.value.map((item) => item.bk_host_id),
+      for_biz: data.for_biz as number,
+      resource_type: data.resource_type as string,
+      labels: data.labels,
+      rack_id: '',
+      storage_device: {},
+    });
+  };
+
+  const handleCancel = () => {
+    emits('refresh');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="less">
+  .batch-assign-dialog {
+    .bk-modal-header {
+      display: none;
+    }
+
+    .bk-dialog-content {
+      padding: 0;
+      margin: 0;
+    }
+
+    .bk-modal-close {
+      display: none !important;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/FormPanel.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/FormPanel.vue
new file mode 100644
index 0000000000..5c4efa5a92
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/FormPanel.vue
@@ -0,0 +1,176 @@
+<!--
+ * 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>
+  <div class="batch-assign-form-panel">
+    <div class="title">
+      {{ t('批量添加资源归属') }}
+    </div>
+    <BkAlert
+      class="mt-12"
+      closable
+      theme="warning">
+      {{ t('为主机添加或更新所属 DB、标签设置，若设置不存在则添加，已存在则覆盖更新') }}
+    </BkAlert>
+    <BkForm
+      ref="formRef"
+      class="mt-16"
+      form-type="vertical"
+      :model="formData">
+      <BkFormItem
+        :label="t('所属业务')"
+        property="for_biz"
+        required>
+        <BkSelect
+          v-model="formData.for_biz"
+          :allow-empty-values="[0]"
+          disabled>
+          <BkOption
+            v-for="bizItem in bizList"
+            :key="bizItem.bk_biz_id"
+            :label="bizItem.display_name"
+            :value="bizItem.bk_biz_id" />
+        </BkSelect>
+      </BkFormItem>
+      <BkFormItem
+        :label="t('所属DB')"
+        property="resource_type"
+        required>
+        <BkSelect v-model="formData.resource_type">
+          <BkOption
+            v-for="item in dbTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id" />
+        </BkSelect>
+      </BkFormItem>
+      <BkFormItem
+        :label="t('资源标签')"
+        property="labels">
+        <TagSelector
+          v-model="formData.labels"
+          :bk-biz-id="formData.for_biz" />
+      </BkFormItem>
+    </BkForm>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { getBizs } from '@services/source/cmdb';
+  import { fetchDbTypeList } from '@services/source/infras';
+  import { listTag } from '@services/source/tag';
+  import type { BizItem } from '@services/types';
+
+  import TagSelector from '../../tag-selector/Index.vue';
+
+  interface Props {
+    bizId: number;
+  }
+
+  interface Expose {
+    getValue: () => Promise<{
+      labels: number[];
+      resource_type: string;
+      for_biz: number;
+    }>;
+  }
+
+  const props = defineProps<Props>();
+
+  const { t } = useI18n();
+  const formRef = useTemplateRef('formRef');
+
+  const formData = reactive({
+    for_biz: 0,
+    resource_type: '',
+    labels: [] as number[],
+  });
+
+  const bizList = shallowRef<ServiceReturnType<typeof getBizs>>([]);
+  const dbTypeList = shallowRef<ServiceReturnType<typeof fetchDbTypeList>>([]);
+  const tagList = shallowRef<ServiceReturnType<typeof listTag>['results']>([]);
+
+  useRequest(getBizs, {
+    onSuccess(data) {
+      bizList.value = [
+        {
+          bk_biz_id: 0,
+          display_name: t('公共资源池'),
+        } as BizItem,
+        ...data,
+      ];
+    },
+  });
+
+  useRequest(fetchDbTypeList, {
+    onSuccess(data) {
+      dbTypeList.value = [
+        {
+          id: 'PUBLIC',
+          name: t('通用'),
+        },
+        ...data,
+      ];
+    },
+  });
+
+  useRequest(listTag, {
+    defaultParams: [
+      {
+        bk_biz_id: props.bizId,
+      },
+    ],
+    onSuccess(data) {
+      tagList.value = data.results;
+    },
+  });
+
+  watch(
+    () => props.bizId,
+    () => {
+      formData.for_biz = props.bizId;
+    },
+    {
+      immediate: true,
+    },
+  );
+
+  defineExpose<Expose>({
+    getValue() {
+      return formRef.value!.validate().then(() => ({
+        for_biz: Number(formData.for_biz),
+        resource_type: formData.resource_type,
+        labels: formData.labels,
+      }));
+    },
+  });
+</script>
+
+<style lang="less">
+  .batch-assign-form-panel {
+    padding: 16px 24px;
+
+    .title {
+      font-size: 20px;
+      line-height: 28px;
+      color: #313238;
+    }
+
+    .search-input {
+      margin: 14px 0 12px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/ListPanel.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/ListPanel.vue
new file mode 100644
index 0000000000..9915a0362b
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-assign/components/ListPanel.vue
@@ -0,0 +1,266 @@
+<!--
+ * 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>
+  <div class="batch-assign-list-panel">
+    <div class="title">
+      <span>
+        {{ t('已选主机') }}
+      </span>
+      <BkPopover
+        :arrow="false"
+        :is-show="isShowHostActionPop"
+        placement="bottom"
+        theme="light export-host-action-extends"
+        trigger="manual">
+        <div
+          class="host-action"
+          :class="{
+            active: isShowHostActionPop,
+          }"
+          @blur="handleHideHostAction"
+          @click="handleShowHostAction">
+          <DbIcon type="more" />
+        </div>
+        <template #content>
+          <div
+            class="item"
+            @click="handleCopyAll">
+            {{ t('复制所有 IP') }}
+          </div>
+        </template>
+      </BkPopover>
+    </div>
+    <div class="host-header">
+      <DbIcon
+        class="mr-6"
+        type="down-big" />
+      <I18nT keypath="共n台">
+        <span
+          class="number"
+          style="color: #3a84ff">
+          {{ hostList.length }}
+        </span>
+      </I18nT>
+    </div>
+    <div class="host-list">
+      <div
+        v-for="hostItem in hostList"
+        :key="hostItem.bk_host_id"
+        class="host-item">
+        <div>{{ hostItem.ip }}</div>
+        <div class="action-box">
+          <DbIcon
+            v-bk-tooltips="t('复制')"
+            type="copy"
+            @click="handleCopy(hostItem)" />
+          <DbIcon
+            v-bk-tooltips="t('删除')"
+            style="font-size: 16px"
+            type="close"
+            @click="handleRemove(hostItem)" />
+        </div>
+      </div>
+      <BkException
+        v-if="hostList.length < 1"
+        :description="t('暂无数据')"
+        scene="part"
+        type="empty" />
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+  import { reactive } from 'vue';
+  import { useI18n } from 'vue-i18n';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+
+  import { useCopy } from '@hooks';
+
+  import { messageWarn } from '@utils';
+
+  interface Expose {
+    getValue: () => Promise<any>;
+  }
+
+  const hostList = defineModel<DbResourceModel[]>({
+    default: () => [],
+  });
+
+  const copy = useCopy();
+  const { t } = useI18n();
+
+  const formRef = ref();
+  const isShowHostActionPop = ref(false);
+  const formData = reactive({
+    for_biz: '',
+    resource_type: '',
+    labels: '',
+  });
+
+  const handleShowHostAction = () => {
+    isShowHostActionPop.value = true;
+  };
+
+  const handleHideHostAction = () => {
+    isShowHostActionPop.value = false;
+  };
+
+  // 复制所有主机 IP
+  const handleCopyAll = () => {
+    const ipList = hostList.value.map((item) => item.ip);
+    isShowHostActionPop.value = false;
+    if (!ipList.length) {
+      messageWarn(t('暂无可复制 IP'));
+      return;
+    }
+
+    copy(ipList.join('\n'));
+  };
+
+  // 复制单个指定主机 IP
+  const handleCopy = (hostItem: DbResourceModel) => {
+    copy(hostItem.ip);
+  };
+
+  // 删除单个主机
+  const handleRemove = (hostItem: DbResourceModel) => {
+    const hostListResult = hostList.value.reduce<DbResourceModel[]>((result, item) => {
+      if (item.bk_host_id !== hostItem.bk_host_id) {
+        result.push(item);
+      }
+      return result;
+    }, []);
+
+    hostList.value = hostListResult;
+  };
+
+  defineExpose<Expose>({
+    getValue() {
+      return formRef.value.validate().then(() => ({
+        for_biz: Number(formData.for_biz),
+        resource_type: formData.resource_type,
+        labels: formData.labels,
+      }));
+    },
+  });
+</script>
+<style lang="less">
+  .batch-assign-list-panel {
+    display: flex;
+    height: 100%;
+    background: #f5f6fa;
+    flex-direction: column;
+
+    .title {
+      padding: 8px 12px 10px 24px;
+      font-weight: 700;
+      font-size: 12px;
+      color: #313238;
+      background: #ffffff;
+      border: 1px solid #dcdee5;
+      border-radius: 0 2px 2px 0;
+      display: flex;
+
+      .host-action {
+        display: flex;
+        width: 20px;
+        height: 20px;
+        margin-left: auto;
+        cursor: pointer;
+        border-radius: 2px;
+        transition: all 0.15s;
+        align-items: center;
+        justify-content: center;
+
+        &.active,
+        &:hover {
+          background: #e1ecff;
+        }
+      }
+    }
+
+    .host-header {
+      display: flex;
+      align-items: center;
+      padding: 0 24px;
+      margin-top: 14px;
+      margin-bottom: 4px;
+      line-height: 24px;
+      color: #63656e;
+      font-size: 12px;
+    }
+
+    .host-list {
+      padding: 0 24px;
+      overflow-y: auto;
+      font-size: 12px !important;
+
+      .host-item {
+        display: flex;
+        height: 32px;
+        padding: 0 12px;
+        line-height: 1;
+        color: #63656e;
+        background-color: #fff;
+        border-radius: 2px;
+        transition: all 0.15s;
+        align-items: center;
+
+        & ~ .host-item {
+          margin-top: 2px;
+        }
+
+        &:hover {
+          background-color: #e1ecff;
+
+          .action-box {
+            display: flex;
+          }
+        }
+
+        .action-box {
+          display: none;
+          margin-left: auto;
+          color: #3a84ff;
+          align-items: center;
+
+          i {
+            padding: 0 2px;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+
+  [data-theme~='export-host-action-extends'] {
+    padding: 8px 0 !important;
+
+    .item {
+      display: flex;
+      height: 32px;
+      padding: 0 12px;
+      font-size: 12px;
+      color: #63656e;
+      cursor: pointer;
+      transition: all 0.15s;
+      align-items: center;
+
+      &:hover {
+        color: #3a84ff;
+        background-color: #e1ecff;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-convert-to-business/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-convert-to-business/Index.vue
new file mode 100644
index 0000000000..9a20fd0f79
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-convert-to-business/Index.vue
@@ -0,0 +1,78 @@
+<!--
+ * 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>
+  <ReviewDataDialog
+    :is-show="isShow"
+    :loading="isUpdating"
+    :selected="selectedIpList"
+    :tip="t('确认后，主机将标记为业务专属')"
+    :title="t('确认批量将 {n} 台主机转入业务资源池？', { n: props.selected.length })"
+    @cancel="handleCancel"
+    @confirm="handleConfirm" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { updateResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import ReviewDataDialog from '../review-data-dialog/Index.vue';
+
+  interface Props {
+    selected: DbResourceModel[];
+    bizId: number;
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const isShow = defineModel<boolean>('isShow', {
+    default: true,
+  });
+
+  const { t } = useI18n();
+
+  const selectedIpList = computed(() => props.selected.map((item) => item.ip));
+
+  const { loading: isUpdating, run: runUpdate } = useRequest(updateResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess(t('设置成功'));
+    },
+  });
+
+  const handleConfirm = () => {
+    runUpdate({
+      bk_host_ids: props.selected.map((item) => item.bk_host_id),
+      for_biz: props.bizId,
+      rack_id: props.selected[0].rack_id,
+      resource_type: '',
+      storage_device: props.selected[0].storage_device,
+    });
+  };
+
+  const handleCancel = () => {
+    emits('refresh');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-covert-to-public/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-covert-to-public/Index.vue
new file mode 100644
index 0000000000..091ffa1bdb
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-covert-to-public/Index.vue
@@ -0,0 +1,77 @@
+<!--
+ * 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>
+  <ReviewDataDialog
+    :is-show="isShow"
+    :loading="isUpdating"
+    :selected="selectedIpList"
+    :tip="t('确认后，将主机将清空已存在的资源归属设置，并设置为公共资源')"
+    :title="t('确认将 {n} 台主机转为公共资源?', { n: props.selected.length })"
+    @cancel="handleCancel"
+    @confirm="handleConfirm" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { updateResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import ReviewDataDialog from '../review-data-dialog/Index.vue';
+
+  interface Props {
+    selected: DbResourceModel[];
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: true,
+  });
+
+  const { t } = useI18n();
+
+  const selectedIpList = computed(() => props.selected.map((item) => item.ip));
+
+  const { loading: isUpdating, run: runUpdate } = useRequest(updateResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess(t('设置成功'));
+    },
+  });
+
+  const handleConfirm = () => {
+    runUpdate({
+      bk_host_ids: props.selected.map((item) => item.bk_host_id),
+      for_biz: 0,
+      rack_id: '',
+      resource_type: 'PUBLIC',
+      storage_device: {},
+    });
+  };
+
+  const handleCancel = () => {
+    isShow.value = false;
+    emits('refresh');
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-fault-pool/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-fault-pool/Index.vue
new file mode 100644
index 0000000000..6cefab2c9c
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-fault-pool/Index.vue
@@ -0,0 +1,64 @@
+<template>
+  <ReviewDataDialog
+    :is-show="isShow"
+    :loading="isRemoving"
+    :selected="selectedIpList"
+    :tip="t('确认后，主机将标记为故障，等待处理')"
+    :title="t('确认批量将 {n} 台主机转入故障池?', { n: props.selected.length })"
+    @cancel="handleCancel"
+    @confirm="handleConfirm" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { removeResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import ReviewDataDialog from '../review-data-dialog/Index.vue';
+
+  interface Props {
+    selected: DbResourceModel[];
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: true,
+  });
+
+  const { t } = useI18n();
+
+  const selectedIpList = computed(() => props.selected.map((item) => item.ip));
+
+  const { loading: isRemoving, run: runDelete } = useRequest(removeResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess(t('设置成功'));
+    },
+  });
+
+  const handleConfirm = () => {
+    runDelete({
+      bk_host_ids: props.selected.map((item) => item.bk_host_id),
+      event: 'to_fault',
+    });
+  };
+
+  const handleCancel = () => {
+    emits('refresh');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-recycle-pool/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-recycle-pool/Index.vue
new file mode 100644
index 0000000000..9a4d01ddb1
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-move-to-recycle-pool/Index.vue
@@ -0,0 +1,64 @@
+<template>
+  <ReviewDataDialog
+    :is-show="isShow"
+    :loading="isRemoving"
+    :selected="selectedIpList"
+    :tip="t('确认后，主机将标记为待回收，等待处理')"
+    :title="t('确认批量将 {n} 台主机转入回收池？', { n: props.selected.length })"
+    @cancel="handleCancel"
+    @confirm="handleConfirm" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { removeResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import ReviewDataDialog from '../review-data-dialog/Index.vue';
+
+  interface Props {
+    selected: DbResourceModel[];
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: true,
+  });
+
+  const { t } = useI18n();
+
+  const selectedIpList = computed(() => props.selected.map((item) => item.ip));
+
+  const { loading: isRemoving, run: runDelete } = useRequest(removeResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess(t('设置成功'));
+    },
+  });
+
+  const handleConfirm = () => {
+    runDelete({
+      bk_host_ids: props.selected.map((item) => item.bk_host_id),
+      event: 'to_recycle',
+    });
+  };
+
+  const handleCancel = () => {
+    emits('refresh');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/batch-setting/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-setting/Index.vue
similarity index 86%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/batch-setting/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-setting/Index.vue
index 72ab99470a..3b9d51980a 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/batch-setting/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-setting/Index.vue
@@ -23,6 +23,7 @@
             <div class="com-input">
               <BkSelect
                 v-model="formData.for_biz"
+                :allow-empty-values="[0]"
                 filterable>
                 <BkOption
                   v-for="bizItem in bizList"
@@ -85,6 +86,8 @@
 
   import ResourceSpecStorage, { type IStorageSpecItem } from './components/ResourceSpecStorage.vue';
 
+  import type { BizItem } from '@/services/types';
+
   interface Props {
     data: number[];
     isShow: boolean;
@@ -101,7 +104,7 @@
   const { t } = useI18n();
 
   const genDefaultData = () => ({
-    for_biz: '',
+    for_biz: undefined,
     rack_id: '',
     resource_type: '',
     storage_spec: [] as IStorageSpecItem[],
@@ -109,35 +112,24 @@
 
   const formRef = ref();
   const isSubmiting = ref(false);
-  const bizList = shallowRef<
-    {
-      bk_biz_id: string;
-      display_name: string;
-    }[]
-  >([]);
-  const dbTypeList = shallowRef<
-    {
-      id: string;
-      name: string;
-    }[]
-  >([]);
+  const bizList = shallowRef<ServiceReturnType<typeof getBizs>>([]);
+  const dbTypeList = shallowRef<ServiceReturnType<typeof fetchDbTypeList>>([]);
+
   const formData = reactive(genDefaultData());
 
   const isSubmitDisabled = computed(
-    () => !(formData.for_biz || formData.resource_type || formData.storage_spec.length > 0),
+    () => !(formData.for_biz !== '' || formData.resource_type || formData.storage_spec.length > 0),
   );
 
   useRequest(getBizs, {
     onSuccess(data) {
-      const cloneData = data.map((item) => ({
-        bk_biz_id: `${item.bk_biz_id}`,
-        display_name: item.display_name,
-      }));
-      cloneData.unshift({
-        bk_biz_id: '0',
-        display_name: t('公共资源池'),
-      });
-      bizList.value = cloneData;
+      bizList.value = [
+        {
+          bk_biz_id: 0,
+          display_name: t('公共资源池'),
+        } as BizItem,
+        ...data,
+      ];
     },
   });
 
@@ -157,7 +149,7 @@
     formRef.value
       .validate()
       .then(() => {
-        const storageDevice = formData.storage_spec.reduce(
+        const storageDevice = formData.storage_spec.reduce<Record<string, { size: number; disk_type: string }>>(
           (result, item) => ({
             ...result,
             [item.mount_point]: {
@@ -165,11 +157,11 @@
               disk_type: item.type,
             },
           }),
-          {} as Record<string, { size: number; disk_type: string }>,
+          {},
         );
         return updateResource({
           bk_host_ids: props.data.map((item) => ~~item),
-          for_biz: Number(formData.for_biz),
+          for_biz: formData.for_biz,
           rack_id: formData.rack_id,
           resource_type: formData.resource_type,
           storage_device: storageDevice,
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/batch-setting/components/ResourceSpecStorage.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-setting/components/ResourceSpecStorage.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/batch-setting/components/ResourceSpecStorage.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-setting/components/ResourceSpecStorage.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-undo-import/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-undo-import/Index.vue
new file mode 100644
index 0000000000..12250d2e10
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/batch-undo-import/Index.vue
@@ -0,0 +1,64 @@
+<template>
+  <ReviewDataDialog
+    :is-show="isShow"
+    :loading="isRemoving"
+    :selected="selectedIpList"
+    :tip="t('确认后，主机将从资源池移回原有模块')"
+    :title="t('确认批量撤销 {n} 台主机的导入?', { n: props.selected.length })"
+    @cancel="handleCancel"
+    @confirm="handleConfirm" />
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { removeResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import ReviewDataDialog from '../review-data-dialog/Index.vue';
+
+  interface Props {
+    selected: DbResourceModel[];
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: true,
+  });
+
+  const { t } = useI18n();
+
+  const selectedIpList = computed(() => props.selected.map((item) => item.ip));
+
+  const { loading: isRemoving, run: runDelete } = useRequest(removeResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess(t('设置成功'));
+    },
+  });
+
+  const handleConfirm = () => {
+    runDelete({
+      bk_host_ids: props.selected.map((item) => item.bk_host_id),
+      event: 'undo_import',
+    });
+  };
+
+  const handleCancel = () => {
+    emits('refresh');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue
similarity index 81%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue
index 89e9255de8..389572c4a2 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue
@@ -17,6 +17,7 @@
     class="import-host-dialog"
     :esc-close="false"
     :quick-close="false"
+    render-directive="if"
     :width="width">
     <BkResizeLayout
       :border="false"
@@ -40,12 +41,13 @@
       <div>
         <span
           v-bk-tooltips="{
-            disabled: hostSelectList.length > 1,
+            disabled: hostSelectList.length > 0,
             content: t('请选择主机'),
           }">
           <BkButton
+            v-bk-tooltips="tooltip"
             :disabled="hostSelectList.length < 1"
-            :loading="isSubmiting"
+            :loading="isSubmitting"
             theme="primary"
             @click="handleSubmit">
             {{ t('确定') }}
@@ -60,7 +62,8 @@
     </template>
   </BkDialog>
 </template>
-<script setup lang="ts">
+<script setup lang="tsx">
+  import BkButton from 'bkui-vue/lib/button';
   import { ref, shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
@@ -83,9 +86,10 @@
   });
 
   const { t } = useI18n();
+  const router = useRouter();
 
   const formRef = ref();
-  const isSubmiting = ref(false);
+  const isSubmitting = ref(false);
   const hostSelectList = shallowRef<HostInfo[]>([]);
   const width = Math.ceil(window.innerWidth * 0.8);
 
@@ -93,9 +97,23 @@
   const layoutStyle = {
     height: `${contentHeight}px`,
   };
+  const tooltip = computed(() => {
+    const path = router.resolve({
+      name: 'taskHistory'
+    });
+    return {
+      theme: 'light',
+      disabled: hostSelectList.value.length < 1,
+      content: () => (
+        <div>
+          {t('提交后，将会进行主机初始化任务，具体的导入结果，可以通过“')}<a href={path.href} target='_blank'>{t('任务历史')}</a>{t('”查看')}
+        </div>
+      )
+    }
+  });
 
   const handleSubmit = () => {
-    isSubmiting.value = true;
+    isSubmitting.value = true;
     formRef.value
       .getValue()
       .then((data: any) =>
@@ -107,6 +125,7 @@
             host_id: item.host_id,
             bk_cloud_id: item.cloud_id,
           })),
+          labels: data.labels,
         }).then(() => {
           window.changeConfirm = false;
           messageSuccess(t('操作成功'));
@@ -115,7 +134,7 @@
         }),
       )
       .finally(() => {
-        isSubmiting.value = false;
+        isSubmitting.value = false;
       });
   };
 
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/FormPanel.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/FormPanel.vue
similarity index 82%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/FormPanel.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/FormPanel.vue
index 2c4a37975b..8a3e15a686 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/FormPanel.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/FormPanel.vue
@@ -99,6 +99,7 @@
           <div class="com-input">
             <BkSelect
               v-model="formData.for_biz"
+              :allow-empty-values="[0]"
               filterable>
               <BkOption
                 v-for="bizItem in bizList"
@@ -123,6 +124,15 @@
             </BkSelect>
           </div>
         </BkFormItem>
+        <BkFormItem
+          :label="t('资源标签')"
+          property="labels">
+          <div class="com-input">
+            <TagSelector
+              v-model="formData.labels"
+              :bk-biz-id="formData.for_biz" />
+          </div>
+        </BkFormItem>
       </DbForm>
     </div>
   </div>
@@ -134,10 +144,13 @@
 
   import { getBizs } from '@services/source/cmdb';
   import { fetchDbTypeList } from '@services/source/infras';
-  import type { HostInfo } from '@services/types';
+  import { listTag } from '@services/source/tag';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useCopy } from '@hooks';
 
+  import TagSelector from '@views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue';
+
   import { messageWarn } from '@utils';
 
   interface Props {
@@ -159,44 +172,54 @@
   const formRef = ref();
   const isShowHostActionPop = ref(false);
   const formData = reactive({
-    for_biz: '',
+    for_biz: 0,
     resource_type: '',
+    labels: [],
   });
-  const bizList = shallowRef<
-    {
-      bk_biz_id: string;
-      display_name: string;
-    }[]
-  >([]);
-  const dbTypeList = shallowRef<
-    {
-      id: string;
-      name: string;
-    }[]
-  >([]);
+
+  const bizList = shallowRef<ServiceReturnType<typeof getBizs>>([]);
+  const dbTypeList = shallowRef<ServiceReturnType<typeof fetchDbTypeList>>([]);
+  const tagList = shallowRef<ServiceReturnType<typeof listTag>['results']>([]);
 
   useRequest(getBizs, {
     onSuccess(data) {
-      const cloneData = data.map((item) => ({
-        bk_biz_id: `${item.bk_biz_id}`,
-        display_name: item.display_name,
-      }));
-      cloneData.unshift({
-        bk_biz_id: '0',
-        display_name: t('公共资源池'),
-      });
-      bizList.value = cloneData;
+      bizList.value = [
+        {
+          bk_biz_id: 0,
+          display_name: t('公共资源池'),
+        } as BizItem,
+        ...data,
+      ];
     },
   });
 
   useRequest(fetchDbTypeList, {
     onSuccess(data) {
-      const cloneData = data;
-      cloneData.unshift({
-        id: 'PUBLIC',
-        name: t('通用'),
-      });
-      dbTypeList.value = cloneData;
+      dbTypeList.value = [
+        {
+          id: 'PUBLIC',
+          name: t('通用'),
+        },
+        ...data,
+      ];
+    },
+  });
+
+  watch(
+    () => formData.for_biz,
+    () => {
+      if (formData.for_biz) {
+        runListTag({
+          bk_biz_id: Number(formData.for_biz),
+        });
+      }
+    },
+  );
+
+  const { run: runListTag } = useRequest(listTag, {
+    manual: true,
+    onSuccess(data) {
+      tagList.value = data.results;
     },
   });
 
@@ -212,15 +235,12 @@
 
   // 清空所有异常主机
   const handleRemoveAbnormal = () => {
-    const result = props.hostList.reduce(
-      (result, item) => {
-        if (item.alive !== 0) {
-          result.push(item);
-        }
-        return result;
-      },
-      [] as Props['hostList'],
-    );
+    const result = props.hostList.reduce<Props['hostList']>((result, item) => {
+      if (item.alive !== 0) {
+        result.push(item);
+      }
+      return result;
+    }, []);
     emits('update:hostList', result);
     isShowHostActionPop.value = false;
   };
@@ -239,12 +259,12 @@
 
   // 复制所有异常主机 IP
   const handleCopyAbnormal = () => {
-    const ipList = props.hostList.reduce((result, item) => {
+    const ipList = props.hostList.reduce<string[]>((result, item) => {
       if (item.alive === 0) {
         result.push(item.ip);
       }
       return result;
-    }, [] as string[]);
+    }, []);
 
     isShowHostActionPop.value = false;
 
@@ -263,12 +283,12 @@
 
   // 删除单个主机
   const handleRemove = (hostItem: HostInfo) => {
-    const hostListResult = props.hostList.reduce((result, item) => {
+    const hostListResult = props.hostList.reduce<HostInfo[]>((result, item) => {
       if (item.host_id !== hostItem.host_id) {
         result.push(item);
       }
       return result;
-    }, [] as HostInfo[]);
+    }, []);
 
     emits('update:hostList', hostListResult);
   };
@@ -278,6 +298,7 @@
       return formRef.value.validate().then(() => ({
         for_biz: Number(formData.for_biz),
         resource_type: formData.resource_type,
+        labels: formData.labels,
       }));
     },
   });
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/select-host-panel/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/select-host-panel/Index.vue
similarity index 97%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/select-host-panel/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/select-host-panel/Index.vue
index 24f42dbc8b..907f21f3c2 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/select-host-panel/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/select-host-panel/Index.vue
@@ -118,10 +118,10 @@
     if (newModleValue.length >= oldModleValue.length) {
       return;
     }
-    const newValueIdMap = newModleValue.reduce((result, item) => ({
+    const newValueIdMap = newModleValue.reduce<Record<HostInfo['host_id'], boolean>>((result, item) => ({
       ...result,
       [item.host_id]: true,
-    }), {} as Record<HostInfo['host_id'], boolean>);
+    }), {});
     oldModleValue.forEach((hostData) => {
       if (!newValueIdMap[hostData.host_id]) {
         tableRef.value.removeSelectByKey(hostData.host_id);
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/select-host-panel/components/HostEmpty.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/select-host-panel/components/HostEmpty.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/import-host/components/select-host-panel/components/HostEmpty.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/components/select-host-panel/components/HostEmpty.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/resource-search-selector/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/resource-search-selector/Index.vue
new file mode 100644
index 0000000000..8275defaf0
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/resource-search-selector/Index.vue
@@ -0,0 +1,132 @@
+<template>
+  <BkSearchSelect
+    v-model="modelValue"
+    class="search-selector"
+    :data="searchSelectData"
+    unique-select
+    value-split-code="+"
+    @search="handleSearch" />
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { fetchDeviceClass, getOsTypeList } from '@services/source/dbresourceResource';
+  import { fetchDbTypeList } from '@services/source/infras';
+  import { getCloudList } from '@services/source/ipchooser';
+
+  import { useGlobalBizs } from '@stores';
+
+  interface Emits {
+    (e: 'search'): void;
+  }
+
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+  const { bizs } = useGlobalBizs();
+
+  const modelValue = defineModel({
+    default: () => [],
+  });
+
+  const searchSelectData = computed(() => [
+    {
+      name: 'IP',
+      id: 'hosts',
+    },
+    {
+      name: t('所属业务'),
+      id: 'for_biz',
+      children: bizs.map((biz) => ({
+        name: biz.name,
+        id: String(biz.bk_biz_id),
+      })),
+    },
+    {
+      name: t('所属DB类型'),
+      id: 'resource_type',
+      children: resourceTypeList.value,
+    },
+    {
+      name: t('管控区域'),
+      id: 'bk_cloud_ids',
+      children: cloudList.value?.map((item) => ({
+        id: item.bk_cloud_id,
+        name: item.bk_cloud_name,
+      })),
+    },
+    {
+      name: t('Agent 状态'),
+      id: 'agent_status',
+      children: [
+        {
+          name: t('正常'),
+          id: '1',
+        },
+        {
+          name: t('异常'),
+          id: '0',
+        },
+      ],
+    },
+    {
+      name: t('操作系统'),
+      id: 'os_type',
+      children: osTypeList.value?.map((item) => ({
+        id: item,
+        name: item,
+      })),
+    },
+    {
+      name: t('机型'),
+      id: 'device_class',
+      children: deviceClassList.value?.map((item) => ({
+        id: item,
+        name: item,
+      })),
+    },
+  ]);
+
+  // 管控区域
+  const { data: cloudList } = useRequest(getCloudList);
+
+  // DB类型
+  const { data: resourceTypeList } = useRequest(fetchDbTypeList, {
+    onSuccess(data) {
+      resourceTypeList.value = [
+        {
+          id: 'PUBLIC',
+          name: t('通用'),
+        },
+        ...data,
+      ];
+    },
+  });
+
+  // 操作系统
+  const { data: osTypeList } = useRequest(getOsTypeList, {
+    defaultParams: [
+      {
+        offset: 0,
+        limit: -1,
+      },
+    ],
+  });
+
+  // 机型
+  const { data: deviceClassList } = useRequest(fetchDeviceClass);
+
+  const handleSearch = () => {
+    emits('search');
+  };
+</script>
+
+<style scoped lang="less">
+  .resource-search-selector {
+    margin-left: auto;
+    width: 560px;
+    height: 32px;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/review-data-dialog/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/review-data-dialog/Index.vue
new file mode 100644
index 0000000000..0a134f0da0
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/review-data-dialog/Index.vue
@@ -0,0 +1,158 @@
+<!--
+ * 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>
+  <BkDialog
+    class="review-data-dialog"
+    :is-show="isShow"
+    :title="title"
+    @closed="handleClose">
+    <div class="review-data-wrapper">
+      <div class="tip">{{ tip }}</div>
+      <div class="selected-wrapper">
+        <div class="selected-title">
+          <I18nT keypath="已选择以下n台主机">
+            <span class="selected-count">
+              {{ selected.length }}
+            </span>
+          </I18nT>
+        </div>
+        <div class="selected-content">
+          <div
+            v-for="item in selected"
+            :key="item"
+            class="selected-item">
+            {{ item }}
+          </div>
+        </div>
+      </div>
+    </div>
+    <template #footer>
+      <div class="footer">
+        <BkButton
+          :loading="loading"
+          style="width: 88px"
+          theme="primary"
+          @click="handleConfirm"
+          >{{ t('确定') }}
+        </BkButton>
+        <BkButton
+          class="ml-9 operation-btn"
+          :loading="loading"
+          style="width: 88px"
+          @click="handleClose"
+          >{{ t('取消') }}
+        </BkButton>
+      </div>
+    </template>
+  </BkDialog>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+
+  interface Props {
+    title: string;
+    tip: string;
+    loading: boolean;
+    selected: string[];
+  }
+
+  interface Emits {
+    (e: 'confirm'): void;
+    (e: 'cancel'): void;
+  }
+
+  defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const isShow = defineModel<boolean>('isShow', {
+    default: false,
+  });
+
+  const { t } = useI18n();
+
+  const handleConfirm = () => {
+    emits('confirm');
+    isShow.value = false;
+  };
+
+  const handleClose = () => {
+    emits('cancel');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="less" scoped>
+  .review-data-wrapper {
+    font-size: 14px;
+
+    .tip {
+      background: #f5f6fa;
+      border-radius: 2px;
+      padding: 12px 16px;
+      margin-bottom: 8px;
+    }
+
+    .selected-wrapper {
+      border: 1px solid #eaebf0;
+      border-radius: 2px;
+      max-height: 192px;
+      overflow-y: auto;
+
+      .selected-title {
+        width: 100%;
+        padding: 5px 16px;
+        background: #f0f1f5;
+        color: #313238;
+        position: sticky;
+        top: 0;
+
+        .selected-count {
+          font-weight: 700;
+        }
+      }
+
+      .selected-content {
+        font-size: 12px;
+
+        .selected-item {
+          padding: 6px 16px;
+
+          &:nth-child(even) {
+            background-color: #fafbfd;
+          }
+
+          &:nth-child(odd) {
+            background-color: #ffffff;
+          }
+        }
+      }
+    }
+  }
+
+  .footer {
+    display: flex;
+    justify-content: center;
+  }
+</style>
+
+<style lang="less">
+  .review-data-dialog {
+    .bk-dialog-footer {
+      background-color: #fff !important;
+      border: none !important;
+      padding-top: 0 !important;
+      padding-bottom: 24px !important;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/Index.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/Index.vue
similarity index 98%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/Index.vue
index 2977fe784e..b3630d1e4d 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/Index.vue
@@ -52,6 +52,7 @@
   import DiskType from './components/DiskType.vue';
   import ForBiz from './components/ForBiz.vue';
   import Hosts from './components/Hosts.vue';
+  import Label from './components/Label.vue';
   import Mem from './components/Mem.vue';
   import MountPoint from './components/MountPoint.vue';
   import OSType from './components/OSType.vue';
@@ -89,6 +90,7 @@
     mount_point: MountPoint,
     cpu: Cpu,
     mem: Mem,
+    label: Label,
     disk: Disk,
     disk_type: DiskType,
     city: CitySubzones,
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/AgentStatus.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/AgentStatus.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/AgentStatus.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/AgentStatus.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/BkCloudIds.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/BkCloudIds.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/BkCloudIds.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/BkCloudIds.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/CitySubzones.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/CitySubzones.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/CitySubzones.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/CitySubzones.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Cpu.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Cpu.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Cpu.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Cpu.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/DeviceClass.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/DeviceClass.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/DeviceClass.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/DeviceClass.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Disk.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Disk.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Disk.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Disk.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/DiskType.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/DiskType.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/DiskType.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/DiskType.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/ForBiz.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/ForBiz.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/ForBiz.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/ForBiz.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Hosts.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Hosts.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Hosts.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Hosts.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Label.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Label.vue
new file mode 100644
index 0000000000..2a1ca49b99
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Label.vue
@@ -0,0 +1,84 @@
+<template>
+  <BkSelect
+    class="tag-research-selector"
+    filterable
+    :model-value="selected"
+    multiple
+    multiple-mode="tag"
+    :scroll-loading="isLoading"
+    selected-style="checkbox"
+    @change="handleChange"
+    @scroll-end="loadMore">
+    <BkOption
+      v-for="item in tagList"
+      :key="item.id"
+      :label="item.value"
+      :value="item.id" />
+  </BkSelect>
+</template>
+
+<script setup lang="tsx">
+  import { useRequest } from 'vue-request';
+
+  import type DbResource from '@services/model/db-resource/DbResource';
+  import { listTag } from '@services/source/tag';
+
+  interface Props {
+    defaultValue: string;
+  }
+
+  interface Emits {
+    (e: 'change', value: string): void;
+  }
+
+  const props = withDefaults(defineProps<Props>(), {
+    defaultValue: '',
+  });
+
+  const emits = defineEmits<Emits>();
+
+  const tagList = ref<ServiceReturnType<typeof listTag>['results']>([]);
+  const selected = ref<DbResource['labels'][number]['id'][]>([]);
+  const pagination = reactive({
+    offset: 0,
+    limit: 10,
+    count: 0,
+  });
+
+  const { run: runList, loading: isLoading } = useRequest(listTag, {
+    manual: true,
+    onSuccess(data) {
+      pagination.count = data.count;
+      tagList.value.push(...data.results);
+    },
+  });
+
+  watch(
+    () => props.defaultValue,
+    () => {
+      if (props.defaultValue) {
+        selected.value = props.defaultValue.split(',').map((v) => +v);
+      }
+    },
+    {
+      immediate: true,
+      deep: true,
+    },
+  );
+
+  const loadMore = () => {
+    if (tagList.value.length >= pagination.count || isLoading.value) {
+      return;
+    }
+    pagination.offset += pagination.limit;
+    runList(pagination);
+  };
+
+  const handleChange = (value: string[]) => {
+    emits('change', value.join(','));
+  };
+
+  onMounted(() => {
+    runList(pagination);
+  });
+</script>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Mem.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Mem.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/Mem.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/Mem.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/MountPoint.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/MountPoint.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/MountPoint.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/MountPoint.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/OSType.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/OSType.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/OSType.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/OSType.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/ResourceType.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/ResourceType.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/ResourceType.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/ResourceType.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/SpecId.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/SpecId.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/com-factory/components/SpecId.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/com-factory/components/SpecId.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-config.ts b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-config.ts
similarity index 98%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-config.ts
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-config.ts
index bb728254d9..b807008e0c 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-config.ts
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-config.ts
@@ -135,6 +135,11 @@ export default {
       return true;
     },
   },
+  label: {
+    label: t('标签'),
+    component: 'label',
+    type: 'string',
+  },
   disk: {
     label: t('磁盘(G)'),
     component: 'disk',
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-input/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-input/Index.vue
similarity index 96%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-input/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-input/Index.vue
index 695d77fde0..f4cb42b674 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-input/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-input/Index.vue
@@ -70,6 +70,11 @@
             :model="localValueMemo"
             name="mem"
             @change="handleChange" />
+          <ComFactory
+            :ref="(el: any) => initInputRefCallback(el, 'label')"
+            :model="localValueMemo"
+            name="label"
+            @change="handleChange" />
           <div style="flex: 1" />
         </div>
         <div class="row">
@@ -159,6 +164,7 @@
     os_type: true,
     cpu: true,
     mem: true,
+    label: true,
     mount_point: true,
     disk: true,
     disk_type: true,
@@ -183,7 +189,7 @@
   // 提交搜索，更新外部值
   const handleSubmit = _.debounce(
     () => {
-      Promise.all(Object.values(inputRef.value).map((inputItem) => inputItem.getValue())).then(() => {
+      Promise.all(Object.values(inputRef.value).map((inputItem) => inputItem?.getValue())).then(() => {
         emits('update:modelValue', {
           ...localValueMemo.value,
         });
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-input/components/CollectSearchParams.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-input/components/CollectSearchParams.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-input/components/CollectSearchParams.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-input/components/CollectSearchParams.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-tag/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-tag/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-tag/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-tag/Index.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-tag/ValueTag.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-tag/ValueTag.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/field-tag/ValueTag.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/field-tag/ValueTag.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/utils.ts b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/utils.ts
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/components/search-box/components/utils.ts
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/search-box/components/utils.ts
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/panel/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/panel/Index.vue
new file mode 100644
index 0000000000..e39ba0c0ed
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/panel/Index.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="tag-research-panel">
+    <DbIcon
+      class="funnel-icon"
+      type="funnel" />
+    <span>{{ t('标签搜索项：') }}</span>
+    <BkTag
+      v-for="item in modelValue"
+      :key="item.id"
+      closable
+      @close="() => handleDelete(item)">
+      <DbIcon
+        class="mr-2"
+        type="tag-3" />
+      <span>{{ item.value.value }}</span>
+    </BkTag>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+
+  import type ResourceTagModel from '@services/model/db-resource/ResourceTag';
+
+  const { t } = useI18n();
+
+  const modelValue = defineModel<ResourceTagModel[]>({
+    default: () => [],
+  });
+
+  const handleDelete = (data: ResourceTagModel) => {
+    modelValue.value = modelValue.value.filter((item) => item.id !== data.id);
+  };
+</script>
+
+<style scoped lang="less">
+  .tag-research-panel {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-bottom: 15px;
+    font-size: 12px;
+    .funnel-icon {
+      margin-right: 9.5px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/selector/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/selector/Index.vue
new file mode 100644
index 0000000000..3840ec85b4
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-research/selector/Index.vue
@@ -0,0 +1,92 @@
+<template>
+  <BkSelect
+    v-model="modelValue"
+    class="tag-research-selector"
+    filterable
+    multiple
+    :scroll-height="200"
+    :scroll-loading="isFetchingTagsList"
+    selected-style="checkbox"
+    @scroll-end="loadMore">
+    <template #trigger>
+      <BkButton class="trigger-btn">
+        <DbIcon
+          class="mr-6"
+          type="tag-3" />
+        {{ t('标签搜索') }}
+      </BkButton>
+    </template>
+    <BkOption
+      v-for="item in tagList"
+      :key="item.id"
+      :label="item.name"
+      :value="item" />
+  </BkSelect>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import type ResourceTagModel from '@services/model/db-resource/ResourceTag';
+  import { listTag } from '@services/source/tag';
+
+  const modelValue = defineModel<ResourceTagModel[]>({
+    default: () => [],
+  });
+
+  const { t } = useI18n();
+
+  const tagList = ref<
+    {
+      id: number;
+      name: string;
+      value: ResourceTagModel;
+    }[]
+  >([]);
+  const pagination = reactive({
+    offset: 0,
+    limit: 10,
+    count: 0,
+  });
+
+  const { run: runList, loading: isFetchingTagsList } = useRequest(listTag, {
+    manual: true,
+    onSuccess(data) {
+      pagination.count = data.count;
+      tagList.value.push(
+        ...data.results.map((item) => ({
+          id: item.id,
+          name: item.value,
+          value: item,
+        })),
+      );
+    },
+  });
+
+  const loadMore = () => {
+    if (isFetchingTagsList.value) {
+      return;
+    }
+
+    if (tagList.value.length >= pagination.count) {
+      return;
+    }
+    pagination.offset += pagination.limit;
+    runList(pagination);
+  };
+
+  onMounted(() => {
+    runList(pagination);
+  });
+</script>
+
+<style scoped lang="less">
+  .tag-research-selector {
+    width: 150;
+    .trigger-btn {
+      margin-left: 8px;
+      width: 150px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue
new file mode 100644
index 0000000000..6f6d4a547d
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue
@@ -0,0 +1,272 @@
+<template>
+  <BkSelect
+    v-model="modelValue"
+    :disabled="disabled"
+    multiple
+    multiple-mode="tag"
+    :remote-method="handleSearch"
+    :scroll-loading="listTagLoading"
+    @scroll-end="loadMore">
+    <BkOption
+      v-for="item in tagList"
+      :key="item.id"
+      :label="item.value"
+      :value="item.id" />
+    <template #extension>
+      <div
+        v-if="isEdit"
+        class="editor-wrapper">
+        <BkInput
+          v-model="tagValue"
+          class="editor"
+          @blur="handleClose" />
+        <div
+          class="operator-wrapper"
+          @click="handleCreate">
+          <DbIcon
+            class="check-line"
+            type="check-line" />
+        </div>
+        <div
+          class="operator-wrapper"
+          @click="handleClose">
+          <DbIcon
+            class="close"
+            type="close" />
+        </div>
+      </div>
+      <div
+        v-else
+        class="operation-wrapper">
+        <div
+          class="create-tag"
+          @click="handleEdit">
+          <DbIcon
+            class="icon"
+            type="plus-circle" />
+          <span class="ml-2">{{ t('新建标签') }}</span>
+        </div>
+        <BkDivider
+          direction="vertical"
+          type="solid" />
+        <div
+          class="link-to-manage"
+          @click="handleLink">
+          <DbIcon
+            class="icon"
+            type="link" />
+          <span class="ml-2">{{ t('跳转管理页') }}</span>
+        </div>
+      </div>
+    </template>
+  </BkSelect>
+</template>
+
+<script setup lang="tsx">
+  import { uniqBy } from 'lodash';
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import type DbResourceModel from '@services/model/db-resource/DbResource';
+  import { createTag, listTag } from '@services/source/tag';
+
+  import { messageSuccess } from '@utils';
+
+  interface Props {
+    bkBizId: number;
+    disabled?: boolean;
+    defaultList?: DbResourceModel['labels'];
+  }
+
+  const props = defineProps<Props>();
+  const modelValue = defineModel<number[]>({
+    default: () => [],
+  });
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const route = useRoute();
+
+  const isEdit = ref(false);
+  const tagValue = ref('');
+  const searchVal = ref('');
+  const tagList = ref<ServiceReturnType<typeof listTag>['results']>([]);
+  const pagination = reactive({
+    offset: 10,
+    limit: 10,
+    count: 0,
+  });
+
+  const isBusiness = route.name === 'BizResourcePool';
+
+  const { run: runListTag, loading: listTagLoading } = useRequest(listTag, {
+    manual: true,
+    onSuccess(data) {
+      pagination.count = data.count;
+      tagList.value = uniqBy([...tagList.value, ...data.results], 'value');
+    },
+  });
+
+  const { run: runCreate } = useRequest(createTag, {
+    manual: true,
+    onSuccess() {
+      pagination.count += 1;
+      loadMore();
+      isEdit.value = false;
+      messageSuccess(t('新建成功'));
+    },
+  });
+
+  const loadMore = () => {
+    if (listTagLoading.value) {
+      return;
+    }
+    if (tagList.value.length >= pagination.count) {
+      pagination.offset = pagination.count;
+      return;
+    }
+    runListTag({
+      bk_biz_id: props.bkBizId,
+      offset: pagination.offset,
+      limit: pagination.limit,
+      value: searchVal.value,
+    });
+    pagination.offset += pagination.limit;
+  };
+
+  watch(
+    () => props.bkBizId,
+    () => {
+      modelValue.value = [];
+      tagList.value = [];
+      runListTag({
+        bk_biz_id: props.bkBizId,
+      });
+    },
+  );
+
+  watch(searchVal, () => {
+    pagination.offset = 0;
+    pagination.count = 0;
+    initTagList();
+    runListTag({
+      bk_biz_id: props.bkBizId,
+      offset: pagination.offset,
+      limit: pagination.limit,
+      value: searchVal.value,
+    });
+  });
+
+  const handleEdit = () => {
+    isEdit.value = true;
+  };
+
+  const handleClose = () => {
+    isEdit.value = false;
+  };
+
+  const handleCreate = () => {
+    runCreate({
+      bk_biz_id: props.bkBizId,
+      tags: [
+        {
+          key: 'dbresource',
+          value: tagValue.value,
+        },
+      ],
+    });
+  };
+
+  const handleLink = () => {
+    const route = router.resolve({
+      name: isBusiness ? 'BizResourceTag' : 'resourceTagsManagement',
+    });
+    window.open(route.href);
+  };
+
+  const handleSearch = (val: string) => {
+    searchVal.value = val;
+  };
+
+  const initTagList = () => {
+    if (props.defaultList?.length) {
+      tagList.value = props.defaultList.map((item) => ({
+        id: item.id,
+        value: item.name,
+      })) as ServiceReturnType<typeof listTag>['results'];
+    } else {
+      tagList.value = [];
+    }
+  };
+
+  onMounted(() => {
+    initTagList();
+    runListTag({
+      bk_biz_id: props.bkBizId,
+    });
+  });
+</script>
+
+<style scoped lang="less">
+  .operation-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    width: 100%;
+
+    .icon {
+      width: 14px;
+      height: 14px;
+      color: #979ba5;
+    }
+
+    .create-tag {
+      cursor: pointer;
+    }
+
+    .link-to-manage {
+      cursor: pointer;
+    }
+  }
+
+  .editor-wrapper {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding: 8px;
+
+    .editor {
+      flex: 1;
+    }
+
+    .operator-wrapper {
+      height: 32px;
+      display: flex;
+      align-items: center;
+      border-radius: 16px;
+      width: 32px;
+      justify-content: center;
+
+      &:hover {
+        cursor: pointer;
+        background-color: #e1ecff;
+      }
+
+      .check-line {
+        width: 13px;
+        height: 9.31px;
+        color: #2dcb56;
+        margin-left: 12.5px;
+        margin-right: 12.5px;
+        cursor: pointer;
+      }
+
+      .close {
+        width: 10px;
+        height: 10px;
+        color: #979ba5;
+        cursor: pointer;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/update-assign/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/update-assign/Index.vue
new file mode 100644
index 0000000000..06e0b090ce
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/update-assign/Index.vue
@@ -0,0 +1,167 @@
+<template>
+  <BkDialog
+    :is-show="isShow"
+    render-directive="if"
+    :title="t('编辑资源归属')"
+    width="600"
+    @closed="handleCancel">
+    <BkForm
+      ref="formRef"
+      class="mt-16"
+      form-type="vertical"
+      :model="formData">
+      <BkFormItem
+        :label="t('所属业务')"
+        property="for_biz"
+        required>
+        <BkSelect
+          v-model="formData.for_biz"
+          :allow-empty-values="[0]">
+          <BkOption
+            v-for="bizItem in bizList"
+            :key="bizItem.bk_biz_id"
+            :label="bizItem.display_name"
+            :value="bizItem.bk_biz_id" />
+        </BkSelect>
+      </BkFormItem>
+      <BkFormItem
+        :label="t('所属DB')"
+        property="resource_type"
+        required>
+        <BkSelect v-model="formData.resource_type">
+          <BkOption
+            v-for="item in dbTypeList"
+            :key="item.id"
+            :label="item.name"
+            :value="item.id" />
+        </BkSelect>
+      </BkFormItem>
+      <BkFormItem
+        :label="t('资源标签')"
+        property="labels">
+        <TagSelector
+          v-model="formData.labels"
+          :bk-biz-id="formData.for_biz"
+          :default-list="editData.labels"
+          :disabled="!formData.for_biz && formData.for_biz !== 0" />
+      </BkFormItem>
+    </BkForm>
+    <template #footer>
+      <BkButton
+        :loading="isUpdating"
+        theme="primary"
+        @click="handleSubmit">
+        {{ t('确定') }}
+      </BkButton>
+      <BkButton
+        class="ml-8"
+        @click="handleCancel">
+        {{ t('取消') }}
+      </BkButton>
+    </template>
+  </BkDialog>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import DbResourceModel from '@services/model/db-resource/DbResource';
+  import { getBizs } from '@services/source/cmdb';
+  import { updateResource } from '@services/source/dbresourceResource';
+  import { fetchDbTypeList } from '@services/source/infras';
+  import type { BizItem } from '@services/types';
+
+  import TagSelector from '../tag-selector/Index.vue';
+
+  interface Props {
+    editData: DbResourceModel;
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: false,
+  });
+
+  const { t } = useI18n();
+  const formRef = useTemplateRef('formRef');
+
+  const formData = reactive({
+    for_biz: 0,
+    resource_type: '',
+    labels: [] as DbResourceModel['labels'][number]['id'][],
+  });
+  const bizList = shallowRef<ServiceReturnType<typeof getBizs>>([]);
+  const dbTypeList = shallowRef<ServiceReturnType<typeof fetchDbTypeList>>([]);
+
+  watch(
+    () => props.editData,
+    () => {
+      if (!props.editData) {
+        return;
+      }
+      formData.for_biz = props.editData.for_biz.bk_biz_id;
+      formData.resource_type = props.editData.resource_type;
+      formData.labels = props.editData.labels.map((item) => item.id);
+    },
+    {
+      immediate: true,
+      deep: true,
+    },
+  );
+
+  useRequest(getBizs, {
+    onSuccess(data) {
+      bizList.value = [
+        {
+          bk_biz_id: 0,
+          display_name: t('公共资源池'),
+        } as BizItem,
+        ...data,
+      ];
+    },
+  });
+
+  useRequest(fetchDbTypeList, {
+    onSuccess(data) {
+      dbTypeList.value = [
+        {
+          id: 'PUBLIC',
+          name: t('通用'),
+        },
+        ...data,
+      ];
+    },
+  });
+
+  const { loading: isUpdating, run: runUpdate } = useRequest(updateResource, {
+    manual: true,
+    onSuccess() {
+      emits('refresh');
+      isShow.value = false;
+    },
+  });
+
+  const handleSubmit = async () => {
+    await formRef.value!.validate();
+    runUpdate({
+      bk_host_ids: [props.editData.bk_host_id],
+      for_biz: +formData.for_biz,
+      resource_type: formData.resource_type,
+      labels: formData.labels,
+      rack_id: '',
+      storage_device: {},
+    });
+  };
+
+  const handleCancel = () => {
+    isShow.value = false;
+  };
+</script>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/hooks/useTableSetting.ts b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/hooks/useTableSetting.ts
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/host-list/hooks/useTableSetting.ts
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/hooks/useTableSetting.ts
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/Index.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/BarChart.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/BarChart.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/BarChart.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/BarChart.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/DimensionSelect.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/DimensionSelect.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/DimensionSelect.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/DimensionSelect.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/Export.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/Export.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/Export.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/Export.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/List.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/List.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/List.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/List.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/Index.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/Index.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Biz.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Biz.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Biz.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Biz.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Db.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Db.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Db.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Db.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Region.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Region.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Region.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Region.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Spec.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Spec.vue
similarity index 100%
rename from dbm-ui/frontend/src/views/resource-manage/pool/summary-view/components/search-box/components/Spec.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/summary-view/components/search-box/components/Spec.vue
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/global/Index.vue
similarity index 73%
rename from dbm-ui/frontend/src/views/resource-manage/pool/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/global/Index.vue
index 5e716d0494..c413c07b7d 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/global/Index.vue
@@ -12,21 +12,30 @@
 -->
 
 <template>
-  <BkTab
-    v-model:active="activeTab"
-    class="pool-tab"
-    type="unborder-card"
-    @change="handleChange">
-    <BkTabPanel
-      v-for="item in panels"
-      :key="item.name"
-      :label="item.label"
-      :name="item.name" />
-  </BkTab>
-  <div class="pool-content">
-    <KeepAlive>
-      <Component :is="renderComponent" />
-    </KeepAlive>
+  <div>
+    <Teleport to="#dbContentTitleAppend">
+      <BkTag
+        class="ml-8"
+        theme="info">
+        {{ t('全局') }}
+      </BkTag>
+    </Teleport>
+    <BkTab
+      v-model:active="activeTab"
+      class="pool-tab"
+      type="unborder-card"
+      @change="handleChange">
+      <BkTabPanel
+        v-for="item in panels"
+        :key="item.name"
+        :label="item.label"
+        :name="item.name" />
+    </BkTab>
+    <div class="pool-content">
+      <KeepAlive>
+        <Component :is="renderComponent" />
+      </KeepAlive>
+    </div>
   </div>
 </template>
 
@@ -35,8 +44,8 @@
 
   import { useDebouncedRef } from '@hooks';
 
-  import HostList from './host-list/Index.vue';
-  import SummaryView from './summary-view/Index.vue';
+  import HostList from '../components/host-list/Index.vue';
+  import SummaryView from '../components/summary-view/Index.vue';
 
   const { t } = useI18n();
   const router = useRouter();
@@ -74,7 +83,6 @@
       params: {
         page: value,
       },
-      query: {},
     });
   };
 </script>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue
deleted file mode 100644
index 586e5b1cef..0000000000
--- a/dbm-ui/frontend/src/views/resource-manage/pool/host-list/Index.vue
+++ /dev/null
@@ -1,343 +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 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>
-  <div class="resource-pool-list-page">
-    <SearchBox
-      ref="searchBoxRef"
-      class="mb-25"
-      @change="handleSearch" />
-    <div class="action-box mt-24 mb-16">
-      <ImportHostBtn
-        class="w-88"
-        @export-host="handleImportHost" />
-      <BkButton
-        class="ml-8"
-        :disabled="selectionHostIdList.length < 1"
-        @click="handleShowBatchSetting">
-        {{ t('批量设置') }}
-      </BkButton>
-      <DbPopconfirm
-        :confirm-handler="handleBatchRemove"
-        :content="t('主机将被落到空闲机，如需要可再次导入')"
-        :title="t('确认移除选中的主机')">
-        <BkButton
-          class="ml-8"
-          :disabled="selectionHostIdList.length < 1">
-          {{ t('批量移除') }}
-        </BkButton>
-      </DbPopconfirm>
-      <BkDropdown trigger="click">
-        <BkButton
-          class="ml-8"
-          style="width: 80px">
-          {{ t('复制') }}
-          <DbIcon type="down-big" />
-        </BkButton>
-        <template #content>
-          <BkDropdownMenu>
-            <BkDropdownItem @click="handleCopyAllHost">
-              {{ t('所有主机') }}
-            </BkDropdownItem>
-            <BkDropdownItem @click="handleCopySelectHost">
-              {{ t('已选主机') }}
-            </BkDropdownItem>
-            <BkDropdownItem @click="handleCopyAllAbnormalHost">
-              {{ t('所有异常主机') }}
-            </BkDropdownItem>
-          </BkDropdownMenu>
-        </template>
-      </BkDropdown>
-      <AuthButton
-        action-id="resource_operation_view"
-        class="quick-search-btn"
-        @click="handleGoOperationRecord">
-        <DbIcon type="history-2" />
-      </AuthButton>
-    </div>
-    <RenderTable
-      ref="tableRef"
-      :columns="tableColumn"
-      :data-source="fetchList"
-      primary-key="bk_host_id"
-      releate-url-query
-      selectable
-      :settings="tableSetting"
-      @clear-search="handleClearSearch"
-      @selection="handleSelection"
-      @setting-change="handleSettingChange" />
-    <ImportHost
-      v-model:is-show="isShowImportHost"
-      @change="handleImportHostChange" />
-    <BatchSetting
-      v-model:is-show="isShowBatchSetting"
-      :data="selectionHostIdList"
-      @change="handleBatchSettingChange" />
-  </div>
-</template>
-<script setup lang="tsx">
-  import BkButton from 'bkui-vue/lib/button';
-  import { ref  } from 'vue';
-  import { useI18n } from 'vue-i18n';
-  import { useRouter } from 'vue-router';
-
-  import DbResourceModel from '@services/model/db-resource/DbResource';
-  import {
-    fetchList,
-    removeResource,
-  } from '@services/source/dbresourceResource';
-
-  import DiskPopInfo from '@components/disk-pop-info/DiskPopInfo.vue';
-  import HostAgentStatus from '@components/host-agent-status/Index.vue';
-
-  import {
-    execCopy,
-    messageSuccess,
-  } from '@utils';
-
-  import BatchSetting from './components/batch-setting/Index.vue';
-  import ImportHost from './components/import-host/Index.vue';
-  import ImportHostBtn from './components/ImportHostBtn.vue';
-  import RenderTable from './components/RenderTable.vue';
-  import SearchBox from './components/search-box/Index.vue';
-  import useTableSetting from './hooks/useTableSetting';
-
-  const { t } = useI18n();
-  const router = useRouter();
-
-  const {
-    setting: tableSetting,
-    handleChange: handleSettingChange,
-  } = useTableSetting();
-
-  const searchBoxRef = ref();
-  const tableRef = ref();
-  const selectionHostIdList = ref<number[]>([]);
-  const isShowBatchSetting = ref(false);
-  const isShowImportHost = ref(false);
-
-  let searchParams = {};
-  let selectionListWholeDataMemo: DbResourceModel[] = [];
-  const tableColumn = [
-    {
-      label: 'IP',
-      field: 'ip',
-      fixed: 'left',
-      with: 120,
-    },
-    {
-      label: t('管控区域'),
-      field: 'bk_cloud_name',
-      with: 120,
-    },
-    {
-      label: t('Agent 状态'),
-      field: 'agent_status',
-      with: 100,
-      render: ({ data }: {data: DbResourceModel}) => <HostAgentStatus data={data.agent_status} />,
-    },
-    {
-      label: t('所属业务'),
-      field: 'for_biz_display',
-      width: 170,
-      render: ({ data }: {data: DbResourceModel}) => data.for_biz_display || '--',
-    },
-    {
-      label: t('所属DB类型'),
-      field: 'resource_type_display',
-      width: 150,
-      render: ({ data }: {data: DbResourceModel}) => data.resource_type_display || '--',
-    },
-    {
-      label: t('机架'),
-      field: 'rack_id',
-      render: ({ data }: {data: DbResourceModel}) => data.rack_id || '--',
-    },
-    {
-      label: t('机型'),
-      field: 'device_class',
-      render: ({ data }: {data: DbResourceModel}) => data.device_class || '--',
-    },
-    {
-      label: t('操作系统类型'),
-      field: 'os_type',
-      render: ({ data }: {data: DbResourceModel}) => data.os_type || '--',
-    },
-    {
-      label: t('地域'),
-      field: 'city',
-      render: ({ data }: {data: DbResourceModel}) => data.city || '--',
-    },
-    {
-      label: t('园区'),
-      field: 'sub_zone',
-      render: ({ data }: {data: DbResourceModel}) => data.sub_zone || '--',
-    },
-    {
-      label: t('CPU(核)'),
-      field: 'bk_cpu',
-    },
-    {
-      label: t('内存'),
-      field: 'bkMemText',
-      render: ({ data }: {data: DbResourceModel}) => data.bkMemText || '0 M',
-    },
-    {
-      label: t('磁盘容量(G)'),
-      field: 'bk_disk',
-      minWidth: 120,
-      render: ({ data }: {data: DbResourceModel}) => (
-        <DiskPopInfo data={data.storage_device}>
-          <span style="line-height: 40px; color: #3a84ff;">
-            {data.bk_disk}
-          </span>
-        </DiskPopInfo>
-      ),
-    },
-    {
-      label: t('操作'),
-      field: 'id',
-      width: 100,
-      render: ({ data }: {data: DbResourceModel}) => (
-        <db-popconfirm
-          confirm-handler={() => handleRemove(data)}
-          content={t('主机将被落到空闲机，如需要可再次导入')}
-          title={t('确认移除选中的主机')}>
-          <auth-button
-            actionId='resource_pool_manage'
-            permission={data.permission.resource_pool_manage}
-            text
-            theme="primary">
-            {t('移除')}
-          </auth-button>
-        </db-popconfirm>
-      ),
-    },
-  ];
-
-  const fetchData = () => {
-    tableRef.value.fetchData(searchParams);
-  };
-
-  // 搜索
-  const handleSearch = (params: Record<string, any>) => {
-    searchParams = params;
-    fetchData();
-  };
-
-  // 导入主机
-  const handleImportHost = () => {
-    isShowImportHost.value = true;
-  };
-
-  // 导入主机成功需要刷新列表
-  const handleImportHostChange = () => {
-    fetchData();
-  };
-
-  // 批量设置
-  const handleShowBatchSetting = () => {
-    isShowBatchSetting.value = true;
-  };
-
-  // 移除主机
-  const handleRemove = (data: DbResourceModel) => removeResource({
-    bk_host_ids: [data.bk_host_id],
-  }).then(() => {
-    fetchData();
-    tableRef.value.removeSelectByKey(data.bk_host_id);
-    messageSuccess(t('移除成功'));
-  });
-
-  // 批量移除
-  const handleBatchRemove = () => removeResource({
-    bk_host_ids: selectionHostIdList.value,
-  }).then(() => {
-    fetchData();
-    Object.values(selectionHostIdList.value).forEach((hostId) => {
-      tableRef.value.removeSelectByKey(hostId);
-    });
-    selectionHostIdList.value = [];
-    messageSuccess(t('移除成功'));
-  });
-
-  // 复制所有主机
-  const handleCopyAllHost = () => {
-    fetchList({
-      offset: 0,
-      limit: -1,
-    }).then((data) => {
-      const ipList = data.results.map(item => item.ip);
-      execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
-    });
-  };
-
-  // 复制已选主机
-  const handleCopySelectHost = () => {
-    const ipList = selectionListWholeDataMemo.map(item => item.ip);
-    execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
-  };
-
-  // 复制所有异常主机
-  const handleCopyAllAbnormalHost = () => {
-    fetchList({
-      offset: 0,
-      limit: -1,
-    }).then((data) => {
-      const ipList = data.results.reduce((result, item) => {
-        if (!item.agent_status) {
-          result.push(item.ip);
-        }
-        return result;
-      }, [] as string[]);
-      execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
-    });
-  };
-
-  // 批量编辑后刷新列表
-  const handleBatchSettingChange = () => {
-    fetchData();
-    Object.values(selectionHostIdList.value).forEach((hostId) => {
-      tableRef.value.removeSelectByKey(hostId);
-    });
-    selectionHostIdList.value = [];
-  };
-
-  // 跳转操作记录
-  const handleGoOperationRecord = () => {
-    router.push({
-      name: 'resourcePoolOperationRecord',
-    });
-  };
-
-  const handleSelection = (list: number[], selectionListWholeData: DbResourceModel[]) => {
-    selectionHostIdList.value = list;
-    selectionListWholeDataMemo = selectionListWholeData;
-  };
-
-  const handleClearSearch = () => {
-    searchBoxRef.value.clearValue();
-  };
-</script>
-<style lang="less">
-  .resource-pool-list-page {
-    .action-box {
-      display: flex;
-
-      .quick-search-btn {
-        width: 32px;
-        margin-left: auto;
-      }
-    }
-  }
-</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/type.ts b/dbm-ui/frontend/src/views/resource-manage/pool/type.ts
new file mode 100644
index 0000000000..53e363a426
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/type.ts
@@ -0,0 +1,13 @@
+/**
+ * 资源池类型枚举值
+ */
+export enum ResourcePool {
+  public = 'public',
+  global = 'global',
+  business = 'business',
+}
+
+/**
+ * 资源池类型
+ */
+export type ResourcePoolType = ResourcePool.business | ResourcePool.global | ResourcePool.public;
diff --git a/dbm-ui/frontend/src/views/resource-manage/routes.ts b/dbm-ui/frontend/src/views/resource-manage/routes.ts
index 6ab833b15c..4d8c87f2f8 100644
--- a/dbm-ui/frontend/src/views/resource-manage/routes.ts
+++ b/dbm-ui/frontend/src/views/resource-manage/routes.ts
@@ -23,7 +23,7 @@ const resourcePoolRoute = {
     navName: t('DB 资源池'),
     fullscreen: true,
   },
-  component: () => import('@views/resource-manage/pool/Index.vue'),
+  component: () => import('@views/resource-manage/pool/global/Index.vue'),
 };
 
 const resourcePoolOperationRecordRoute = {
@@ -44,6 +44,15 @@ const resourcePoolDirtyMachinesRoute = {
   component: () => import('@views/resource-manage/dirty-machine/Index.vue'),
 };
 
+const resourceTagsManagementRoute = {
+  name: 'resourceTagsManagement',
+  path: 'tags-management',
+  meta: {
+    navName: t('资源标签管理'),
+  },
+  component: () => import('@views/tag-manage/Index.vue'),
+};
+
 const resourceSpecRoute = {
   name: 'resourceSpec',
   path: 'spec',
@@ -82,6 +91,10 @@ export default function getRoutes() {
     mainRoute[0].children.push(resourcePoolDirtyMachinesRoute);
   }
 
+  if (checkDbConsole('resourceManage.resourceTagsManagement')) {
+    mainRoute[0].children.push(resourceTagsManagementRoute);
+  }
+
   if (checkDbConsole('resourceManage.resourceOperationRecord')) {
     mainRoute[0].children.push(resourcePoolOperationRecordRoute);
   }
diff --git a/dbm-ui/frontend/src/views/tag-manage/Index.vue b/dbm-ui/frontend/src/views/tag-manage/Index.vue
new file mode 100644
index 0000000000..9a8217730c
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tag-manage/Index.vue
@@ -0,0 +1,440 @@
+<!--
+ * 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>
+  <div>
+    <Teleport to="#dbContentTitleAppend">
+      <div
+        v-if="!isBusiness"
+        class="tag-manage-header-container">
+        <BkTag
+          class="ml-8"
+          theme="info">
+          {{ t('全局') }}
+        </BkTag>
+        <span class="title-divider">|</span>
+        <BusinessSelector @change="handleBizChange" />
+      </div>
+      <div
+        v-else
+        class="tag-manage-header-container">
+        <BkTag
+          class="ml-8"
+          theme="info">
+          {{ t('业务') }}
+        </BkTag>
+      </div>
+    </Teleport>
+    <div class="tags-management-container">
+      <div class="header-action mb-16">
+        <BkButton
+          class="operation-btn"
+          theme="primary"
+          @click="handleCreate"
+          >{{ t('新建') }}
+        </BkButton>
+        <BkButton
+          class="operation-btn"
+          :disabled="!hasSelected"
+          @click="handleBatchDelete"
+          >{{ t('批量删除') }}
+        </BkButton>
+        <BkSearchSelect
+          v-model="searchValue"
+          class="search-selector"
+          :data="searchSelectData"
+          :placeholder="t('请输入标签关键字')"
+          unique-select
+          value-split-code="+"
+          @search="fetchData" />
+      </div>
+      <DbTable
+        ref="tableRef"
+        class="table-box"
+        :columns="tableColumn"
+        :data-source="listTag"
+        :disable-select-method="disableSelectMethod"
+        remote-sort
+        selectable
+        @clear-search="clearSearchValue"
+        @request-success="handleRequestSuccess"
+        @selection="handleSelection" />
+    </div>
+    <CreateTag
+      v-model:is-show="isCreateTagDialogShow"
+      :biz="curBiz"
+      @create="handleCreateSuccess" />
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { Button, InfoBox } from 'bkui-vue';
+  import BKPopConfirm from 'bkui-vue/lib/pop-confirm';
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import ResourceTagModel from '@services/model/db-resource/ResourceTag';
+  import { deleteTag, getTagRelatedResource, listTag, updateTag } from '@services/source/tag';
+
+  import { useGlobalBizs } from '@stores';
+
+  import BusinessSelector from '@views/tag-manage/components/BusinessSelector.vue';
+  import CreateTag from '@views/tag-manage/components/CreateTag.vue'
+  import EditableCell from '@views/tag-manage/components/EditableCell.vue';
+
+  import { getSearchSelectorParams, messageSuccess } from '@utils';
+
+  const { t } = useI18n();
+  const { bizIdMap, currentBizInfo } = useGlobalBizs();
+  const route = useRoute();
+  const router = useRouter();
+
+  const tableRef = ref();
+  const selected = ref<ResourceTagModel[]>([]);
+  const isCreateTagDialogShow = ref(false);
+  const curBiz = ref(currentBizInfo!);
+  const curEditId = ref(-1);
+  const searchValue = ref([]);
+  const bindIpMap = ref<Map<number, number>>(new Map()); // 标签ID与当前标签绑定的IP数的映射
+
+  const hasSelected = computed(() => selected.value.length > 0);
+  const selectedIds = computed(() => selected.value.map(item => item.id));
+  const isBusiness = route.name === 'BizResourceTag';
+
+  const { run: runDelete } = useRequest(deleteTag, {
+    manual: true,
+    onSuccess() {
+      fetchData();
+      messageSuccess(t('删除成功'));
+    }
+  });
+  const { run: runUpdate } = useRequest(updateTag, {
+    manual: true,
+    onSuccess() {
+      curEditId.value = -1;
+      fetchData();
+      messageSuccess(t('更新成功'));
+    }
+  });
+
+  const searchSelectData = [
+    {
+      name: t('标签'),
+      id: 'value',
+    },
+    {
+      name: t('创建人'),
+      id: 'creator',
+    }
+  ];
+
+  const tableColumn = computed(
+    () => [
+      {
+        label: t('标签'),
+        field: 'tag',
+        render: ({ data }: { data: ResourceTagModel }) => (
+          bindIpMap.value.get(data.id) ? data.value :
+            <EditableCell
+              data={data}
+              editId={curEditId.value}
+              onBlur={handleBlur}
+              onEdit={handleEdit}
+            />
+        )
+      },
+      {
+        label: t('绑定的IP'),
+        field: 'count',
+        render: ({ data }: { data: ResourceTagModel }) => {
+          if (!bindIpMap.value.get(data.id)) {
+            return 0;
+          }
+          const { href } = router.resolve({
+            name: isBusiness ? 'BizResourcePool' : 'resourcePool',
+            query: {
+              label: data.id
+            },
+            params: {
+              page: isBusiness? 'business' : 'host-list'
+            }
+          });
+          return (
+            <a href={href} target='_blank'>
+              {bindIpMap.value.get(data.id)}
+            </a>)
+        },
+      },
+      {
+        label: t('创建人'),
+        sort: true,
+        field: 'creator',
+        render: ({ data }: { data: ResourceTagModel }) => data.creator || '--',
+      },
+      {
+        label: t('创建时间'),
+        sort: true,
+        field: 'createAtDisplay',
+        render: ({ data }: { data: ResourceTagModel }) => data.createAtDisplay || '--',
+      },
+      {
+        label: t('操作'),
+        render: ({ data }: { data: ResourceTagModel }) => (
+          <BKPopConfirm
+            width={280}
+            trigger='click'
+            title={t('确认删除该标签值？')}
+            ext-cls='content-wrapper'
+            onConfirm={() => handleDelete(data)}
+          >
+            {{
+              default: (
+                <Button
+                  theme='primary'
+                  text
+                  disabled={!!bindIpMap.value.get(data.id)}
+                  v-bk-tooltips={{
+                    content: t('该标签已被绑定 ，不能删除'),
+                    disabled: !bindIpMap.value.get(data.id),
+                  }}>
+                  {t('删除')}
+                </Button>
+              ),
+              content: (
+                <>
+                  <div>{t('标签：')}<span style="color: '#313238'">{data.value}</span></div>
+                  <div class="mb-10 mt-4">{t('删除操作无法撤回，请谨慎操作！')}</div>
+                </>
+              )
+            }}
+          </BKPopConfirm>
+        )
+      }
+    ]
+  );
+
+  const { run: getRelatedResource } = useRequest(getTagRelatedResource, {
+    manual: true,
+    onSuccess(data) {
+      bindIpMap.value = new Map(data.map((item) => [item.id, item.ip_count]));
+    }
+  });
+
+  watch(searchValue, () => {
+    fetchData();
+  });
+
+  const fetchData = () => {
+    const searchParams = getSearchSelectorParams(searchValue.value);
+    tableRef.value.fetchData({
+      ...searchParams,
+      bk_biz_id: curBiz.value.bk_biz_id,
+      ordering: 'created_at',
+    });
+  };
+
+  const handleSelection = (_data: ResourceTagModel, list: ResourceTagModel[]) => {
+    selected.value = list;
+  };
+
+  const handleBatchDelete = () => {
+    InfoBox({
+      title: t('确认批量删除n个标签？', { n: selected.value.length }),
+      confirmText: t('删除'),
+      cancelText: t('取消'),
+      confirmButtonTheme: 'danger',
+      width: 480,
+      class: 'batch-delete-wrapper',
+      content: (
+        <div class='tag-manage-batch-delete-wrapper'>
+          <div class='tag-wrapper'>
+            <div class='tag'>
+              {t('标签:')}
+            </div>
+            <div class='content'>
+              {
+                selected.value.map(v => v.value).join(',')
+              }
+            </div>
+          </div>
+          <div class='tips'>{t('删除后将无法恢复，请谨慎操作')}</div>
+        </div>
+      ),
+      onConfirm: () => {
+        runDelete({
+          bk_biz_id: curBiz.value.bk_biz_id,
+          ids: selectedIds.value
+        });
+      }
+    });
+  };
+
+  const handleCreate = () => {
+    isCreateTagDialogShow.value = true;
+  }
+
+  const handleBlur = (data: ResourceTagModel, val: string) => {
+    runUpdate({
+      bk_biz_id: curBiz.value.bk_biz_id,
+      id: data.id,
+      value: val,
+    });
+
+  }
+
+  const handleEdit = (data: ResourceTagModel) => {
+    curEditId.value = data.id;
+  }
+
+  const handleDelete = (data: ResourceTagModel) => {
+    runDelete({
+      bk_biz_id: curBiz.value.bk_biz_id,
+      ids: [data.id]
+    });
+  }
+
+  const handleBizChange = (bkBizId: number) => {
+    curBiz.value = bizIdMap.get(bkBizId)!;
+    fetchData();
+  }
+
+  const disableSelectMethod = (data: ResourceTagModel) => bindIpMap.value.get(data.id) ? t('该标签已被绑定 ，不能删除') : false;
+
+  const clearSearchValue = () => {
+    searchValue.value = [];
+    tableRef.value?.fetchData();
+  };
+
+  const handleCreateSuccess = () => {
+    fetchData();
+    messageSuccess(t('创建成功'));
+  };
+
+  const handleRequestSuccess = (data: ServiceReturnType<typeof listTag>) => {
+    getRelatedResource({
+      bk_biz_id: curBiz.value.bk_biz_id,
+      ids: data.results.map(item => item.id),
+      resource_type: 'resource',
+    });
+  };
+
+  onMounted(() => {
+    fetchData();
+  });
+</script>
+
+<style lang="less" scoped>
+  .title-divider {
+    color: #dcdee5;
+    margin-right: 16px;
+    margin-left: 7px;
+  }
+
+  :deep(.table-box) {
+    .operation-box() {
+      display: flex;
+      align-items: center;
+
+      &:hover {
+        .operation-icon {
+          display: block;
+        }
+      }
+
+      .operation-icon {
+        display: none;
+        color: #3a84ff;
+        cursor: pointer;
+        margin-left: 7.5px;
+      }
+    }
+
+    .ip-box {
+      .operation-box();
+
+      .ip-count {
+        color: #3a84ff;
+        cursor: pointer;
+      }
+    }
+
+    .tag-box {
+      .operation-box();
+    }
+  }
+
+  .tags-management-container {
+    .header-action {
+      display: flex;
+
+      .operation-btn {
+        width: 88px;
+        margin-right: 8px;
+      }
+
+      .search-selector {
+        margin-left: auto;
+        width: 560px;
+        height: 32px;
+      }
+    }
+  }
+</style>
+
+<style lang="less">
+  .tag-manage-header-container {
+    display: flex;
+    align-items: center;
+  }
+
+  .tag-manage-batch-delete-wrapper {
+    .tag-wrapper {
+      display: flex;
+      align-items: top;
+      font-size: 14px;
+
+      .tag {
+        text-align: left;
+      }
+
+      .content {
+        flex: 1;
+        color: #313238;
+        text-align: left;
+        margin-left: 14px;
+        word-break: break-all;
+      }
+    }
+
+    .tips {
+      background: #f5f6fa;
+      border-radius: 2px;
+      padding: 12px 16px;
+      margin-top: 16px;
+      text-align: left;
+      font-size: 14px;
+    }
+  }
+
+  .content-wrapper {
+    .bk-pop-confirm-title {
+      font-size: 16px !important;
+      color: #313238 !important;
+    }
+
+    .bk-button.bk-button-primary {
+      background-color: #ea3636;
+      border-color: #ea3636;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/tag-manage/components/BusinessSelector.vue b/dbm-ui/frontend/src/views/tag-manage/components/BusinessSelector.vue
new file mode 100644
index 0000000000..118a478b7d
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tag-manage/components/BusinessSelector.vue
@@ -0,0 +1,160 @@
+<!--
+ * 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>
+  <BkSelect
+    v-model="selected"
+    :min-height="389"
+    @toggle="handleToggle">
+    <template #trigger>
+      <div
+        ref="businessSelectorRef"
+        class="business-selector">
+        <div>{{ bizIdMap.get(selected as number)?.name }}</div>
+        <AngleDownFill
+          class="triangle-icon mt-2 ml-7"
+          :class="[{ rotate: !isExpanded }]" />
+      </div>
+    </template>
+    <BkOption
+      v-for="item in sortedBizList"
+      :key="item.bk_biz_id"
+      :label="`${item.name}(#${item.bk_biz_id}, ${item.english_name})`"
+      :value="item.bk_biz_id">
+      {{ `${item.name}` }}
+      <span class="biz-info">
+        {{ `(#${item.bk_biz_id}${item.english_name ? `, ${item.english_name}` : ''})` }}
+      </span>
+      <div style="margin-left: auto">
+        <DbIcon
+          v-if="favorBizIdSet.has(item.bk_biz_id)"
+          class="favored"
+          style="color: #ffb848"
+          type="star-fill"
+          @click.stop="() => handleUnfavor(item.bk_biz_id)" />
+        <DbIcon
+          v-else
+          class="unfavored"
+          type="star"
+          @click.stop="() => handleFavor(item.bk_biz_id)" />
+      </div>
+    </BkOption>
+  </BkSelect>
+</template>
+
+<script setup lang="tsx">
+  import { AngleDownFill } from 'bkui-vue/lib/icon';
+  import { cloneDeep } from 'lodash';
+  import { defineEmits, ref } from 'vue';
+
+  import { getProfile, upsertProfile } from '@services/source/profile';
+
+  import { useGlobalBizs, useUserProfile } from '@stores';
+
+  interface Emits {
+    (e: 'change', value: number): void;
+  }
+
+  const emits = defineEmits<Emits>();
+
+  const { bizs: bizList, currentBizInfo, bizIdMap } = useGlobalBizs();
+  const userStore = useUserProfile();
+
+  const favorBizIdSet = ref<Set<number>>(new Set());
+  const selected = ref(currentBizInfo?.bk_biz_id);
+  const isExpanded = ref(false);
+
+  const sortedBizList = computed(() => {
+    const clonedBizList = cloneDeep(bizList);
+
+    return clonedBizList.sort((item1, item2) => {
+      const isItem1Favored = favorBizIdSet.value.has(item1.bk_biz_id) ? 1 : 0;
+      const isItem2Favored = favorBizIdSet.value.has(item2.bk_biz_id) ? 1 : 0;
+
+      return isItem2Favored - isItem1Favored;
+    });
+  });
+
+  watch(selected, () => {
+    emits('change', selected.value as number);
+  });
+
+  watch(
+    () => userStore.profile,
+    (profile) => {
+      favorBizIdSet.value = new Set(profile.APP_FAVOR.map((bizId: string) => +bizId));
+    },
+    {
+      deep: true,
+      immediate: true,
+    },
+  );
+
+  const handleFavor = (bkBizId: number) => {
+    favorBizIdSet.value.add(bkBizId);
+    updateUserFavor(favorBizIdSet.value);
+  };
+
+  const handleUnfavor = (bkBizId: number) => {
+    favorBizIdSet.value.delete(bkBizId);
+    updateUserFavor(favorBizIdSet.value);
+  };
+
+  const updateUserFavor = async (set: Set<number>) => {
+    await upsertProfile({
+      label: 'APP_FAVOR',
+      values: Array.from(set).map((bizId: number) => String(bizId)),
+    });
+    getProfile();
+  };
+
+  const handleToggle = () => {
+    isExpanded.value = !isExpanded.value;
+  };
+</script>
+
+<style lang="less" scoped>
+  .business-selector {
+    cursor: pointer;
+    color: #3a84ff;
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    width: 360px;
+
+    .triangle-icon {
+      transition: transform 0.2s ease; // 确保过渡效果应用到 transform
+    }
+
+    .rotate {
+      transform: rotate(180deg); // 旋转180度
+    }
+  }
+
+  .bk-select-option {
+    .biz-info {
+      color: #979ba5;
+      margin-left: 2px;
+    }
+
+    .unfavored {
+      visibility: hidden;
+    }
+
+    &:hover {
+      .unfavored {
+        visibility: visible;
+      }
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue b/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue
new file mode 100644
index 0000000000..a4acc621f9
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue
@@ -0,0 +1,178 @@
+<!--
+ * 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>
+  <BkDialog
+    :is-show="isShow"
+    render-directive="if"
+    @closed="handleClose"
+    @confirm="handleConfirm">
+    <template #header>
+      <div class="header-wrapper">
+        <span class="title">{{ t('新建标签') }}</span>
+        <span class="title-divider">|</span>
+        <span class="biz-name">
+          {{ biz?.name }}
+        </span>
+      </div>
+    </template>
+    <BkForm
+      ref="formRef"
+      form-type="vertical"
+      :model="formModel"
+      :rules="rules">
+      <BkFormItem
+        :label="t('标签')"
+        property="tag">
+        <BkTagInput
+          ref="inputRef"
+          v-model="formModel.tags"
+          allow-auto-match
+          allow-create
+          has-delete-icon />
+      </BkFormItem>
+    </BkForm>
+    <template #footer>
+      <div class="footer-wrapper">
+        <BkButton
+          class="mr-8"
+          :disabled="formModel.tags.length === 0 || existedTagsSet.size > 0"
+          :loading="createLoading || validateLoading"
+          theme="primary"
+          @click="handleConfirm">
+          {{ t('确定') }}
+        </BkButton>
+        <BkButton
+          :loading="validateLoading"
+          @click="handleClose">
+          {{ t('取消') }}
+        </BkButton>
+      </div>
+    </template>
+  </BkDialog>
+</template>
+
+<script setup lang="tsx">
+  import { computed, ref } from 'vue';
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { createTag, validateTag } from '@services/source/tag';
+  import type { BizItem } from '@services/types';
+
+  interface Props {
+    biz: BizItem;
+  }
+
+  interface Emits {
+    (e: 'create'): void;
+  }
+
+  const props = defineProps<Props>();
+  const emits = defineEmits<Emits>();
+  const isShow = defineModel<boolean>('isShow', {
+    default: false,
+  });
+
+  const { t } = useI18n();
+  const formRef = useTemplateRef('formRef');
+  const inputRef = useTemplateRef('inputRef');
+
+  const existedTagsSet = ref<Set<string>>(new Set());
+
+  const formModel = reactive({
+    tags: [] as string[],
+  });
+
+  const rules = computed(() => {
+    const existedArr = formModel.tags.filter((item) => existedTagsSet.value.has(item));
+    return {
+      tag: [
+        {
+          validator: () => existedArr.length === 0,
+          message: t('n 已存在', { n: existedArr.join(',') }),
+        },
+      ],
+    };
+  });
+
+  const { loading: validateLoading, run: runValidate } = useRequest(validateTag, {
+    manual: true,
+    onSuccess(data) {
+      existedTagsSet.value = new Set(data.map((item) => item.value));
+      nextTick(() => {
+        formRef.value!.validate();
+      });
+    },
+  });
+  const { loading: createLoading, run: runCreate } = useRequest(createTag, {
+    manual: true,
+    onSuccess() {
+      handleSubmit();
+    },
+  });
+
+  watch(
+    () => formModel.tags,
+    (tags) => {
+      runValidate({
+        bk_biz_id: props.biz.bk_biz_id,
+        tags: tags.map((tag) => ({ key: 'dbresource', value: tag })),
+      });
+    },
+  );
+
+  watch(isShow, () => {
+    if (isShow.value) {
+      nextTick(() => {
+        inputRef.value?.focusInputTrigger();
+        formModel.tags = [];
+      });
+    }
+  });
+
+  const handleConfirm = async () => {
+    await formRef.value!.validate();
+    runCreate({
+      bk_biz_id: props.biz.bk_biz_id,
+      tags: formModel.tags.map((tag) => ({ key: 'dbresource', value: tag })),
+    });
+  };
+
+  const handleClose = () => {
+    isShow.value = false;
+  };
+
+  const handleSubmit = () => {
+    isShow.value = false;
+    emits('create');
+  };
+</script>
+
+<style lang="less" scoped>
+  .header-wrapper {
+    display: flex;
+    align-items: center;
+    color: #979ba5;
+    font-size: 14px;
+
+    .title {
+      font-size: 20px;
+      color: #313238;
+    }
+
+    .title-divider {
+      margin: 0 8px 0 11px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/tag-manage/components/EditableCell.vue b/dbm-ui/frontend/src/views/tag-manage/components/EditableCell.vue
new file mode 100644
index 0000000000..ce6a1c3960
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tag-manage/components/EditableCell.vue
@@ -0,0 +1,99 @@
+<!--
+ * 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>
+  <div class="tag-box">
+    <BkInput
+      v-if="editId === data.id"
+      ref="inputRef"
+      v-bind="$attrs"
+      v-model="editVal"
+      :clearable="false"
+      @blur="handleBlur(data)" />
+    <span
+      v-else
+      class="tag-content">
+      {{ data.value }}
+      <DbIcon
+        class="operation-icon"
+        style="font-size: 18px"
+        type="edit"
+        @click="handleEdit(data)" />
+    </span>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { defineEmits, defineProps } from 'vue';
+
+  import type ResourceTagModel from '@services/model/db-resource/ResourceTag';
+
+  interface Props {
+    data: ResourceTagModel;
+    editId: number;
+  }
+
+  interface Emits {
+    (event: 'blur', data: ResourceTagModel, val: string): void;
+    (event: 'edit', data: ResourceTagModel): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const inputRef = useTemplateRef('inputRef');
+
+  const editVal = ref(props.data.value);
+
+  watch(
+    () => [props.data, props.editId],
+    () => {
+      if (props.data.id === props.editId) {
+        nextTick(() => {
+          inputRef.value!.focus();
+        });
+      }
+    },
+  );
+
+  const handleBlur = (data: ResourceTagModel) => {
+    emits('blur', data, editVal.value);
+  };
+
+  const handleEdit = (data: ResourceTagModel) => {
+    emits('edit', data);
+  };
+</script>
+
+<style lang="less" scoped>
+  .tag-box {
+    display: flex;
+    align-items: center;
+
+    &:hover .operation-icon {
+      visibility: visible;
+    }
+
+    .tag-content {
+      display: flex;
+      align-items: center;
+    }
+  }
+
+  .operation-icon {
+    color: #3a84ff;
+    cursor: pointer;
+    margin-left: 7.5px;
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/tag-manage/routes.ts b/dbm-ui/frontend/src/views/tag-manage/routes.ts
new file mode 100644
index 0000000000..4200a67b34
--- /dev/null
+++ b/dbm-ui/frontend/src/views/tag-manage/routes.ts
@@ -0,0 +1,41 @@
+/*
+ * 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 type { RouteRecordRaw } from 'vue-router';
+
+import { checkDbConsole } from '@utils';
+
+import { t } from '@locales/index';
+
+const routes: RouteRecordRaw[] = [
+  {
+    name: 'BizResourcePool',
+    path: 'pool/:page?',
+    meta: {
+      navName: t('资源池'),
+      fullscreen: true,
+    },
+    component: () => import('@views/resource-manage/pool/business/Index.vue'),
+  },
+  {
+    name: 'BizResourceTag',
+    path: 'business-resource-tag',
+    meta: {
+      navName: t('资源标签'),
+    },
+    component: () => import('@views/tag-manage/Index.vue'),
+  },
+];
+
+export default function getRoutes() {
+  return checkDbConsole('bizConfigManage.businessResourceTag') ? routes : [];
+}