diff --git a/dbm-ui/frontend/src/components/db-popconfirm/index.vue b/dbm-ui/frontend/src/components/db-popconfirm/index.vue
index 2b645a42aa..643678f48b 100644
--- a/dbm-ui/frontend/src/components/db-popconfirm/index.vue
+++ b/dbm-ui/frontend/src/components/db-popconfirm/index.vue
@@ -21,19 +21,21 @@
   </div>
   <div
     ref="popRef"
-    style="width: 280px; padding: 15px 10px">
+    :style="contentStyle">
     <div style="font-size: 16px; line-height: 20px; color: #313238">
       {{ title }}
     </div>
     <div style="margin-top: 10px; font-size: 12px; color: #63656e">
-      {{ content }}
+      <slot name="content">
+        {{ content }}
+      </slot>
     </div>
     <div style="margin-top: 16px; text-align: right">
       <BkButton
         class="mr8"
         :loading="isConfirmLoading"
         size="small"
-        theme="primary"
+        :theme="theme"
         @click="handleConfirm">
         {{ $t('确认') }}
       </BkButton>
@@ -51,15 +53,20 @@
 
   interface Props {
     title: string;
-    content: string;
+    content?: string;
     placement?: Placement;
+    width?: number;
     confirmHandler: () => Promise<any> | void;
     cancelHandler?: () => Promise<any> | void;
+    theme?: 'primary' | 'danger';
   }
 
   const props = withDefaults(defineProps<Props>(), {
     placement: 'top',
+    content: '',
+    width: 280,
     cancelHandler: () => Promise.resolve(),
+    theme: 'primary',
   });
 
   defineOptions({
@@ -72,6 +79,11 @@
   const popRef = ref();
   const isConfirmLoading = ref(false);
 
+  const contentStyle = computed(() => ({
+    width: `${props.width}px`,
+    padding: '15px 10px',
+  }));
+
   const handleConfirm = () => {
     isConfirmLoading.value = true;
     Promise.resolve()
diff --git a/dbm-ui/frontend/src/components/db-table/index.vue b/dbm-ui/frontend/src/components/db-table/index.vue
index c95ca7b674..e305f69617 100644
--- a/dbm-ui/frontend/src/components/db-table/index.vue
+++ b/dbm-ui/frontend/src/components/db-table/index.vue
@@ -606,8 +606,8 @@
     getAllData: fetchAllData,
     // 清空选择
     clearSelected() {
-      // bkTableRef.value?.clearSelection();
-      handleClearWholeSelect();
+      rowSelectMemo.value = {};
+      bkTableRef.value?.clearSelection();
     },
     updateTableKey() {
       tableKey.value = Date.now().toString();
diff --git a/dbm-ui/frontend/src/layout/components/ResourceManage.vue b/dbm-ui/frontend/src/layout/components/ResourceManage.vue
index 90efa287e7..e5fbc94aa3 100644
--- a/dbm-ui/frontend/src/layout/components/ResourceManage.vue
+++ b/dbm-ui/frontend/src/layout/components/ResourceManage.vue
@@ -29,6 +29,30 @@
           {{ t('DB 资源池管理') }}
         </span>
       </BkMenuItem>
+      <BkMenuItem
+        key="toRecyclePool"
+        v-db-console="'resourceManage.toRecyclePool'">
+        <template #icon>
+          <DbIcon type="daihuishou" />
+        </template>
+        <span
+          v-overflow-tips.right
+          class="text-overflow">
+          {{ t('待回收池') }}
+        </span>
+      </BkMenuItem>
+      <BkMenuItem
+        key="faultPool"
+        v-db-console="'resourceManage.faultPool'">
+        <template #icon>
+          <DbIcon type="guzhangji" />
+        </template>
+        <span
+          v-overflow-tips.right
+          class="text-overflow">
+          {{ t('故障池') }}
+        </span>
+      </BkMenuItem>
       <BkMenuItem
         key="resourcePoolDirtyMachines"
         v-db-console="'resourceManage.dirtyHostManage'">
diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index e3afefcf5c..43559a4aff 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -3705,5 +3705,23 @@
   "确认批量将 {n} 台主机转入业务资源池？": "确认批量将 {n} 台主机转入业务资源池？",
   "确认转入待故障池？": "确认转入待故障池？",
   "跳转管理页": "跳转管理页",
+  "确认批量回收 {n} 台主机？": "确认批量回收 {n} 台主机？",
+  "回收": "回收",
+  "导入资源池": "导入资源池",
+  "确认回收该机器？": "确认回收该机器？",
+  "待回收池": "待回收池",
+  "故障池": "故障池",
+  "磁盘总容量(G)": "磁盘总容量(G)",
+  "确认后，主机将从系统中删除": "确认后，主机将从系统中删除",
+  "批量导入资源池": "批量导入资源池",
+  "批量回收": "批量回收",
+  "故障资源池": "故障资源池",
+  "确认后，主机将从系统中删除，请谨慎操作！": "确认后，主机将从系统中删除，请谨慎操作！",
+  "确认批量将 {n} 台主机转入待回收池？": "确认批量将 {n} 台主机转入待回收池？",
+  "批量转入回收池": "批量转入回收池",
+  "转入回收池": "转入回收池",
+  "新建标签": "新建标签",
+  "所有 IP": "所有 IP",
+  "已选 IP": "已选 IP",
   "这行勿动！新增翻译请在上一行添加！": ""
 }
diff --git a/dbm-ui/frontend/src/services/model/db-resource/FaultOrRecycleMachine.ts b/dbm-ui/frontend/src/services/model/db-resource/FaultOrRecycleMachine.ts
new file mode 100644
index 0000000000..3d1d32b51e
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/db-resource/FaultOrRecycleMachine.ts
@@ -0,0 +1,55 @@
+/*
+ * 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.
+ */
+export default class FaultOrRecycleMachine {
+  agent_status: number;
+  bk_biz_id: number;
+  bk_cloud_id: number;
+  bk_cpu: number;
+  bk_disk: number;
+  bk_host_id: number;
+  bk_mem: number;
+  city: string;
+  create_at: string;
+  creator: string;
+  device_class: string;
+  ip: string;
+  os_name: string;
+  pool: string;
+  rack_id: string;
+  sub_zone: string;
+  ticket: string;
+  update_at: string;
+  updater: string;
+
+  constructor(payload = {} as FaultOrRecycleMachine) {
+    this.agent_status = payload.agent_status;
+    this.bk_biz_id = payload.bk_biz_id;
+    this.bk_cloud_id = payload.bk_cloud_id;
+    this.bk_cpu = payload.bk_cpu;
+    this.bk_disk = payload.bk_disk;
+    this.bk_host_id = payload.bk_host_id;
+    this.bk_mem = payload.bk_mem;
+    this.city = payload.city;
+    this.create_at = payload.create_at;
+    this.creator = payload.creator;
+    this.device_class = payload.device_class;
+    this.ip = payload.ip;
+    this.os_name = payload.os_name;
+    this.pool = payload.pool;
+    this.rack_id = payload.rack_id;
+    this.sub_zone = payload.sub_zone;
+    this.ticket = payload.ticket;
+    this.update_at = payload.update_at;
+    this.updater = payload.updater;
+  }
+}
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 fa854d06f7..4122f9f843 100644
--- a/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
+++ b/dbm-ui/frontend/src/services/model/function-controller/functionController.ts
@@ -214,6 +214,8 @@ export default class FunctionController {
   resourceManage: ControllerItem<string>;
   'resourceManage.resourceSpec': ControllerItem<string>;
   'resourceManage.resourcePool': ControllerItem<string>;
+  'resourceManage.faultPool': ControllerItem<string>;
+  'resourceManage.toRecyclePool': ControllerItem<string>;
   'resourceManage.dirtyHostManage': ControllerItem<string>;
   'resourceManage.resourceOperationRecord': ControllerItem<string>;
   bizConfigManage: ControllerItem<string>;
diff --git a/dbm-ui/frontend/src/services/source/dbdirty.ts b/dbm-ui/frontend/src/services/source/dbdirty.ts
index 27f937abee..1d8fdf07f0 100644
--- a/dbm-ui/frontend/src/services/source/dbdirty.ts
+++ b/dbm-ui/frontend/src/services/source/dbdirty.ts
@@ -12,6 +12,7 @@
  */
 
 import DirtyMachinesModel from '@services/model/db-resource/dirtyMachines';
+import FaultOrRecycleMachineModel from '@services/model/db-resource/FaultOrRecycleMachine';
 import type { ListBase } from '@services/types';
 
 import http from '../http';
@@ -52,3 +53,24 @@ export function transferDirtyMachines(params: { bk_host_ids: number[] }) {
 export function deleteDirtyRecords(params: { bk_host_ids: number[] }) {
   return http.delete(`${path}/delete_dirty_records/`, params);
 }
+
+/**
+ * 故障池、待回收池列表
+ */
+export function getMachinePool(params: { limit?: number; offset?: number; ips?: string; pool: 'fault' | 'recycle' }) {
+  return http.get<ListBase<FaultOrRecycleMachineModel[]>>(`${path}/query_machine_pool/`, params).then((res) => ({
+    ...res,
+    results: res.results.map((item: FaultOrRecycleMachineModel) => new FaultOrRecycleMachineModel(item)),
+  }));
+}
+
+/**
+ * 将主机转移至待回收/故障池模块
+ */
+export function transferMachinePool(params: {
+  bk_host_ids: number[];
+  source: 'fault' | 'recycle';
+  target: 'fault' | 'recycle' | 'recycled';
+}) {
+  return http.post(`${path}/transfer_hosts_to_pool/`, params);
+}
diff --git a/dbm-ui/frontend/src/services/source/dbresourceResource.ts b/dbm-ui/frontend/src/services/source/dbresourceResource.ts
index a97c52ae4b..5454cd464a 100644
--- a/dbm-ui/frontend/src/services/source/dbresourceResource.ts
+++ b/dbm-ui/frontend/src/services/source/dbresourceResource.ts
@@ -71,7 +71,7 @@ export function importResource(params: {
     host_id: number;
     bk_cloud_id: number;
   }>;
-  labels: number;
+  labels: number[];
 }) {
   return http.post(`${path}/import/`, params);
 }
diff --git a/dbm-ui/frontend/src/services/source/tag.ts b/dbm-ui/frontend/src/services/source/tag.ts
index 14c2f7a146..649ace1376 100644
--- a/dbm-ui/frontend/src/services/source/tag.ts
+++ b/dbm-ui/frontend/src/services/source/tag.ts
@@ -15,6 +15,7 @@ export function listTag(params: {
   bk_biz_id?: number;
   limit?: number;
   offset?: number;
+  ordering?: string;
 }) {
   return http.get<ListBase<ResourceTagModel[]>>(`${path}`, params).then((res) => ({
     ...res,
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/Index.vue
new file mode 100644
index 0000000000..61a43cc329
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/Index.vue
@@ -0,0 +1,398 @@
+<template>
+  <div class="fault-pool-container">
+    <div class="operation-wrapper">
+      <BkButton
+        :disabled="!selected.length"
+        @click="handleBatchImport">
+        {{ t('批量导入资源池') }}
+      </BkButton>
+      <BkButton
+        v-if="isFaultPool"
+        class="ml-8"
+        :disabled="!selected.length"
+        @click="handleBatchConvertToRecyclePool">
+        {{ t('批量转入回收池') }}
+      </BkButton>
+      <BkButton
+        v-else
+        class="ml-8"
+        :disabled="!selected.length"
+        @click="handleBatchRecycle">
+        {{ t('批量回收') }}
+      </BkButton>
+      <BkDropdown class="ml-8">
+        <BkButton>
+          {{ t('复制') }}
+          <DbIcon
+            class="ml-8"
+            type="down-big" />
+        </BkButton>
+        <template #content>
+          <BkDropdownMenu>
+            <BkDropdownItem @click="handleCopyAllHost">{{ t('所有 IP') }}</BkDropdownItem>
+            <BkDropdownItem @click="handleCopySelectHost">{{ t('已选 IP') }}</BkDropdownItem>
+          </BkDropdownMenu>
+        </template>
+      </BkDropdown>
+      <Search
+        v-model="searchValue"
+        class="pool-search-selector"
+        @search="fetchData" />
+    </div>
+    <DbTable
+      ref="tableRef"
+      class="table-box"
+      :columns="tableColumn"
+      :data-source="dataSource"
+      primary-key="bk_host_id"
+      remote-sort
+      row-class="table-row"
+      selectable
+      sort-type="ordering"
+      @selection="handleSelection" />
+    <ReviewDataDialog
+      :is-show="isReviewDataDialogShow"
+      :loading="isRecycling"
+      :selected="selected.map((item) => item.ip)"
+      theme="danger"
+      :tip="t('确认后，主机将从系统中删除，请谨慎操作！')"
+      :title="t('确认批量回收 {n} 台主机？', { n: selected.length })"
+      @cancel="handleRecycleCancel"
+      @confirm="handleRecycleSubmit" />
+    <ReviewDataDialog
+      :is-show="isBatchConvertToRecyclePool"
+      :loading="isRecycling"
+      :selected="selected.map((item) => item.ip)"
+      :tip="t('确认后，主机将标记为待回收，等待处理')"
+      :title="t('确认批量将 {n} 台主机转入待回收池？', { n: selected.length })"
+      @cancel="handleConvertCancel"
+      @confirm="handleConvertSubmit" />
+    <ImportResourcePool
+      v-model:is-show="isImportResourcePoolShow"
+      :data="curImportData!"
+      @refresh="handleRefresh" />
+    <BatchImportResourcePool
+      v-model:is-show="isBatchImportResourcePoolShow"
+      :host-list="selected"
+      @refresh="handleRefresh" />
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import BkButton from 'bkui-vue/lib/button';
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import FaultOrRecycleMachineModel from '@services/model/db-resource/FaultOrRecycleMachine';
+  import { getMachinePool, transferMachinePool } from '@services/source/dbdirty';
+
+  import DbPopconfirm from '@components/db-popconfirm/index.vue';
+  import DbStatus from '@components/db-status/index.vue';
+
+  import { execCopy, getSearchSelectorParams, messageSuccess } from '@utils';
+
+  import ReviewDataDialog from '../host-list/components/review-data-dialog/Index.vue';
+
+  import BatchImportResourcePool from './components/BatchImportResourcePool/Index.vue';
+  import ImportResourcePool from './components/ImportResourcePool.vue';
+  import Search from './components/search.vue';
+
+  const { t } = useI18n();
+  const route = useRoute();
+
+  const tableRef = useTemplateRef('tableRef');
+
+  const selected = ref<FaultOrRecycleMachineModel[]>([]);
+  const isReviewDataDialogShow = ref(false);
+  const isImportResourcePoolShow = ref(false);
+  const isBatchImportResourcePoolShow = ref(false);
+  const isBatchConvertToRecyclePool = ref(false);
+  const curImportData = ref<FaultOrRecycleMachineModel>();
+  const searchValue = ref([]);
+
+  const isFaultPool = computed(() => route.name === 'faultPool');
+
+  const dataSource = (params: FaultOrRecycleMachineModel) => getMachinePool({
+    ...params,
+    pool: isFaultPool.value ? 'fault' : 'recycle'
+  });
+  const tableColumn = [
+    {
+      label: 'IP',
+      field: 'ip',
+      width: 180,
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.ip || '--',
+    },
+    {
+      label: t('地域'),
+      field: 'city',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.city || '--',
+    },
+    {
+      label: t('园区'),
+      field: 'sub_zone',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.sub_zone || '--',
+    },
+    {
+      label: t('机架'),
+      field: 'rack_id',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.rack_id || '--',
+    },
+    {
+      label: t('操作系统'),
+      field: 'os_name',
+      width: 180,
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.os_name || '--',
+    },
+    {
+      label: t('机型'),
+      field: 'device_class',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.device_class || '--',
+    },
+    {
+      label: t('Agent状态'),
+      field: 'agent_status',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => {
+        const info = data.agent_status === 1 ? {
+          theme: 'success',
+          text: t('正常')
+        } : {
+          theme: 'danger',
+          text: t('异常')
+        };
+        return <DbStatus theme={info.theme}>{info.text}</DbStatus>;
+      },
+    },
+    {
+      label: t('CPU(核)'),
+      field: 'bk_cpu',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.bk_cpu || '--',
+    },
+    {
+      label: t('内存(G)'),
+      field: 'bk_mem',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.bk_mem || '--',
+    },
+    {
+      label: t('磁盘总容量(G)'),
+      field: 'bk_disk',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.bk_disk || '--',
+    },
+    {
+      label: t('关联单据'),
+      field: 'ticket',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => data.ticket || '--',
+    },
+    {
+      label: t('操作'),
+      field: 'operation',
+      width: 200,
+      fixed: 'right',
+      render: ({ data }: { data: FaultOrRecycleMachineModel }) => (
+        <div>
+          <BkButton text theme='primary' onClick={() => handleImport(data)}>{t('导入资源池')}</BkButton>
+          {
+            isFaultPool.value ? (
+              <DbPopconfirm
+                title={t('确认转入待回收池？')}
+                width={360}
+                confirmHandler={() => handleConfirmConvert(data)}
+              >
+                {{
+                  content: () => (
+                    <div class="pool-recycle-pop-confirm-content">
+                      <div>
+                        <span>{t('主机')}：</span>
+                        <span class="ip">{data.ip}</span>
+                      </div>
+                      <div class="tip">{t('确认后，主机将标记为待回收，等待处理')}</div>
+                    </div>
+                  ),
+                  default: () => (
+                    <BkButton text theme='primary' class='ml-16'>{t('转入回收池')}</BkButton>
+                  )
+                }}
+              </DbPopconfirm>
+            ) : (
+              <DbPopconfirm
+                title={t('确认回收该机器？')}
+                width={360}
+                theme='danger'
+                confirmHandler={() => handleConfirmRecycle(data)}
+              >
+                {{
+                  content: () => (
+                    <div class="pool-recycle-pop-confirm-content">
+                      <div>
+                        <span>{t('主机')}：</span>
+                        <span class="ip">{data.ip}</span>
+                      </div>
+                      <div class="tip">{t('确认后，主机将从系统中删除，请谨慎操作！')}</div>
+                    </div>
+                  ),
+                  default: () => (
+                    <BkButton text theme='primary' class='ml-16'>{t('回收')}</BkButton>
+                  )
+                }}
+              </DbPopconfirm>
+            )
+          }
+        </div>
+      )
+    }
+  ];
+
+  const { run: runTransfer, loading: isRecycling } = useRequest(transferMachinePool, {
+    manual: true,
+    onSuccess() {
+      messageSuccess(t('操作成功'));
+      handleRefresh();
+      isReviewDataDialogShow.value = false;
+      isBatchConvertToRecyclePool.value = false;
+    },
+  });
+
+  watch(searchValue, () => {
+    fetchData();
+  });
+
+  watch(() => route.name,
+    () => {
+      searchValue.value = [];
+      selected.value = [];
+      nextTick(() => {
+        tableRef.value!.clearSelected();
+      });
+    },
+    {
+      immediate: true,
+    }
+  );
+
+  const fetchData = () => {
+    const searchParams = getSearchSelectorParams(searchValue.value);
+    tableRef.value?.fetchData(searchParams);
+  };
+
+  const handleConfirmConvert = (data: FaultOrRecycleMachineModel) => {
+    runTransfer({
+      bk_host_ids: [data.bk_host_id],
+      source: 'fault',
+      target: 'recycle'
+    });
+  };
+
+  const handleConfirmRecycle = (data: FaultOrRecycleMachineModel) => {
+    runTransfer({
+      bk_host_ids: [data.bk_host_id],
+      source: 'recycle',
+      target: 'recycled'
+    });
+  };
+
+  const handleImport = (data: FaultOrRecycleMachineModel) => {
+    isImportResourcePoolShow.value = true;
+    curImportData.value = data;
+  };
+
+  const handleSelection = (_data: FaultOrRecycleMachineModel, list: FaultOrRecycleMachineModel[]) => {
+    selected.value = list;
+  };
+
+  const clearSelection = () => {
+    tableRef.value!.clearSelected();
+    selected.value = [];
+  };
+
+  const handleBatchImport = () => {
+    isBatchImportResourcePoolShow.value = true;
+  };
+
+  const handleBatchRecycle = () => {
+    isReviewDataDialogShow.value = true;
+  };
+
+  const handleBatchConvertToRecyclePool = () => {
+    isBatchConvertToRecyclePool.value = true;
+  }
+
+  const handleRecycleSubmit = () => {
+    runTransfer({
+      bk_host_ids: selected.value.map(item => item.bk_host_id),
+      source: 'recycle',
+      target: 'recycled'
+    });
+  };
+
+  const handleRecycleCancel = () => {
+    isReviewDataDialogShow.value = false;
+  };
+
+  const handleConvertCancel = () => {
+    isBatchConvertToRecyclePool.value = false;
+  }
+
+  const handleConvertSubmit = () => {
+    runTransfer({
+      bk_host_ids: selected.value.map(item => item.bk_host_id),
+      source: 'fault',
+      target: 'recycle'
+    });
+  }
+
+  const handleCopyAllHost = () => {
+    getMachinePool({
+      offset: 0,
+      limit: -1,
+      pool: isFaultPool.value ? 'fault' : 'recycle',
+    }).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 = selected.value.map(item => item.ip);
+    execCopy(ipList.join('\n'), `${t('复制成功n个IP', { n: ipList.length })}\n`);
+  };
+
+  const handleRefresh = () => {
+    fetchData();
+    clearSelection();
+  };
+
+  onMounted(() => {
+    fetchData();
+  });
+</script>
+
+<style lang="less" scoped>
+  .fault-pool-container {
+    .operation-wrapper {
+      display: flex;
+      align-items: center;
+      margin-bottom: 16px;
+
+      .pool-search-selector {
+        width: 560px;
+        margin-left: auto;
+      }
+    }
+  }
+</style>
+
+<style lang="less">
+  .pool-recycle-pop-confirm-content {
+    font-size: 12px;
+    color: #63656e;
+
+    .ip {
+      color: #313238;
+    }
+
+    .tip {
+      margin-top: 4px;
+      margin-bottom: 14px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/Index.vue
new file mode 100644
index 0000000000..baf9c0eef7
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/Index.vue
@@ -0,0 +1,154 @@
+<template>
+  <BkDialog
+    class="batch-import-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" />
+      </template>
+      <template #aside>
+        <ListPanel
+          ref="formRef"
+          v-model="hostList"
+          :content-height="contentHeight"
+          @update:host-list="handleUpdate" />
+      </template>
+    </BkResizeLayout>
+    <template #footer>
+      <div>
+        <BkButton
+          v-bk-tooltips="tooltip"
+          :disabled="!hostList.length"
+          :loading="isUpdating"
+          theme="primary"
+          @click="handleSubmit">
+          {{ t('确定') }}
+        </BkButton>
+        <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 FaultOrRecycleMachineModel from '@services/model/db-resource/FaultOrRecycleMachine';
+  import { importResource } from '@services/source/dbresourceResource';
+
+  import { messageSuccess } from '@utils';
+
+  import FormPanel from './components/FormPanel.vue';
+  import ListPanel from './components/ListPanel.vue';
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: false,
+  });
+  const hostList = defineModel<FaultOrRecycleMachineModel[]>('hostList', {
+    default: () => [],
+  });
+
+  const { t } = useI18n();
+  const formPanelRef = useTemplateRef('formPanelRef');
+  const router = useRouter();
+
+
+
+  const tooltip = computed(() => {
+    const path = router.resolve({
+      name: 'taskHistory'
+    });
+    return !hostList.value.length
+      ? {
+        disabled: !!hostList.value.length,
+        content: t('请选择主机'),
+      }
+      : {
+        theme: 'light',
+        content: () => (
+          <div>
+            {t('提交后，将会进行主机初始化任务，具体的导入结果，可以通过“')}
+            <a href={path.href} target='_blank'>
+              {t('任务历史')}
+            </a>
+            {t('”查看')}
+          </div>
+        )
+      }
+  });
+
+  const width = Math.ceil(window.innerWidth * 0.8);
+  const contentHeight = Math.ceil(window.innerHeight * 0.8 - 48);
+  const layoutStyle = {
+    height: `${contentHeight}px`,
+  };
+
+  const { loading: isUpdating, run: runImport } = useRequest(importResource, {
+    manual: true,
+    onSuccess() {
+      handleCancel();
+      messageSuccess(t('操作成功'));
+    },
+  });
+
+  const handleUpdate = (data: FaultOrRecycleMachineModel[]) => {
+    hostList.value = data;
+  };
+
+  const handleSubmit = async () => {
+    const data = await formPanelRef.value!.getValue();
+    runImport({
+      hosts: hostList.value.map((item) => ({
+        ip: item.ip,
+        host_id: item.bk_host_id,
+        bk_cloud_id: item.bk_cloud_id,
+      })),
+      for_biz: data.for_biz as number,
+      resource_type: data.resource_type as string,
+      labels: data.labels,
+    });
+  };
+
+  const handleCancel = () => {
+    emits('refresh');
+    isShow.value = false;
+  };
+</script>
+
+<style lang="less">
+  .batch-import-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/fault-or-recycle-list/components/BatchImportResourcePool/components/FormPanel.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/components/FormPanel.vue
new file mode 100644
index 0000000000..ad176c0e19
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/components/FormPanel.vue
@@ -0,0 +1,151 @@
+<!--
+ * 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-import-form-panel">
+    <div class="title">
+      {{ t('批量导入资源池') }}
+    </div>
+    <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" />
+      </BkFormItem>
+    </BkForm>
+  </div>
+</template>
+
+<script setup lang="tsx">
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { fetchDbTypeList } from '@services/source/infras';
+  import { listTag } from '@services/source/tag';
+  import type { BizItem } from '@services/types';
+
+  import { useGlobalBizs } from '@stores';
+
+  import TagSelector from '@views/resource-manage/pool/components/tag-selector/Index.vue';
+
+  interface Expose {
+    getValue: () => Promise<{
+      labels: number[];
+      resource_type: string;
+      for_biz: number;
+    }>;
+  }
+
+  const globalBizsStore = useGlobalBizs();
+  const { t } = useI18n();
+
+  const formRef = useTemplateRef('formRef');
+
+  const formData = reactive({
+    for_biz: 0,
+    resource_type: '',
+    labels: [] as number[],
+  });
+
+  const dbTypeList = shallowRef<ServiceReturnType<typeof fetchDbTypeList>>([]);
+  const tagList = shallowRef<ServiceReturnType<typeof listTag>['results']>([]);
+
+  const bizList = computed(() => [
+    {
+      bk_biz_id: 0,
+      display_name: t('公共资源池'),
+    } as BizItem,
+    ...globalBizsStore.bizs,
+  ]);
+
+  useRequest(fetchDbTypeList, {
+    onSuccess(data) {
+      dbTypeList.value = [
+        {
+          id: 'PUBLIC',
+          name: t('通用'),
+        },
+        ...data,
+      ];
+    },
+  });
+
+  useRequest(listTag, {
+    defaultParams: [
+      {
+        bk_biz_id: 0,
+      },
+    ],
+    onSuccess(data) {
+      tagList.value = data.results;
+    },
+  });
+
+  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-import-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/fault-or-recycle-list/components/BatchImportResourcePool/components/ListPanel.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/components/ListPanel.vue
new file mode 100644
index 0000000000..6233c7064d
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/BatchImportResourcePool/components/ListPanel.vue
@@ -0,0 +1,265 @@
+<!--
+ * 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-import-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,
+          }"
+          @click="toggleHostActionShow">
+          <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 FaultOrRecycleMachineModel from '@services/model/db-resource/FaultOrRecycleMachine';
+
+  import { useCopy } from '@hooks';
+
+  import { messageWarn } from '@utils';
+
+  interface Expose {
+    getValue: () => Promise<{
+      for_biz: number;
+      resource_type: string;
+      labels: number[];
+    }>;
+  }
+
+  const hostList = defineModel<FaultOrRecycleMachineModel[]>({
+    default: () => [],
+  });
+
+  const copy = useCopy();
+  const { t } = useI18n();
+
+  const formRef = ref();
+  const isShowHostActionPop = ref(false);
+  const formData = reactive({
+    for_biz: '',
+    resource_type: '',
+    labels: '',
+  });
+
+  const toggleHostActionShow = () => {
+    isShowHostActionPop.value = true;
+  };
+
+  // 复制所有主机 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: FaultOrRecycleMachineModel) => {
+    copy(hostItem.ip);
+  };
+
+  // 删除单个主机
+  const handleRemove = (hostItem: FaultOrRecycleMachineModel) => {
+    const hostListResult = hostList.value.reduce<FaultOrRecycleMachineModel[]>((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-import-list-panel {
+    display: flex;
+    height: 100%;
+    background: #f5f6fa;
+    flex-direction: column;
+
+    .title {
+      display: flex;
+      padding: 8px 12px 10px 24px;
+      font-size: 12px;
+      font-weight: 700;
+      color: #313238;
+      background: #fff;
+      border: 1px solid #dcdee5;
+      border-radius: 0 2px 2px 0;
+
+      .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;
+      padding: 0 24px;
+      margin-top: 14px;
+      margin-bottom: 4px;
+      font-size: 12px;
+      align-items: center;
+      line-height: 24px;
+      color: #63656e;
+    }
+
+    .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/fault-or-recycle-list/components/ImportResourcePool.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/ImportResourcePool.vue
new file mode 100644
index 0000000000..449263c269
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/ImportResourcePool.vue
@@ -0,0 +1,205 @@
+<template>
+  <BkDialog
+    :is-show="isShow"
+    render-directive="if"
+    :title="t('编辑资源归属')"
+    width="600">
+    <template #header>
+      <div class="header-wrapper">
+        <span class="title">{{ t('导入资源池') }}</span>
+        <span class="title-divider">|</span>
+        <span class="biz-name">
+          {{ data.ip }}
+        </span>
+      </div>
+    </template>
+    <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"
+          :disabled="!formData.for_biz && formData.for_biz !== 0" />
+      </BkFormItem>
+    </BkForm>
+    <template #footer>
+      <div>
+        <BkButton
+          v-bk-tooltips="tooltip"
+          :loading="isImporting"
+          theme="primary"
+          @click="handleSubmit">
+          {{ t('确定') }}
+        </BkButton>
+        <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 FaultOrRecycleMachineModel from '@services/model/db-resource/FaultOrRecycleMachine';
+  import { importResource } from '@services/source/dbresourceResource';
+  import { fetchDbTypeList } from '@services/source/infras';
+  import type { BizItem } from '@services/types';
+
+  import { useGlobalBizs } from '@stores';
+
+  import TagSelector from '@views/resource-manage/pool/components/tag-selector/Index.vue';
+
+  import { messageSuccess } from '@utils';
+
+  interface Props {
+    data: FaultOrRecycleMachineModel;
+  }
+
+  interface Emits {
+    (e: 'refresh'): void;
+  }
+
+  const props = defineProps<Props>();
+
+  const emits = defineEmits<Emits>();
+
+  const isShow = defineModel<boolean>('isShow', {
+    default: false,
+  });
+
+  const { t } = useI18n();
+  const router = useRouter();
+  const globalBizsStore = useGlobalBizs();
+
+  const formRef = useTemplateRef('formRef');
+
+  const formData = reactive({
+    for_biz: 0,
+    resource_type: '',
+    labels: [] as DbResourceModel['labels'][number]['id'][],
+  });
+  const dbTypeList = shallowRef<ServiceReturnType<typeof fetchDbTypeList>>([]);
+
+  const bizList = computed(() => (
+    [
+      {
+        bk_biz_id: 0,
+        display_name: t('公共资源池'),
+      } as BizItem,
+      ...globalBizsStore.bizs
+    ]
+  ));
+
+  const path = router.resolve({
+    name: 'taskHistory'
+  });
+
+  const tooltip = {
+    theme: 'light',
+    content: () => (
+      <div>
+        {t('提交后，将会进行主机初始化任务，具体的导入结果，可以通过“')}
+        <a href={path.href} target='_blank'>
+          {t('任务历史')}
+        </a>
+        {t('”查看')}
+      </div>
+    )
+  };
+
+  useRequest(fetchDbTypeList, {
+    onSuccess(data) {
+      dbTypeList.value = [
+        {
+          id: 'PUBLIC',
+          name: t('通用'),
+        },
+        ...data,
+      ];
+    },
+  });
+
+  const { loading: isImporting, run: runImport } = useRequest(importResource, {
+    manual: true,
+    onSuccess() {
+      emits('refresh');
+      isShow.value = false;
+      messageSuccess(t('操作成功'));
+    },
+  });
+
+  const handleSubmit = async () => {
+    await formRef.value!.validate();
+    runImport({
+      hosts: [
+        {
+          ip: props.data.ip,
+          host_id: props.data.bk_host_id,
+          bk_cloud_id: props.data.bk_cloud_id,
+        },
+      ],
+      for_biz: Number(formData.for_biz),
+      resource_type: formData.resource_type,
+      labels: formData.labels,
+    });
+  };
+
+  const handleCancel = () => {
+    isShow.value = false;
+  };
+</script>
+
+<style lang="less" scoped>
+  .header-wrapper {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+    color: #979ba5;
+
+    .title {
+      font-size: 20px;
+      color: #313238;
+    }
+
+    .title-divider {
+      margin: 0 8px 0 11px;
+    }
+  }
+</style>
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/search.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/search.vue
new file mode 100644
index 0000000000..b172dc2d70
--- /dev/null
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/fault-or-recycle-list/components/search.vue
@@ -0,0 +1,79 @@
+<template>
+  <BkSearchSelect
+    v-model="modelValue"
+    class="search-selector"
+    :data="searchSelectData"
+    unique-select
+    value-split-code="+"
+    @search="handleSearch" />
+</template>
+
+<script setup lang="ts">
+  import type { ISearchValue } from 'bkui-vue/lib/search-select/utils';
+  import { useI18n } from 'vue-i18n';
+  import { useRequest } from 'vue-request';
+
+  import { fetchDeviceClass } from '@services/source/dbresourceResource';
+
+  interface Emits {
+    (e: 'search'): void;
+  }
+
+  const emits = defineEmits<Emits>();
+
+  const { t } = useI18n();
+
+  const modelValue = defineModel<ISearchValue[]>({
+    default: () => [],
+  });
+  const deviceClassList = ref<ServiceReturnType<typeof fetchDeviceClass>['results']>([]);
+
+  const searchSelectData = computed(() => [
+    {
+      name: 'IP',
+      id: 'ips',
+    },
+    {
+      name: t('地域'),
+      id: 'city',
+    },
+    {
+      name: t('园区'),
+      id: 'sub_zone',
+    },
+    {
+      name: t('机架'),
+      id: 'rack_id',
+    },
+    {
+      name: t('操作系统'),
+      id: 'os_name',
+    },
+    {
+      name: t('机型'),
+      id: 'device_class',
+      children: deviceClassList.value?.map((item) => ({
+        id: item,
+        name: item,
+      })),
+    },
+  ]);
+
+  useRequest(fetchDeviceClass, {
+    onSuccess: (deviceClassRes) => {
+      deviceClassList.value = deviceClassRes.results;
+    },
+  });
+
+  const handleSearch = () => {
+    emits('search');
+  };
+</script>
+
+<style scoped lang="less">
+  .fault-or-recycle-search-selector {
+    width: 560px;
+    height: 32px;
+    margin-left: auto;
+  }
+</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
index a49fe2bfb6..2baef51252 100644
--- 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
@@ -224,7 +224,7 @@
     ...params,
   });
 
-  const searchParams: Record<string, any> = {};
+  let searchParams: Record<string, any> = {};
   let selectionListWholeDataMemo: DbResourceModel[] = [];
   const tableColumn = [
     {
@@ -252,10 +252,10 @@
         <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}
+              theme={(data.for_biz.bk_biz_id === 0 || !data.for_biz.bk_biz_name) ? 'success' : undefined}>{t('所属业务')} : {data.forBizDisplay}
             </Tag>
             <Tag
-              theme={(!data.resource_type || data.resource_type === 'PUBLIC') ? 'success' : undefined}>{t('所属DB')} : {data.resource_type_display}
+              theme={(!data.resource_type || data.resource_type === 'PUBLIC') ? 'success' : undefined}>{t('所属DB')} : {data.resourceTypeDisplay}
             </Tag>
             {
               data.labels && Array.isArray(data.labels) && (
@@ -393,7 +393,8 @@
   };
 
   const handleSearch = (params: Record<string, any>) => {
-    tableRef.value.fetchData(params);
+    searchParams = {...searchParams, ...params};
+    tableRef.value.fetchData(searchParams);
   };
 
   // 导入主机
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
index 5c4efa5a92..8632b86401 100644
--- 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
@@ -74,7 +74,7 @@
   import { listTag } from '@services/source/tag';
   import type { BizItem } from '@services/types';
 
-  import TagSelector from '../../tag-selector/Index.vue';
+  import TagSelector from '@views/resource-manage/pool/components/tag-selector/Index.vue';
 
   interface Props {
     bizId: number;
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue
index 389572c4a2..09d9f055c5 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/import-host/Index.vue
@@ -39,20 +39,14 @@
     </BkResizeLayout>
     <template #footer>
       <div>
-        <span
-          v-bk-tooltips="{
-            disabled: hostSelectList.length > 0,
-            content: t('请选择主机'),
-          }">
-          <BkButton
-            v-bk-tooltips="tooltip"
-            :disabled="hostSelectList.length < 1"
-            :loading="isSubmitting"
-            theme="primary"
-            @click="handleSubmit">
-            {{ t('确定') }}
-          </BkButton>
-        </span>
+        <BkButton
+          v-bk-tooltips="tooltip"
+          :disabled="hostSelectList.length < 1"
+          :loading="isSubmitting"
+          theme="primary"
+          @click="handleSubmit">
+          {{ t('确定') }}
+        </BkButton>
         <BkButton
           class="ml-8"
           @click="handleCancel">
@@ -97,19 +91,26 @@
   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>
-      )
-    }
+    return !hostSelectList.value.length
+      ? {
+        disabled: !!hostSelectList.value.length,
+        content: t('请选择主机'),
+      }
+      : {
+        theme: 'light',
+        content: () => (
+          <div>
+            {t('提交后，将会进行主机初始化任务，具体的导入结果，可以通过“')}
+            <a href={path.href} target='_blank'>{t('任务历史')}</a>
+            {t('”查看')}
+          </div>
+        ),
+      }
   });
 
   const handleSubmit = () => {
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
index fd782c3dc0..00787722ca 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
@@ -151,7 +151,7 @@
 
   import { useCopy } from '@hooks';
 
-  import TagSelector from '@views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue';
+  import TagSelector from '@views/resource-manage/pool/components/tag-selector/Index.vue';
 
   import { messageWarn } from '@utils';
 
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
index 8275defaf0..47ac6336fb 100644
--- 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
@@ -125,8 +125,8 @@
 
 <style scoped lang="less">
   .resource-search-selector {
-    margin-left: auto;
     width: 560px;
     height: 32px;
+    margin-left: auto;
   }
 </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
index 0a134f0da0..a3d94c64c0 100644
--- 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
@@ -42,7 +42,7 @@
         <BkButton
           :loading="loading"
           style="width: 88px"
-          theme="primary"
+          :theme="theme"
           @click="handleConfirm"
           >{{ t('确定') }}
         </BkButton>
@@ -66,6 +66,7 @@
     tip: string;
     loading: boolean;
     selected: string[];
+    theme?: 'primary' | 'danger';
   }
 
   interface Emits {
@@ -73,7 +74,10 @@
     (e: 'cancel'): void;
   }
 
-  defineProps<Props>();
+  withDefaults(defineProps<Props>(), {
+    theme: 'primary',
+  });
+
   const emits = defineEmits<Emits>();
   const isShow = defineModel<boolean>('isShow', {
     default: false,
@@ -123,17 +127,21 @@
       }
 
       .selected-content {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
         font-size: 12px;
 
         .selected-item {
           padding: 6px 16px;
 
-          &:nth-child(even) {
-            background-color: #fafbfd;
+          &:nth-child(4n-3),
+          &:nth-child(4n-2) {
+            background-color: #ffffff;
           }
 
-          &:nth-child(odd) {
-            background-color: #ffffff;
+          &:nth-child(4n-1),
+          &:nth-child(4n) {
+            background-color: #fafbfd;
           }
         }
       }
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
index b3630d1e4d..00914cbe0c 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
@@ -90,7 +90,7 @@
     mount_point: MountPoint,
     cpu: Cpu,
     mem: Mem,
-    label: Label,
+    labels: Label,
     disk: Disk,
     disk_type: DiskType,
     city: CitySubzones,
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
index b807008e0c..ddd027181a 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/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,9 +135,9 @@ export default {
       return true;
     },
   },
-  label: {
+  labels: {
     label: t('标签'),
-    component: 'label',
+    component: 'labels',
     type: 'string',
   },
   disk: {
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
index f4cb42b674..e9bf3bba78 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/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
@@ -73,7 +73,7 @@
           <ComFactory
             :ref="(el: any) => initInputRefCallback(el, 'label')"
             :model="localValueMemo"
-            name="label"
+            name="labels"
             @change="handleChange" />
           <div style="flex: 1" />
         </div>
@@ -164,7 +164,7 @@
     os_type: true,
     cpu: true,
     mem: true,
-    label: true,
+    labels: true,
     mount_point: true,
     disk: true,
     disk_type: true,
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
index 06e0b090ce..c5167edaf1 100644
--- 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
@@ -72,7 +72,7 @@
   import { fetchDbTypeList } from '@services/source/infras';
   import type { BizItem } from '@services/types';
 
-  import TagSelector from '../tag-selector/Index.vue';
+  import TagSelector from '@views/resource-manage/pool/components/tag-selector/Index.vue';
 
   interface Props {
     editData: DbResourceModel;
@@ -153,7 +153,7 @@
     await formRef.value!.validate();
     runUpdate({
       bk_host_ids: [props.editData.bk_host_id],
-      for_biz: +formData.for_biz,
+      for_biz: Number(formData.for_biz),
       resource_type: formData.resource_type,
       labels: formData.labels,
       rack_id: '',
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/tag-selector/Index.vue
similarity index 91%
rename from dbm-ui/frontend/src/views/resource-manage/pool/components/host-list/components/tag-selector/Index.vue
rename to dbm-ui/frontend/src/views/resource-manage/pool/components/tag-selector/Index.vue
index 1fa30ebc9c..87e67fa1a1 100644
--- 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/tag-selector/Index.vue
@@ -18,18 +18,17 @@
         class="editor-wrapper">
         <BkInput
           v-model="tagValue"
-          class="editor"
-          @blur="handleClose" />
+          class="editor" />
         <div
           class="operator-wrapper"
-          @click="handleCreate">
+          @click.stop="handleCreate">
           <DbIcon
             class="check-line"
             type="check-line" />
         </div>
         <div
           class="operator-wrapper"
-          @click="handleClose">
+          @click.stop="handleClose">
           <DbIcon
             class="close"
             type="close" />
@@ -110,18 +109,20 @@
   const { run: runCreate } = useRequest(createTag, {
     manual: true,
     onSuccess() {
-      pagination.count += 1;
-      loadMore();
-      isEdit.value = false;
+      if (pagination.count === tagList.value.length) {
+        runListTag({
+          bk_biz_id: props.bkBizId,
+          offset: tagList.value.length,
+          ordering: 'create_at',
+        });
+      }
+      handleClose();
       messageSuccess(t('新建成功'));
     },
   });
 
   const loadMore = () => {
-    if (listTagLoading.value) {
-      return;
-    }
-    if (tagList.value.length >= pagination.count) {
+    if (listTagLoading.value || pagination.offset >= pagination.count) {
       return;
     }
     pagination.offset = Math.min(pagination.count, pagination.offset + pagination.limit);
@@ -140,6 +141,7 @@
       tagList.value = [];
       runListTag({
         bk_biz_id: props.bkBizId,
+        ordering: 'create_at',
       });
     },
   );
@@ -153,6 +155,7 @@
       offset: pagination.offset,
       limit: pagination.limit,
       value: searchVal.value,
+      ordering: 'create_at',
     });
   });
 
@@ -161,6 +164,7 @@
   };
 
   const handleClose = () => {
+    tagValue.value = '';
     isEdit.value = false;
   };
 
@@ -204,6 +208,7 @@
       bk_biz_id: props.bkBizId,
       offset: 0,
       limit: pagination.limit,
+      ordering: 'create_time',
     });
   });
 </script>
@@ -250,7 +255,6 @@
 
       &:hover {
         cursor: pointer;
-        background-color: #e1ecff;
       }
 
       .check-line {
diff --git a/dbm-ui/frontend/src/views/resource-manage/routes.ts b/dbm-ui/frontend/src/views/resource-manage/routes.ts
index 4d8c87f2f8..02f2e65445 100644
--- a/dbm-ui/frontend/src/views/resource-manage/routes.ts
+++ b/dbm-ui/frontend/src/views/resource-manage/routes.ts
@@ -26,6 +26,24 @@ const resourcePoolRoute = {
   component: () => import('@views/resource-manage/pool/global/Index.vue'),
 };
 
+const faultPoolRoute = {
+  name: 'faultPool',
+  path: 'fault-pool',
+  meta: {
+    navName: t('故障池'),
+  },
+  component: () => import('@views/resource-manage/pool/components/fault-or-recycle-list/Index.vue'),
+};
+
+const toRecyclePoolRoute = {
+  name: 'toRecyclePool',
+  path: 'to-recycle-pool',
+  meta: {
+    navName: t('待回收池'),
+  },
+  component: () => import('@views/resource-manage/pool/components/fault-or-recycle-list/Index.vue'),
+};
+
 const resourcePoolOperationRecordRoute = {
   name: 'resourcePoolOperationRecord',
   path: 'record',
@@ -87,6 +105,14 @@ export default function getRoutes() {
     existResourcePool = true;
   }
 
+  if (checkDbConsole('resourceManage.faultPool')) {
+    mainRoute[0].children.push(faultPoolRoute);
+  }
+
+  if (checkDbConsole('resourceManage.toRecyclePool')) {
+    mainRoute[0].children.push(toRecyclePoolRoute);
+  }
+
   if (checkDbConsole('resourceManage.dirtyHostManage')) {
     mainRoute[0].children.push(resourcePoolDirtyMachinesRoute);
   }
diff --git a/dbm-ui/frontend/src/views/tag-manage/Index.vue b/dbm-ui/frontend/src/views/tag-manage/Index.vue
index 1e88a85779..dfc89aee20 100644
--- a/dbm-ui/frontend/src/views/tag-manage/Index.vue
+++ b/dbm-ui/frontend/src/views/tag-manage/Index.vue
@@ -165,7 +165,7 @@
           const { href } = router.resolve({
             name: isBusiness ? 'BizResourcePool' : 'resourcePool',
             query: {
-              label: data.id
+              labels: data.id
             },
             params: {
               page: isBusiness ? 'business' : 'host-list'
diff --git a/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue b/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue
index a4acc621f9..f6e5ece1fe 100644
--- a/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue
+++ b/dbm-ui/frontend/src/views/tag-manage/components/CreateTag.vue
@@ -163,8 +163,8 @@
   .header-wrapper {
     display: flex;
     align-items: center;
-    color: #979ba5;
     font-size: 14px;
+    color: #979ba5;
 
     .title {
       font-size: 20px;