From b14fb6668893b6d1a0efc4f89f7650973ad93231 Mon Sep 17 00:00:00 2001
From: hailinxiao <hailinxiao@tencent.com>
Date: Wed, 25 Sep 2024 18:15:28 +0800
Subject: [PATCH] =?UTF-8?q?chore(frontend):=20=E5=AE=8C=E5=96=84=20model?=
 =?UTF-8?q?=20=E7=B1=BB=E5=9E=8B=E5=AE=9A=E4=B9=89=E3=80=81service=20?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84=E8=B0=83=E6=95=B4=20#7131=20#=20Reviewed,=20?=
 =?UTF-8?q?transaction=20id:=2019411?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/cluster-selector/Index.vue |  16 +-
 .../components/sqlserver-ha/Index.vue         |   6 +-
 .../components/sqlserver-single/Index.vue     |   6 +-
 .../components/instance-selector/Index.vue    |  18 +-
 .../manual-content-host/table/Index.vue       |   2 +-
 .../src/components/ip-selector/IpSelector.vue |  24 +-
 .../components/more-action-extend/Index.vue   |   6 +-
 .../generateCloneData/spider/addMnt.ts        |   8 +-
 .../generateCloneData/spider/authorizeRule.ts |   4 +-
 .../spider/capacityChange.ts                  |   8 +-
 .../spider/masterSlaveClone.ts                |   8 +-
 .../spider/privilegeCloneInst.ts              |   8 +-
 .../spider/proxyScaleDown.ts                  |  16 +-
 .../generateCloneData/spider/proxyScaleUp.ts  |   8 +-
 .../spider/proxySlaveApply.ts                 |   8 +-
 .../spider/slaveRebuildLocal.ts               |   8 +-
 .../spider/slaveRebuildNew.ts                 |   8 +-
 .../time-base-class.ts => _clusterBase.ts}    |   4 +-
 .../frontend/src/services/model/_dateTime.ts  |  19 ++
 .../model/admin-password/admin-password.ts    |   6 +-
 .../model/config/biz-conf-topo-tree.ts        |   4 +-
 .../services/model/db-resource/import-host.ts |  49 ----
 .../src/services/model/es/es-detail.ts        |  25 ++
 .../src/services/model/es/es-instance.ts      |  16 +-
 .../frontend/src/services/model/es/es-node.ts |  15 +-
 dbm-ui/frontend/src/services/model/es/es.ts   |  75 ++----
 .../src/services/model/hdfs/hdfs-detail.ts    |  27 +++
 .../src/services/model/hdfs/hdfs-instance.ts  |  30 +--
 .../frontend/src/services/model/hdfs/hdfs.ts  |  71 ++----
 .../model/influxdb/influxdbInstance.ts        |  25 +-
 .../src/services/model/kafka/kafka-detail.ts  |  25 ++
 .../services/model/kafka/kafka-instance.ts    |  27 +--
 .../src/services/model/kafka/kafka-node.ts    |  19 +-
 .../src/services/model/kafka/kafka.ts         |  86 ++-----
 .../model/mongodb/mongodb-instance.ts         |  91 +------
 .../mongodb-permission-account.ts             |  10 +-
 .../mysql-permission-account.ts               |  11 +-
 .../remote-pair-instance.ts                   |   0
 .../services/model/mysql/tendbha-detail.ts    |  25 ++
 .../services/model/mysql/tendbha-instance.ts  |  68 +-----
 .../src/services/model/mysql/tendbha.ts       |  56 ++---
 .../model/mysql/tendbsingle-detail.ts         |  25 ++
 .../src/services/model/mysql/tendbsingle.ts   |  53 ++---
 .../services/model/pulsar/pulsar-instance.ts  |  27 +--
 .../redis/redis-cluster-node-by-filter.ts     |  35 +--
 .../src/services/model/redis/redis-detail.ts  |  25 ++
 .../model/redis/redis-dst-job-task.ts         |   2 +
 .../src/services/model/redis/redis-host.ts    |   4 +-
 .../services/model/redis/redis-instance.ts    |  38 +--
 .../src/services/model/redis/redis.ts         | 136 +++--------
 .../src/services/model/riak/riak-detail.ts    |  25 ++
 .../src/services/model/riak/riak-instance.ts  |  61 +----
 .../frontend/src/services/model/riak/riak.ts  | 146 +++++-------
 .../src/services/model/spider/spider.ts       | 187 ---------------
 .../sqlserver/sqlserver-ha-cluster-detail.ts  | 129 ----------
 .../model/sqlserver/sqlserver-ha-detail.ts    |  25 ++
 .../model/sqlserver/sqlserver-ha-instance.ts  |  81 +------
 ...qlserver-ha-cluster.ts => sqlserver-ha.ts} |  66 +-----
 .../sqlserver-permission-account.ts           |   0
 .../sqlserver-single-cluster-detail.ts        | 127 ----------
 .../sqlserver/sqlserver-single-detail.ts      |  25 ++
 .../sqlserver/sqlserver-single-instance.ts    |  83 +------
 ...-single-cluster.ts => sqlserver-single.ts} |  54 +----
 .../model/tendbcluster/tendbcluster-detail.ts |  25 ++
 .../tendbcluster-instance.ts}                 |  63 +----
 .../tendbcluster-machine.ts}                  |   0
 .../tendbcluster.ts}                          |  72 ++----
 .../services/model/ticket/details/redis.ts    |   8 +-
 dbm-ui/frontend/src/services/source/cmdb.ts   |   3 +-
 .../frontend/src/services/source/dbdirty.ts   |   2 +-
 .../services/source/dbresourceDeployPlan.ts   |   2 +-
 .../src/services/source/dbresourceResource.ts |   7 +-
 .../src/services/source/dbresourceSpec.ts     |   3 +-
 dbm-ui/frontend/src/services/source/dumper.ts |   2 +-
 dbm-ui/frontend/src/services/source/es.ts     |  12 +-
 .../src/services/source/fixpointRollback.ts   |   2 +-
 dbm-ui/frontend/src/services/source/hdfs.ts   |   5 +-
 .../frontend/src/services/source/influxdb.ts  |   2 +-
 .../src/services/source/influxdbGroup.ts      |   3 +-
 .../frontend/src/services/source/ipchooser.ts |  11 +-
 dbm-ui/frontend/src/services/source/kafka.ts  |  10 +-
 .../frontend/src/services/source/mongodb.ts   |   2 +-
 .../source/mongodbPermissionAccount.ts        |   4 +-
 .../src/services/source/mongodbRestore.ts     |   2 +-
 .../frontend/src/services/source/monitor.ts   |   3 +-
 .../src/services/source/monitorNoticeGroup.ts |   2 +-
 .../src/services/source/mysqlCluster.ts       |   2 +-
 .../frontend/src/services/source/openarea.ts  |   2 +-
 .../frontend/src/services/source/package.ts   |   2 +-
 .../src/services/source/partitionManage.ts    |   2 +-
 .../src/services/source/permission.ts         |   4 +-
 dbm-ui/frontend/src/services/source/pulsar.ts |   2 +-
 dbm-ui/frontend/src/services/source/redis.ts  |   9 +-
 .../src/services/source/redisRollback.ts      |   2 +-
 .../src/services/source/redisToolbox.ts       |   3 +-
 dbm-ui/frontend/src/services/source/report.ts |   3 +-
 dbm-ui/frontend/src/services/source/riak.ts   |  10 +-
 dbm-ui/frontend/src/services/source/spider.ts | 222 ------------------
 .../src/services/source/sqlserveHaCluster.ts  |  14 +-
 .../source/sqlserverPermissionAccount.ts      |   4 +-
 .../services/source/sqlserverSingleCluster.ts |  26 +-
 .../frontend/src/services/source/taskflow.ts  |   2 +-
 .../src/services/source/tendbcluster.ts       | 156 ++++++++++++
 .../frontend/src/services/source/tendbha.ts   |   9 +-
 .../src/services/source/tendbsingle.ts        |  11 +-
 .../frontend/src/services/source/ticket.tsx   |   4 +-
 dbm-ui/frontend/src/services/source/user.ts   |   3 +-
 .../frontend/src/services/source/whitelist.ts |   2 +-
 .../services/types/db/clusterEntryDetail.ts   |  20 ++
 .../src/services/types/db/clusterListEntry.ts |   5 +
 .../src/services/types/db/clusterListNode.ts  |  34 +++
 .../services/types/db/clusterListOperation.ts |   8 +
 .../src/services/types/db/clusterListSpec.ts  |  29 +++
 .../frontend/src/services/types/db/index.ts   |   8 +
 .../types/db/instanceListOperation.ts         |   9 +
 .../types/db/instanceListSpecConfig.ts        |  20 ++
 .../types/db/instanceRelatedCluster.ts        |  17 ++
 .../types/{hostDetails.ts => hostInfo.ts}     |  11 +-
 dbm-ui/frontend/src/services/types/index.ts   |   5 +-
 .../types/{clusters.ts => instanceInfos.ts}   |   4 +-
 dbm-ui/frontend/src/services/types/ticket.ts  |  40 ++--
 dbm-ui/frontend/src/types/biz-components.d.ts |  15 +-
 .../add-permission-rule-dialog/Index.vue      |   2 +-
 .../big-data-host-table/HdfsHostTable.vue     |  44 ++--
 .../big-data-host-table/RenderHostTable.vue   |  36 +--
 .../es-host-table/index.vue                   |   6 +-
 .../hook/useLocalPagination.ts                |   6 +-
 .../cluster-authorize/ClusterAuthorize.vue    |   4 +-
 .../accout-rules-preview-table/Index.vue      |   4 +-
 .../accouter-rules-selector/Index.vue         |   4 +-
 .../components/AccountRulesTable.vue          |   4 +-
 .../common/cluster-details/ClusterTopo.vue    |   4 +-
 .../cluster-details/common/useRenderGraph.tsx |   4 +-
 .../common/cluster-export-data/Index.vue      |   7 +-
 .../cluster-export-data/component/Content.vue |   2 +-
 .../common/dropdown-export-excel/index.vue    |   6 +-
 .../common/es-host-expansion/Index.vue        |   8 +-
 .../components/HostSelector.vue               |   4 +-
 .../components/HostSelector.vue               |  10 +-
 .../db-manage/common/host-expansion/Index.vue |   8 +-
 .../components/HostSelector.vue               |  10 +-
 .../db-manage/elastic-search/apply/Index.vue  |  20 +-
 .../elastic-search/common/expansion/Index.vue |   6 +-
 .../elastic-search/common/replace/Index.vue   |   4 +-
 .../src/views/db-manage/hdfs/apply/Index.vue  |  18 +-
 .../detail/components/node-list/Index.vue     |   4 +-
 .../db-manage/influxdb/apply/common/base.ts   |   4 +-
 .../src/views/db-manage/kafka/apply/Index.vue |  14 +-
 .../db-manage/mongodb/permission/Index.vue    |  10 +-
 .../components/AccountInfoDialog.vue          |   2 +-
 .../db-manage/mysql/apply/ApplyMySQL.vue      |  10 +-
 .../apply/components/MySQLDomainTable.vue     |   6 +-
 .../mysql/apply/hooks/useMysqlData.ts         |   6 +-
 .../RenderData/RenderBackupLocal.vue          |   4 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../components/RenderData/RenderMaster.vue    |   2 +-
 .../components/target-cluster/Index.vue       |   8 +-
 .../target-cluster/components/ColumnHost.vue  |   8 +-
 .../components/template-detail/Index.vue      |   2 +-
 .../components/PrivRuleDetail.vue             |   2 +-
 .../mysql/openarea/template-create/Index.vue  |   2 +-
 .../permission-rule/components/CreateRule.vue |   2 +-
 .../db-manage/mysql/permission-rule/index.vue |   2 +-
 .../pages/page1/Index.vue                     |   6 +-
 .../components/RenderData/RenderTarget.vue    |   2 +-
 .../pages/page1/components/BatchEntry.vue     |   2 +-
 .../common/RenderHostInputSelect.vue          |  12 +-
 .../components/RenderData/RenderNewSlave.vue  |  10 +-
 .../db-manage/pulsar/apply/common/base.ts     |   8 +-
 .../views/db-manage/pulsar/apply/index.vue    |  12 +-
 .../pulsar/common/expansion/Index.vue         |   6 +-
 .../db-manage/redis/apply/ApplyRedis.vue      |  24 +-
 .../components/RenderManualInput.vue          |   2 +-
 .../src/views/db-manage/riak/apply/Index.vue  |  10 +-
 .../list/components/components/AddNodes.vue   |  10 +-
 .../db-manage/sqlserver/apply/SqlServer.vue   |  12 +-
 .../sqlserver/common/RenderCluster.vue        |  12 +-
 .../components/cluster-reset/Index.vue        |   6 +-
 .../data-migrate/pages/page1/Index.vue        |   6 +-
 .../render-data/RenderDstCluster.vue          |  21 +-
 .../render-data/RenderSrcCluster.vue          |  12 +-
 .../sqlserver/db-backup/pages/page1/Index.vue |  10 +-
 .../components/RenderData/RenderCluster.vue   |  12 +-
 .../sqlserver/db-clear/pages/page1/Index.vue  |   6 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../sqlserver/db-rename/pages/page1/Index.vue |  10 +-
 .../ha-cluster-list/components/List.vue       |  64 ++---
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../db-manage/sqlserver/permission/Index.vue  |   2 +-
 .../pages/page1/components/local/Index.vue    |  10 +-
 .../page1/components/other-cluster/Index.vue  |  10 +-
 .../other-cluster/components/DstCluster.vue   |  20 +-
 .../other-cluster/components/SrcCluster.vue   |  12 +-
 .../single-cluster/components/List.vue        |  58 ++---
 .../sqlserver/slave-add/pages/page1/Index.vue |   6 +-
 .../components/RenderData/RenderNewSlave.vue  |   8 +-
 .../add-mnt/pages/page1/Index.vue             |   2 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../components/RenderData/RenderHost.vue      |   8 +-
 .../capacity-change/pages/page1/Index.vue     |   6 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../checksum/pages/page1/Index.vue            |   6 +-
 .../db-backup/pages/page1/Index.vue           |   6 +-
 .../RenderData/RenderBackupLocal.vue          |   4 +-
 .../db-clear/pages/page1/Index.vue            |   6 +-
 .../db-rename/pages/page1/Index.vue           |  10 +-
 .../db-table-backup/pages/page1/Index.vue     |   6 +-
 .../RenderData/RenderBackupLocal.vue          |   4 +-
 .../flashback/pages/page1/Index.vue           |   6 +-
 .../list-instance/components/detail/Index.vue |   8 +-
 .../components/detail/components/BaseInfo.vue |  17 +-
 .../list-instance/components/list/Index.vue   |   6 +-
 .../list/components/detail/Index.vue          |   6 +-
 .../components/detail/components/BaseInfo.vue |   2 +-
 .../list/components/list/Index.vue            |  26 +-
 .../list/components/CapacityChange.vue        |   2 +-
 .../components/list/components/ScaleUp.vue    |   2 +-
 .../components/list/components/Shrink.vue     |   2 +-
 .../components/list/components/SpecInfo.vue   |   2 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../components/RenderData/RenderMaster.vue    |   2 +-
 .../master-slave-clone/pages/page1/Index.vue  |   4 +-
 .../page1/components/RenderNewInstace.vue     |  11 +-
 .../components/RenderRelatedInstance.vue      |   4 +-
 .../page1/components/RenderSlaveHost.vue      |   2 +-
 .../components/RenderData/RenderCluster.vue   |   2 +-
 .../components/RenderData/RenderMaster.vue    |   2 +-
 .../components/target-cluster/Index.vue       |  16 +-
 .../target-cluster/components/BatchInput.vue  |   6 +-
 .../components/ColumnCluster.vue              |   8 +-
 .../target-cluster/components/ColumnHost.vue  |  10 +-
 .../target-cluster/components/Row.vue         |   6 +-
 .../components/template-detail/Index.vue      |   2 +-
 .../components/PrivRuleDetail.vue             |   2 +-
 .../openarea-template-create/Index.vue        |   8 +-
 .../components/PermissionRule.vue             |   2 +-
 .../partition-manage/components/Operation.vue |   4 +-
 .../tendb-cluster/permission/Index.vue        |   2 +-
 .../components/AccountInfoDialog.vue          |   2 +-
 .../permission/components/CreateRule.vue      |   2 +-
 .../pages/page1/Index.vue                     |   6 +-
 .../pages/page1/components/BatchEntry.vue     |   2 +-
 .../components/RenderData/RenderTarget.vue    |   2 +-
 .../pages/page1/components/RenderData/Row.vue |   2 +-
 .../proxy-scale-down/pages/page1/Index.vue    |  16 +-
 .../pages/page1/components/Row.vue            |  18 +-
 .../proxy-scale-up/pages/page1/Index.vue      |  14 +-
 .../pages/page1/components/RenderHostType.vue |   8 +-
 .../pages/page1/components/Row.vue            |   6 +-
 .../proxy-slave-apply/pages/page1/Index.vue   |  14 +-
 .../cluster-selector-table/Index.vue          |  10 +-
 .../common/RenderClusterInputSelect.vue       |   6 +-
 .../page1/components/render-data/Index.vue    |   4 +-
 .../pages/page1/components/new-host/Index.vue |   4 +-
 .../render-data/RenderNewSlaveHost.vue        |   8 +-
 .../render-data/RenderOldSlaveHost.vue        |   4 +-
 .../new-host/components/render-data/Row.vue   |   4 +-
 .../pool/components/import-host/Index.vue     |   5 +-
 .../import-host/components/FormPanel.vue      |  10 +-
 .../components/select-host-panel/Index.vue    |  14 +-
 .../record/components/HostDetail.vue          |   6 +-
 .../task-history/components/PreviewHost.vue   |  20 +-
 .../components/form-item/InstanceList.vue     |  10 +-
 .../openarea/components/PermissionRule.vue    |   2 +-
 .../demand-factory/spider/AddNodes.vue        |   4 +-
 .../demand-factory/spider/CheckSum.vue        |   4 +-
 .../demand-factory/spider/Destroy.vue         |   4 +-
 .../demand-factory/spider/Disable.vue         |   4 +-
 .../demand-factory/spider/Enable.vue          |   4 +-
 .../demand-factory/spider/Flashback.vue       |   4 +-
 .../demand-factory/spider/FullBackup.vue      |   4 +-
 .../demand-factory/spider/MNTApply.vue        |   4 +-
 .../demand-factory/spider/MNTDestroy.vue      |   4 +-
 .../demand-factory/spider/NodeRebalance.vue   |   4 +-
 .../demand-factory/spider/ReduceNodes.vue     |   4 +-
 .../demand-factory/spider/RenameDatabase.vue  |   4 +-
 .../demand-factory/spider/SlaveApply.vue      |   4 +-
 .../demand-factory/spider/SlaveDestroy.vue    |   4 +-
 .../demand-factory/spider/TableBackup.vue     |   4 +-
 .../spider/TruncateDatabase.vue               |   4 +-
 .../components/RollbackExistCluster.vue       |   8 +-
 .../common/hooks/useTargetClusterData.ts      |  10 +-
 284 files changed, 1800 insertions(+), 2701 deletions(-)
 rename dbm-ui/frontend/src/services/model/{utils/time-base-class.ts => _clusterBase.ts} (80%)
 create mode 100644 dbm-ui/frontend/src/services/model/_dateTime.ts
 delete mode 100644 dbm-ui/frontend/src/services/model/db-resource/import-host.ts
 create mode 100644 dbm-ui/frontend/src/services/model/es/es-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/hdfs/hdfs-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/kafka/kafka-detail.ts
 rename dbm-ui/frontend/src/services/model/{mongodb-permission => mongodb}/mongodb-permission-account.ts (84%)
 rename dbm-ui/frontend/src/services/model/{mysql-permisson => mysql}/mysql-permission-account.ts (84%)
 rename dbm-ui/frontend/src/services/model/{mysql-cluster => mysql}/remote-pair-instance.ts (100%)
 create mode 100644 dbm-ui/frontend/src/services/model/mysql/tendbha-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/mysql/tendbsingle-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/redis/redis-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/riak/riak-detail.ts
 delete mode 100644 dbm-ui/frontend/src/services/model/spider/spider.ts
 delete mode 100644 dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-detail.ts
 rename dbm-ui/frontend/src/services/model/sqlserver/{sqlserver-ha-cluster.ts => sqlserver-ha.ts} (84%)
 rename dbm-ui/frontend/src/services/model/{sqlserver-permission => sqlserver}/sqlserver-permission-account.ts (100%)
 delete mode 100644 dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster-detail.ts
 create mode 100644 dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-detail.ts
 rename dbm-ui/frontend/src/services/model/sqlserver/{sqlserver-single-cluster.ts => sqlserver-single.ts} (87%)
 create mode 100644 dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-detail.ts
 rename dbm-ui/frontend/src/services/model/{spider/tendbInstance.ts => tendbcluster/tendbcluster-instance.ts} (63%)
 rename dbm-ui/frontend/src/services/model/{spider/spiderMachine.ts => tendbcluster/tendbcluster-machine.ts} (100%)
 rename dbm-ui/frontend/src/services/model/{spider/tendbCluster.ts => tendbcluster/tendbcluster.ts} (87%)
 delete mode 100644 dbm-ui/frontend/src/services/source/spider.ts
 create mode 100644 dbm-ui/frontend/src/services/source/tendbcluster.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/clusterEntryDetail.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/clusterListEntry.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/clusterListNode.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/clusterListOperation.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/clusterListSpec.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/index.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/instanceListOperation.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/instanceListSpecConfig.ts
 create mode 100644 dbm-ui/frontend/src/services/types/db/instanceRelatedCluster.ts
 rename dbm-ui/frontend/src/services/types/{hostDetails.ts => hostInfo.ts} (90%)
 rename dbm-ui/frontend/src/services/types/{clusters.ts => instanceInfos.ts} (96%)

diff --git a/dbm-ui/frontend/src/components/cluster-selector/Index.vue b/dbm-ui/frontend/src/components/cluster-selector/Index.vue
index b4b1491a24..f81c20213d 100644
--- a/dbm-ui/frontend/src/components/cluster-selector/Index.vue
+++ b/dbm-ui/frontend/src/components/cluster-selector/Index.vue
@@ -123,11 +123,11 @@
     T extends
       | RedisModel
       | TendbhaModel
-      | SpiderModel
+      | TendbclusterModel
       | TendbsingleModel
       | MongodbModel
-      | SqlServerHaClusterModel
-      | SqlServerSingleClusterModel
+      | SqlServerHaModel
+      | SqlServerSingleModel
   ">
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
@@ -136,14 +136,14 @@
   import TendbhaModel from '@services/model/mysql/tendbha';
   import TendbsingleModel from '@services/model/mysql/tendbsingle';
   import RedisModel from '@services/model/redis/redis';
-  import SpiderModel from '@services/model/spider/tendbCluster';
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
+  import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
   import { getMongoList } from '@services/source/mongodb';
   import { getRedisList } from '@services/source/redis';
-  import { getSpiderList } from '@services/source/spider';
   import { getHaClusterList } from '@services/source/sqlserveHaCluster';
   import { getSingleClusterList } from '@services/source/sqlserverSingleCluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
   import { getTendbhaList, getTendbhaSalveList } from '@services/source/tendbha';
   import { getTendbsingleList } from '@services/source/tendbsingle';
   import type { ListBase } from '@services/types';
@@ -229,7 +229,7 @@
         },
       ],
       multiple: true,
-      getResourceList: getSpiderList,
+      getResourceList: getTendbClusterList,
       tableContent: SpiderTable,
       resultContent: ResultPreview,
     },
diff --git a/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-ha/Index.vue b/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-ha/Index.vue
index 56bf9110b7..fb1517b695 100644
--- a/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-ha/Index.vue
+++ b/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-ha/Index.vue
@@ -44,8 +44,8 @@
   import { shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
 
   import { useLinkQueryColumnSerach } from '@hooks';
 
@@ -63,7 +63,7 @@
 
   interface Props {
     activeTab: ClusterTypes,
-    selected: Record<string, (SqlServerSingleClusterModel | SqlServerHaClusterModel)[]>,
+    selected: Record<string, (SqlServerSingleModel | SqlServerHaModel)[]>,
     getResourceList: NonNullable<TabItem['getResourceList']>,
     disabledRowConfig: NonNullable<TabItem['disabledRowConfig']>,
     columnStatusFilter?: TabItem['columnStatusFilter'],
diff --git a/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-single/Index.vue b/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-single/Index.vue
index 75f0f41f62..ddaf0be209 100644
--- a/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-single/Index.vue
+++ b/dbm-ui/frontend/src/components/cluster-selector/components/sqlserver-single/Index.vue
@@ -44,8 +44,8 @@
   import { shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
 
   import { useLinkQueryColumnSerach } from '@hooks';
 
@@ -63,7 +63,7 @@
 
   interface Props {
     activeTab: ClusterTypes,
-    selected: Record<string, (SqlServerSingleClusterModel | SqlServerHaClusterModel)[]>,
+    selected: Record<string, (SqlServerSingleModel | SqlServerHaModel)[]>,
     getResourceList: NonNullable<TabItem['getResourceList']>,
     disabledRowConfig: NonNullable<TabItem['disabledRowConfig']>,
     columnStatusFilter?: TabItem['columnStatusFilter'],
diff --git a/dbm-ui/frontend/src/components/instance-selector/Index.vue b/dbm-ui/frontend/src/components/instance-selector/Index.vue
index 4add7352cc..35229067e3 100644
--- a/dbm-ui/frontend/src/components/instance-selector/Index.vue
+++ b/dbm-ui/frontend/src/components/instance-selector/Index.vue
@@ -95,7 +95,7 @@
 <script lang="ts">
   import type { InjectionKey, Ref } from 'vue';
 
-  import SpiderMachineModel from '@services/model/spider/spiderMachine';
+  import TendbclusterMachineModel from '@services/model/tendbcluster/tendbcluster-machine';
   import type { ListBase } from '@services/types';
 
   import { t } from '@locales/index';
@@ -121,7 +121,7 @@
       instance: string;
       status: string;
     }[];
-    spec_config?: SpiderMachineModel['spec_config'];
+    spec_config?: TendbclusterMachineModel['spec_config'];
     role: string;
   }
 
@@ -192,7 +192,6 @@
     queryClusters as queryMysqlCluster,
   } from '@services/source/mysqlCluster';
   import { getRedisClusterList, getRedisMachineList } from '@services/source/redis';
-  import { getSpiderInstanceList, getSpiderMachineList } from '@services/source/spider';
   import {
     getHaClusterWholeList as getSqlServerHaCluster,
     getSqlServerInstanceList,
@@ -201,6 +200,7 @@
     getSingleClusterList,
     getSqlServerInstanceList as getSqlServerSingleInstanceList,
   } from '@services/source/sqlserverSingleCluster';
+  import { getTendbclusterInstanceList, getTendbclusterMachineList } from '@services/source/tendbcluster';
   import { getTendbhaInstanceList } from '@services/source/tendbha';
   import { getTendbsingleInstanceList } from '@services/source/tendbsingle';
 
@@ -366,7 +366,7 @@
           getTopoList: getMysqlClusterList,
         },
         tableConfig: {
-          getTableList: getSpiderInstanceList,
+          getTableList: getTendbclusterInstanceList,
           firsrColumn: {
             label: 'remote_master',
             field: 'instance_address',
@@ -379,7 +379,7 @@
         id: 'manualInput',
         name: t('手动输入'),
         tableConfig: {
-          getTableList: getSpiderInstanceList,
+          getTableList: getTendbclusterInstanceList,
           firsrColumn: {
             label: 'remote_master',
             field: 'instance_address',
@@ -493,7 +493,7 @@
         id: 'manualInput',
         name: t('手动输入'),
         tableConfig: {
-          getTableList: getSpiderInstanceList,
+          getTableList: getTendbclusterInstanceList,
           firsrColumn: {
             label: 'IP',
             field: 'ip',
@@ -523,7 +523,7 @@
           },
         },
         tableConfig: {
-          getTableList: getSpiderMachineList,
+          getTableList: getTendbclusterMachineList,
           firsrColumn: {
             label: t('主库主机'),
             field: 'ip',
@@ -540,7 +540,7 @@
         id: 'manualInput',
         name: t('手动输入'),
         tableConfig: {
-          getTableList: getSpiderMachineList,
+          getTableList: getTendbclusterMachineList,
           firsrColumn: {
             label: 'remote_master',
             field: 'ip',
@@ -549,7 +549,7 @@
           columnsChecked: ['ip', 'related_instances', 'cloud_area', 'alive', 'host_name', 'os_name'],
         },
         manualConfig: {
-          checkInstances: getSpiderMachineList,
+          checkInstances: getTendbclusterMachineList,
           checkType: 'ip',
           checkKey: 'ip',
           activePanelId: 'TendbClusterHost',
diff --git a/dbm-ui/frontend/src/components/instance-selector/components/common/manual-content-host/table/Index.vue b/dbm-ui/frontend/src/components/instance-selector/components/common/manual-content-host/table/Index.vue
index f18be4fdee..38df372de8 100644
--- a/dbm-ui/frontend/src/components/instance-selector/components/common/manual-content-host/table/Index.vue
+++ b/dbm-ui/frontend/src/components/instance-selector/components/common/manual-content-host/table/Index.vue
@@ -39,7 +39,7 @@
   import type { Ref } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import T from '@services/model/spider/spiderMachine';
+  import T from '@services/model/tendbcluster/tendbcluster-machine';
 
   import DbStatus from '@components/db-status/index.vue';
 
diff --git a/dbm-ui/frontend/src/components/ip-selector/IpSelector.vue b/dbm-ui/frontend/src/components/ip-selector/IpSelector.vue
index 85d9244fc3..6baa898264 100644
--- a/dbm-ui/frontend/src/components/ip-selector/IpSelector.vue
+++ b/dbm-ui/frontend/src/components/ip-selector/IpSelector.vue
@@ -116,7 +116,7 @@
 
   import { checkHost, getHostDetails, getHosts, getHostTopo } from '@services/source/ipchooser';
   import { getWhitelist } from '@services/source/whitelist';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useCopy, useFormItem } from '@hooks';
 
@@ -132,7 +132,7 @@
   /** IP 选择器返回结果 */
   export type IPSelectorResult = {
     dynamic_group_list: any[];
-    host_list: Array<HostDetails>;
+    host_list: Array<HostInfo>;
     node_list: any[];
     dbm_whitelist: any[];
   };
@@ -144,7 +144,7 @@
     buttonText?: string;
     searchPlaceholder?: string;
     tableProps?: TablePropTypes;
-    data?: HostDetails[];
+    data?: HostInfo[];
     title?: string;
     showView?: boolean;
     required?: boolean;
@@ -402,12 +402,12 @@
       {
         label: t('管控区域'),
         field: 'cloud_area',
-        render: ({data}: {data: HostDetails}) => data.cloud_area || '--',
+        render: ({data}: {data: HostInfo}) => data.cloud_area || '--',
       },
       {
         label: t('Agent状态'),
         field: 'alive',
-        render: ({data}: {data: HostDetails}) => {
+        render: ({data}: {data: HostInfo}) => {
           const info = data.alive === 1 ? { theme: 'success', text: t('正常') } : { theme: 'danger', text: t('异常') };
           return <DbStatus theme={info.theme}>{info.text}</DbStatus>;
         },
@@ -415,37 +415,37 @@
       {
         label: t('主机名称'),
         field: 'host_name',
-        render: ({data}: {data: HostDetails}) => data.host_name || '--',
+        render: ({data}: {data: HostInfo}) => data.host_name || '--',
       },
       {
         label: t('OS名称'),
         field: 'os_name',
-        render: ({data}: {data: HostDetails}) => data.os_name || '--',
+        render: ({data}: {data: HostInfo}) => data.os_name || '--',
       },
       {
         label: t('所属云厂商'),
         field: 'cloud_vendor',
-        render: ({data}: {data: HostDetails}) => data.cloud_vendor || '--',
+        render: ({data}: {data: HostInfo}) => data.cloud_vendor || '--',
       },
       {
         label: t('OS类型'),
         field: 'os_type',
-        render: ({data}: {data: HostDetails}) => data.os_type || '--',
+        render: ({data}: {data: HostInfo}) => data.os_type || '--',
       },
       {
         label: t('主机ID'),
         field: 'host_id',
-        render: ({data}: {data: HostDetails}) => data.host_id || '--',
+        render: ({data}: {data: HostInfo}) => data.host_id || '--',
       },
       {
         label: 'Agent ID',
         field: 'agent_id',
-        render: ({data}: {data: HostDetails}) => data.agent_id || '--',
+        render: ({data}: {data: HostInfo}) => data.agent_id || '--',
       },
       {
         label: 'IPv6',
         field: 'ipv6',
-        render: ({data}: {data: HostDetails}) => data.ipv6 || '--',
+        render: ({data}: {data: HostInfo}) => data.ipv6 || '--',
       },
       {
         label: t('操作'),
diff --git a/dbm-ui/frontend/src/components/more-action-extend/Index.vue b/dbm-ui/frontend/src/components/more-action-extend/Index.vue
index 81869e05d3..9ee125a5b4 100644
--- a/dbm-ui/frontend/src/components/more-action-extend/Index.vue
+++ b/dbm-ui/frontend/src/components/more-action-extend/Index.vue
@@ -40,12 +40,12 @@
   };
 </script>
 
-<style lang="less" scoped>
+<style lang="less">
   .operation-more-main {
-    color: #3a84ff;
     display: flex;
-    align-items: center;
+    color: #3a84ff;
     cursor: pointer;
+    align-items: center;
 
     .more-icon {
       transform: rotate(0deg);
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/addMnt.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/addMnt.ts
index ca7d7771b0..ec580196a3 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/addMnt.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/addMnt.ts
@@ -11,20 +11,20 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SpiderModel from '@services/model/spider/spider';
+import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
 import type { SpiderMNTApplyDetails } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderList } from '@services/source/spider';
+import { getTendbClusterList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // Spider 临时节点添加
 export async function generateSpiderAddMntDataCloneData(ticketData: TicketModel<SpiderMNTApplyDetails>) {
   const { infos } = ticketData.details;
-  const clusterListResult = await getSpiderList({
+  const clusterListResult = await getTendbClusterList({
     cluster_ids: infos.map((item) => item.cluster_id),
   });
-  const clusterListMap = clusterListResult.results.reduce<Record<number, SpiderModel>>((obj, item) => {
+  const clusterListMap = clusterListResult.results.reduce<Record<number, TendbclusterModel>>((obj, item) => {
     Object.assign(obj, {
       [item.id]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/authorizeRule.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/authorizeRule.ts
index 5d895dfbf4..1fb4dd9a7d 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/authorizeRule.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/authorizeRule.ts
@@ -13,7 +13,7 @@
 import type { MysqlAuthorizationDetails } from '@services/model/ticket/details/mysql';
 import TicketModel from '@services/model/ticket/ticket';
 import { checkHost } from '@services/source/ipchooser';
-import { getSpiderList } from '@services/source/spider';
+import { getTendbClusterList } from '@services/source/tendbcluster';
 
 import { ClusterTypes } from '@common/const';
 
@@ -34,7 +34,7 @@ export async function generateSpiderAuthorizeRuleCloneData(ticketData: TicketMod
     sourceIpList.push(...checkIpInfo);
   }
 
-  const clustersResult = await getSpiderList({
+  const clustersResult = await getTendbClusterList({
     cluster_ids: authorizeData.cluster_ids,
     limit: -1,
     offset: 0,
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/capacityChange.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/capacityChange.ts
index e69e469cd5..07f926b35c 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/capacityChange.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/capacityChange.ts
@@ -11,10 +11,10 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SpiderModel from '@services/model/spider/spider';
+import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
 import type { SpiderNodeRebalanceDetails } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderList } from '@services/source/spider';
+import { getTendbClusterList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
@@ -27,10 +27,10 @@ export async function generateSpiderCapacityChangeCloneData(ticketData: TicketMo
     trigger_checksum_time: triggerChecksumTime,
     backup_source: backupSource,
   } = ticketData.details;
-  const clusterListResult = await getSpiderList({
+  const clusterListResult = await getTendbClusterList({
     cluster_ids: infos.map((item) => item.cluster_id),
   });
-  const clusterListMap = clusterListResult.results.reduce<Record<number, SpiderModel>>((obj, item) => {
+  const clusterListMap = clusterListResult.results.reduce<Record<number, TendbclusterModel>>((obj, item) => {
     Object.assign(obj, {
       [item.id]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/masterSlaveClone.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/masterSlaveClone.ts
index b4705f0bc5..b4d8f366a1 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/masterSlaveClone.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/masterSlaveClone.ts
@@ -11,21 +11,21 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SpiderMachineModel from '@services/model/spider/spiderMachine';
+import TendbclusterMachineModel from '@services/model/tendbcluster/tendbcluster-machine';
 import type { SpiderMigrateCluster } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderMachineList } from '@services/source/spider';
+import { getTendbclusterMachineList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // spider 迁移主从
 export async function generateSpiderMasterSlaveCloneCloneData(ticketData: TicketModel<SpiderMigrateCluster>) {
   const { infos, backup_source: backupSource } = ticketData.details;
-  const masterMachineResult = await getSpiderMachineList({
+  const masterMachineResult = await getTendbclusterMachineList({
     ip: infos.map((item) => item.old_master.ip).join(','),
     instance_role: 'remote_master',
   });
-  const masterMachineMap = masterMachineResult.results.reduce<Record<string, SpiderMachineModel>>((obj, item) => {
+  const masterMachineMap = masterMachineResult.results.reduce<Record<string, TendbclusterMachineModel>>((obj, item) => {
     Object.assign(obj, {
       [item.ip]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/privilegeCloneInst.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/privilegeCloneInst.ts
index e7c5b409b8..f7b912dabd 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/privilegeCloneInst.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/privilegeCloneInst.ts
@@ -11,21 +11,21 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import TendbInstanceModel from '@services/model/spider/tendbInstance';
+import TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
 import type { MySQLInstanceCloneDetails } from '@services/model/ticket/details/mysql';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderInstanceList } from '@services/source/spider';
+import { getTendbclusterInstanceList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // Spider 权限克隆
 export async function generateSpiderPrivilegeCloneInstCloneData(ticketData: TicketModel<MySQLInstanceCloneDetails>) {
   const { clone_data: cloneData } = ticketData.details;
-  const instanceListResult = await getSpiderInstanceList({
+  const instanceListResult = await getTendbclusterInstanceList({
     // instance_address: cloneData.reduce<string[]>((prev, item) => [...prev, item.source], []).join(','),
     instance_address: cloneData.map((cloneDataItem) => cloneDataItem.source),
   });
-  const instanceListMap = instanceListResult.results.reduce<Record<string, TendbInstanceModel>>((obj, item) => {
+  const instanceListMap = instanceListResult.results.reduce<Record<string, TendbclusterInstanceModel>>((obj, item) => {
     Object.assign(obj, {
       [item.instance_address]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleDown.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleDown.ts
index 48e4bff4d3..a3240efc02 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleDown.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleDown.ts
@@ -13,11 +13,11 @@
 
 import _ from 'lodash';
 
-import SpiderModel from '@services/model/spider/spider';
-import TendbInstanceModel from '@services/model/spider/tendbInstance';
+import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
+import TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
 import type { SpiderReduceNodesDetails } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderInstanceList, getSpiderList } from '@services/source/spider';
+import { getTendbclusterInstanceList, getTendbClusterList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
@@ -25,27 +25,27 @@ import { random } from '@utils';
 export async function generateSpiderProxyScaleDownCloneData(ticketData: TicketModel<SpiderReduceNodesDetails>) {
   const { infos, is_safe: isSafe } = ticketData.details;
   const [clusterListResult, instanceListResult] = await Promise.all([
-    getSpiderList({
+    getTendbClusterList({
       cluster_ids: infos.map((item) => item.cluster_id),
     }),
-    getSpiderInstanceList({
+    getTendbclusterInstanceList({
       ip: _.flatten(infos.map((infoItem) => infoItem.spider_reduced_hosts?.map((hostItem) => hostItem.ip))).join(','),
     }),
   ]);
-  const clusterListMap = clusterListResult.results.reduce<Record<number, SpiderModel>>((obj, item) => {
+  const clusterListMap = clusterListResult.results.reduce<Record<number, TendbclusterModel>>((obj, item) => {
     Object.assign(obj, {
       [item.id]: item,
     });
     return obj;
   }, {});
-  const instanceListMap = instanceListResult.results.reduce<Record<string, TendbInstanceModel>>((obj, item) => {
+  const instanceListMap = instanceListResult.results.reduce<Record<string, TendbclusterInstanceModel>>((obj, item) => {
     Object.assign(obj, {
       [item.ip]: item,
     });
     return obj;
   }, {});
 
-  const formatValue = (data: TendbInstanceModel) => ({
+  const formatValue = (data: TendbclusterInstanceModel) => ({
     bk_host_id: data.bk_host_id,
     instance_address: data.instance_address || '',
     cluster_id: data.cluster_id,
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleUp.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleUp.ts
index a26c434cf1..deba3d271e 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleUp.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxyScaleUp.ts
@@ -11,20 +11,20 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SpiderModel from '@services/model/spider/spider';
+import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
 import type { SpiderAddNodesDeatils } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderList } from '@services/source/spider';
+import { getTendbClusterList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // spider扩容接入层
 export async function generateSpiderProxyScaleUpCloneData(ticketData: TicketModel<SpiderAddNodesDeatils>) {
   const { infos } = ticketData.details;
-  const clusterListResult = await getSpiderList({
+  const clusterListResult = await getTendbClusterList({
     cluster_ids: infos.map((item) => item.cluster_id),
   });
-  const clusterListMap = clusterListResult.results.reduce<Record<number, SpiderModel>>((obj, item) => {
+  const clusterListMap = clusterListResult.results.reduce<Record<number, TendbclusterModel>>((obj, item) => {
     Object.assign(obj, {
       [item.id]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxySlaveApply.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxySlaveApply.ts
index 30734d4927..f4295a3cc7 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxySlaveApply.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/proxySlaveApply.ts
@@ -11,20 +11,20 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SpiderModel from '@services/model/spider/spider';
+import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
 import type { SpiderSlaveApplyDetails } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderList } from '@services/source/spider';
+import { getTendbClusterList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // Spider slave集群添加
 export async function generateSpiderProxySlaveApplyCloneData(ticketData: TicketModel<SpiderSlaveApplyDetails>) {
   const { infos } = ticketData.details;
-  const clusterListResult = await getSpiderList({
+  const clusterListResult = await getTendbClusterList({
     cluster_ids: infos.map((item) => item.cluster_id),
   });
-  const clusterListMap = clusterListResult.results.reduce<Record<number, SpiderModel>>((obj, item) => {
+  const clusterListMap = clusterListResult.results.reduce<Record<number, TendbclusterModel>>((obj, item) => {
     Object.assign(obj, {
       [item.id]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildLocal.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildLocal.ts
index 3d68a8344d..7614cd2d93 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildLocal.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildLocal.ts
@@ -11,21 +11,21 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import TendbInstanceModel from '@services/model/spider/tendbInstance';
+import TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
 import type { SpiderSlaveRebuid } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderInstanceList } from '@services/source/spider';
+import { getTendbclusterInstanceList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // spider 重建从库-本地重建
 export async function generateSpiderSlaveRebuildLocalCloneData(ticketData: TicketModel<SpiderSlaveRebuid>) {
   const { infos, backup_source } = ticketData.details;
-  const instanceListResult = await getSpiderInstanceList({
+  const instanceListResult = await getTendbclusterInstanceList({
     instance: infos.map((item) => item.slave.ip),
     role: 'remote_slave',
   });
-  const instanceMap = instanceListResult.results.reduce<Record<string, TendbInstanceModel>>((obj, item) => {
+  const instanceMap = instanceListResult.results.reduce<Record<string, TendbclusterInstanceModel>>((obj, item) => {
     Object.assign(obj, {
       [item.ip]: item,
     });
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildNew.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildNew.ts
index 78cd273184..8d4f1652d2 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildNew.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/slaveRebuildNew.ts
@@ -11,21 +11,21 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SpiderMachineModel from '@services/model/spider/spiderMachine';
+import TendbclusterMachineModel from '@services/model/tendbcluster/tendbcluster-machine';
 import type { SpiderSlaveRebuid } from '@services/model/ticket/details/spider';
 import TicketModel from '@services/model/ticket/ticket';
-import { getSpiderMachineList } from '@services/source/spider';
+import { getTendbclusterMachineList } from '@services/source/tendbcluster';
 
 import { random } from '@utils';
 
 // spider 重建从库-新机重建
 export async function generateSpiderSlaveRebuildNewCloneData(ticketData: TicketModel<SpiderSlaveRebuid>) {
   const { infos, backup_source } = ticketData.details;
-  const slaveMachineResult = await getSpiderMachineList({
+  const slaveMachineResult = await getTendbclusterMachineList({
     ip: infos.map((item) => item.old_slave.ip).join(','),
     instance_role: 'remote_slave',
   });
-  const slaveMachineMap = slaveMachineResult.results.reduce<Record<string, SpiderMachineModel>>((obj, item) => {
+  const slaveMachineMap = slaveMachineResult.results.reduce<Record<string, TendbclusterMachineModel>>((obj, item) => {
     Object.assign(obj, {
       [item.ip]: item,
     });
diff --git a/dbm-ui/frontend/src/services/model/utils/time-base-class.ts b/dbm-ui/frontend/src/services/model/_clusterBase.ts
similarity index 80%
rename from dbm-ui/frontend/src/services/model/utils/time-base-class.ts
rename to dbm-ui/frontend/src/services/model/_clusterBase.ts
index 5212a3f188..7720d49b1b 100644
--- a/dbm-ui/frontend/src/services/model/utils/time-base-class.ts
+++ b/dbm-ui/frontend/src/services/model/_clusterBase.ts
@@ -2,10 +2,10 @@ import dayjs from 'dayjs';
 
 import { utcDisplayTime } from '@utils';
 
-export default class timeBaseClass {
+export default class ClusterBase {
   create_at: string;
 
-  constructor(payload: timeBaseClass) {
+  constructor(payload: ClusterBase) {
     this.create_at = payload.create_at;
   }
 
diff --git a/dbm-ui/frontend/src/services/model/_dateTime.ts b/dbm-ui/frontend/src/services/model/_dateTime.ts
new file mode 100644
index 0000000000..33610e7a49
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/_dateTime.ts
@@ -0,0 +1,19 @@
+import dayjs from 'dayjs';
+
+import { utcDisplayTime } from '@utils';
+
+export default class DateTime {
+  create_at: string;
+
+  constructor(payload: DateTime) {
+    this.create_at = payload.create_at;
+  }
+
+  get isNew(): boolean {
+    return dayjs().isBefore(dayjs(this.create_at).add(24, 'hour'));
+  }
+
+  get createAtDisplay() {
+    return utcDisplayTime(this.create_at);
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/admin-password/admin-password.ts b/dbm-ui/frontend/src/services/model/admin-password/admin-password.ts
index 25b114c34d..ef1a530dd3 100644
--- a/dbm-ui/frontend/src/services/model/admin-password/admin-password.ts
+++ b/dbm-ui/frontend/src/services/model/admin-password/admin-password.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import dayjs from 'dayjs';
+import { utcDisplayTime } from '@utils';
 
 export default class AdminPassword {
   bk_biz_id: number;
@@ -45,10 +45,10 @@ export default class AdminPassword {
   }
 
   get lockUntilDisplay() {
-    return dayjs(this.lock_until).format('YYYY-MM-DD HH:mm:ss');
+    return utcDisplayTime(this.lock_until);
   }
 
   get updateTimeDisplay() {
-    return dayjs(this.update_time).format('YYYY-MM-DD HH:mm:ss');
+    return utcDisplayTime(this.update_time);
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/config/biz-conf-topo-tree.ts b/dbm-ui/frontend/src/services/model/config/biz-conf-topo-tree.ts
index 80d3c5ef24..68acbfc0a7 100644
--- a/dbm-ui/frontend/src/services/model/config/biz-conf-topo-tree.ts
+++ b/dbm-ui/frontend/src/services/model/config/biz-conf-topo-tree.ts
@@ -20,7 +20,7 @@ export default class BizConfTopoTree {
   instance_name: string;
   obj_id: ConfLevels;
   obj_name: string;
-  children?: BizConfTopoTree[];
+  children: BizConfTopoTree[];
   extra: {
     domain: string;
     proxy_version: string;
@@ -32,7 +32,7 @@ export default class BizConfTopoTree {
     this.instance_name = payload.instance_name;
     this.obj_id = payload.obj_id;
     this.obj_name = payload.obj_name;
-    this.children = payload.children;
+    this.children = payload.children || [];
     this.extra = payload.extra;
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/db-resource/import-host.ts b/dbm-ui/frontend/src/services/model/db-resource/import-host.ts
deleted file mode 100644
index c26eddd509..0000000000
--- a/dbm-ui/frontend/src/services/model/db-resource/import-host.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import type { HostDetails } from '../../types';
-
-export default class ImportHost implements HostDetails {
-  alive: number;
-  biz: { id: number; name: string };
-  cloud_area: { id: number; name: string };
-  cloud_id: number;
-  host_id: number;
-  host_name: string;
-  ip: string;
-  ipv6: string;
-  meta: HostDetails['meta'];
-  scope_id: string;
-  scope_type: string;
-  os_name: string;
-  bk_cpu: number;
-  bk_disk: number;
-  bk_mem: number;
-  os_type: string;
-  agent_id: number;
-  cpu: string;
-  cloud_vendor: string;
-  bk_idc_name: string;
-  occupancy: boolean;
-
-  constructor(payload = {} as ImportHost) {
-    this.alive = payload.alive;
-    this.biz = payload.biz;
-    this.cloud_area = payload.cloud_area;
-    this.cloud_id = payload.cloud_id;
-    this.host_id = payload.host_id;
-    this.host_name = payload.host_name;
-    this.ip = payload.ip;
-    this.ipv6 = payload.ipv6;
-    this.meta = payload.meta;
-    this.scope_id = payload.scope_id;
-    this.scope_type = payload.scope_type;
-    this.os_name = payload.os_name;
-    this.bk_cpu = payload.bk_cpu || 0;
-    this.bk_disk = payload.bk_disk || 0;
-    this.bk_mem = payload.bk_mem || 0;
-    this.os_type = payload.os_type;
-    this.agent_id = payload.agent_id;
-    this.cpu = payload.cpu;
-    this.cloud_vendor = payload.cloud_vendor;
-    this.bk_idc_name = payload.bk_idc_name;
-    this.occupancy = payload.occupancy;
-  }
-}
diff --git a/dbm-ui/frontend/src/services/model/es/es-detail.ts b/dbm-ui/frontend/src/services/model/es/es-detail.ts
new file mode 100644
index 0000000000..8ee915a388
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/es/es-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import EsModel from './es';
+
+export default class EsDetail extends EsModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as EsDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/es/es-instance.ts b/dbm-ui/frontend/src/services/model/es/es-instance.ts
index 38c3953a5b..1a0a924616 100644
--- a/dbm-ui/frontend/src/services/model/es/es-instance.ts
+++ b/dbm-ui/frontend/src/services/model/es/es-instance.ts
@@ -11,6 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListOperation, InstanceRelatedCluster } from '@services/types';
+
 import { t } from '@locales/index';
 
 export default class EsInstance {
@@ -30,18 +32,12 @@ export default class EsInstance {
   create_at: string;
   restart_at: string;
   domain: string;
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   instance_name: string;
-  operations: Array<{
-    flow_id: number;
-    instance_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  operations: InstanceListOperation[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   status: string;
 
@@ -52,9 +48,11 @@ export default class EsInstance {
     this.create_at = payload.create_at;
     this.restart_at = payload.restart_at;
     this.domain = payload.domain;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.instance_name = payload.instance_name;
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.status = payload.status;
 
diff --git a/dbm-ui/frontend/src/services/model/es/es-node.ts b/dbm-ui/frontend/src/services/model/es/es-node.ts
index 8327b55e4c..29360191b5 100644
--- a/dbm-ui/frontend/src/services/model/es/es-node.ts
+++ b/dbm-ui/frontend/src/services/model/es/es-node.ts
@@ -29,12 +29,17 @@ export default class EsNode {
   machine_type: string;
   mem: number;
   node_count: number;
+  permission: {
+    es_view: boolean;
+    es_enable_disable: boolean;
+    es_destroy: boolean;
+    es_scale_up: boolean;
+    es_shrink: boolean;
+    es_replace: boolean;
+    es_reboot: boolean;
+  };
   role: string;
   status: number;
-  permission: Record<
-    'es_view' | 'es_enable_disable' | 'es_destroy' | 'es_scale_up' | 'es_shrink' | 'es_replace' | 'es_reboot',
-    boolean
-  >;
 
   constructor(payload = {} as EsNode) {
     this.bk_cloud_id = payload.bk_cloud_id;
@@ -48,9 +53,9 @@ export default class EsNode {
     this.machine_type = payload.machine_type;
     this.mem = payload.mem || 0;
     this.node_count = payload.node_count || 0;
+    this.permission = payload.permission || {};
     this.role = payload.role;
     this.status = payload.status || 0;
-    this.permission = payload.permission || {};
   }
 
   get isMaster() {
diff --git a/dbm-ui/frontend/src/services/model/es/es.ts b/dbm-ui/frontend/src/services/model/es/es.ts
index 8adcdc4e32..5b49f35277 100644
--- a/dbm-ui/frontend/src/services/model/es/es.ts
+++ b/dbm-ui/frontend/src/services/model/es/es.ts
@@ -12,6 +12,8 @@
  */
 import { uniq } from 'lodash';
 
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
+
 import { utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
@@ -19,19 +21,6 @@ import { t } from '@locales/index';
 // const STATUS_NORMAL = 'normal';
 const STATUS_ABNORMAL = 'abnormal';
 
-type Node = {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: string;
-  port: number;
-  status: 'running' | 'unavailable';
-};
-
 export default class Es {
   static ES_SCALE_UP = 'ES_SCALE_UP';
   static ES_SHRINK = 'ES_SHRINK';
@@ -61,54 +50,32 @@ export default class Es {
     [Es.ES_REBOOT]: t('实例重启任务进行中'),
   };
 
+  access_url: string;
   bk_biz_id: number;
   bk_biz_name: number;
   bk_cloud_id: number;
   bk_cloud_name: string;
-  cap_usage: number;
+  cluster_access_port: number;
   cluster_alias: string;
+  cluster_entry: ClusterListEntry;
   cluster_name: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
   cluster_type_name: string;
-  cluster_time_zone: string;
-  cluster_entry_details: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-    target_details: {
-      app: string;
-      bk_cloud_iduid: number;
-      dns_str: string;
-      domain_name: string;
-      domain_typeuid: number;
-      ip: string;
-      last_change_time: string;
-      manager: string;
-      port: number;
-      remark: string;
-      start_time: string;
-      status: string;
-      uid: number;
-    }[];
-  }[];
   create_at: string;
   creator: string;
+  db_module_id: number;
+  db_module_name: number;
   domain: string;
-  es_datanode_cold: Array<Node>;
-  es_datanode_hot: Array<Node>;
-  es_master: Array<Node>;
-  es_client: Array<Node>;
+  es_client: Array<ClusterListNode>;
+  es_datanode_cold: Array<ClusterListNode>;
+  es_datanode_hot: Array<ClusterListNode>;
+  es_master: Array<ClusterListNode>;
   id: number;
   major_version: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  master_domain: string;
+  operations: ClusterListOperation[];
   permission: {
     access_entry_edit: boolean;
     es_access_entry_view: boolean;
@@ -121,27 +88,31 @@ export default class Es {
     es_view: boolean;
   };
   phase: 'online' | 'offline';
+  phase_name: string;
   region: string;
+  slave_domain: string;
   status: string;
   update_at: string;
   updater: string;
-  access_url: string;
 
   constructor(payload = {} as Es) {
+    this.access_url = payload.access_url;
     this.bk_biz_id = payload.bk_biz_id;
     this.bk_biz_name = payload.bk_biz_name;
     this.bk_cloud_id = payload.bk_cloud_id;
     this.bk_cloud_name = payload.bk_cloud_name;
-    this.cap_usage = payload.cap_usage;
+    this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
+    this.cluster_entry = payload.cluster_entry;
     this.cluster_name = payload.cluster_name;
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type;
     this.cluster_type_name = payload.cluster_type_name;
     this.cluster_time_zone = payload.cluster_time_zone;
-    this.cluster_entry_details = payload.cluster_entry_details;
     this.create_at = payload.create_at;
     this.creator = payload.creator;
+    this.db_module_id = payload.db_module_id;
+    this.db_module_name = payload.db_module_name;
     this.domain = payload.domain;
     this.es_datanode_cold = payload.es_datanode_cold;
     this.es_datanode_hot = payload.es_datanode_hot;
@@ -149,13 +120,15 @@ export default class Es {
     this.es_client = payload.es_client;
     this.id = payload.id;
     this.major_version = payload.major_version;
+    this.master_domain = payload.master_domain;
     this.permission = payload.permission || {};
     this.phase = payload.phase;
+    this.phase_name = payload.phase_name;
     this.region = payload.region;
+    this.slave_domain = payload.slave_domain;
     this.status = payload.status;
     this.update_at = payload.update_at;
     this.updater = payload.updater;
-    this.access_url = payload.access_url;
 
     this.operations = this.initOperations(payload.operations);
   }
diff --git a/dbm-ui/frontend/src/services/model/hdfs/hdfs-detail.ts b/dbm-ui/frontend/src/services/model/hdfs/hdfs-detail.ts
new file mode 100644
index 0000000000..d174cd3a09
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/hdfs/hdfs-detail.ts
@@ -0,0 +1,27 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import HdfsModel from './hdfs';
+
+export default class HdfsDetail extends HdfsModel {
+  cluster_entry_details: ClusterEntryDetail[];
+  phase_name: string;
+
+  constructor(payload = {} as HdfsDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+    this.phase_name = payload.phase_name;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/hdfs/hdfs-instance.ts b/dbm-ui/frontend/src/services/model/hdfs/hdfs-instance.ts
index ba5e6f5887..ca2cda6de5 100644
--- a/dbm-ui/frontend/src/services/model/hdfs/hdfs-instance.ts
+++ b/dbm-ui/frontend/src/services/model/hdfs/hdfs-instance.ts
@@ -11,6 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListOperation, InstanceRelatedCluster } from '@services/types';
+
 import { t } from '@locales/index';
 
 export default class HdfsInstance {
@@ -29,19 +31,13 @@ export default class HdfsInstance {
   cluster_id: number;
   create_at: string;
   domain: string;
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   instance_name: string;
+  operations: InstanceListOperation[];
   restart_at: string;
-  operations: Array<{
-    flow_id: number;
-    instance_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   status: string;
 
@@ -50,15 +46,17 @@ export default class HdfsInstance {
     this.bk_host_id = payload.bk_host_id;
     this.cluster_id = payload.cluster_id;
     this.create_at = payload.create_at;
-    this.restart_at = payload.restart_at;
+
     this.domain = payload.domain;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.instance_name = payload.instance_name;
+    this.operations = payload.operations || [];
+    this.related_clusters = payload.related_clusters || [];
+    this.restart_at = payload.restart_at;
     this.role = payload.role;
     this.status = payload.status;
-
-    this.operations = this.initOperations(payload.operations);
   }
 
   // 操作中的状态
@@ -107,12 +105,4 @@ export default class HdfsInstance {
       ticketId: item.ticket_id,
     }));
   }
-
-  initOperations(payload = [] as HdfsInstance['operations']) {
-    if (!Array.isArray(payload)) {
-      return [];
-    }
-
-    return payload;
-  }
 }
diff --git a/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts b/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
index 1b85fe6462..98c16bd69f 100644
--- a/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
+++ b/dbm-ui/frontend/src/services/model/hdfs/hdfs.ts
@@ -12,6 +12,8 @@
  */
 import { uniq } from 'lodash';
 
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
+
 import { utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
@@ -19,19 +21,6 @@ import { t } from '@locales/index';
 // const STATUS_NORMAL = 'normal';
 const STATUS_ABNORMAL = 'abnormal';
 
-type Node = {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: string;
-  port: number;
-  status: 'running' | 'unavailable';
-};
-
 export default class Hdfs {
   static HDFS_SCALE_UP = 'HDFS_SCALE_UP';
   static HDFS_SHRINK = 'HDFS_SHRINK';
@@ -61,53 +50,32 @@ export default class Hdfs {
     [Hdfs.HDFS_REBOOT]: t('实例重启任务进行中'),
   };
 
+  access_url: string;
   bk_biz_id: number;
   bk_biz_name: string;
   bk_cloud_id: number;
   bk_cloud_name: string;
+  cluster_access_port: number;
   cluster_alias: string;
+  cluster_entry: ClusterListEntry;
   cluster_name: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
   cluster_type_name: string;
-  cluster_time_zone: string;
-  cluster_entry_details: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-    target_details: {
-      app: string;
-      bk_cloud_iduid: number;
-      dns_str: string;
-      domain_name: string;
-      domain_typeuid: number;
-      ip: string;
-      last_change_time: string;
-      manager: string;
-      port: number;
-      remark: string;
-      start_time: string;
-      status: string;
-      uid: number;
-    }[];
-  }[];
   create_at: string;
   creator: string;
+  db_module_id: number;
+  db_module_name: string;
   domain: string;
-  hdfs_datanode: Array<Node>;
-  hdfs_journalnode: Array<Node>;
-  hdfs_namenode: Array<Node>;
-  hdfs_zookeeper: Array<Node>;
+  hdfs_datanode: Array<ClusterListNode>;
+  hdfs_journalnode: Array<ClusterListNode>;
+  hdfs_namenode: Array<ClusterListNode>;
+  hdfs_zookeeper: Array<ClusterListNode>;
   id: number;
   major_version: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  master_domain: string;
+  operations: ClusterListOperation[];
   permission: {
     access_entry_edit: boolean;
     hdfs_access_entry_view: boolean;
@@ -121,25 +89,29 @@ export default class Hdfs {
   };
   phase: string;
   region: string;
+  slave_domain: string;
   status: string;
   update_at: string;
   updater: string;
-  access_url: string;
 
   constructor(payload = {} as Hdfs) {
+    this.access_url = payload.access_url;
     this.bk_biz_id = payload.bk_biz_id;
     this.bk_biz_name = payload.bk_biz_name;
     this.bk_cloud_id = payload.bk_cloud_id;
     this.bk_cloud_name = payload.bk_cloud_name;
+    this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
+    this.cluster_entry = payload.cluster_entry;
     this.cluster_name = payload.cluster_name;
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type;
     this.cluster_type_name = payload.cluster_type_name;
     this.cluster_time_zone = payload.cluster_time_zone;
-    this.cluster_entry_details = payload.cluster_entry_details;
     this.create_at = payload.create_at;
     this.creator = payload.creator;
+    this.db_module_id = payload.db_module_id;
+    this.db_module_name = payload.db_module_name;
     this.domain = payload.domain;
     this.hdfs_datanode = payload.hdfs_datanode;
     this.hdfs_journalnode = payload.hdfs_journalnode;
@@ -147,13 +119,14 @@ export default class Hdfs {
     this.hdfs_zookeeper = payload.hdfs_zookeeper;
     this.id = payload.id;
     this.major_version = payload.major_version;
+    this.master_domain = payload.master_domain;
     this.permission = payload.permission || {};
     this.phase = payload.phase;
     this.region = payload.region;
+    this.slave_domain = payload.slave_domain;
     this.status = payload.status;
     this.update_at = payload.update_at;
     this.updater = payload.updater;
-    this.access_url = payload.access_url;
 
     this.operations = this.initOperations(payload.operations);
   }
diff --git a/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts b/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts
index 5a7b1166ed..471727e891 100644
--- a/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts
+++ b/dbm-ui/frontend/src/services/model/influxdb/influxdbInstance.ts
@@ -11,6 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListOperation } from '@services/types';
+
 import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
@@ -41,19 +43,12 @@ export default class InfluxDBInstance {
   disk: number;
   group_id: null | number;
   group_name: null | string;
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   instance_name: string;
   mem: number;
-  operations: Array<{
-    flow_id: number;
-    instance_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  operations: InstanceListOperation[];
   permission: {
     influxdb_destroy: boolean;
     influxdb_enable_disable: boolean;
@@ -78,10 +73,12 @@ export default class InfluxDBInstance {
     this.disk = payload.disk;
     this.group_id = payload.group_id;
     this.group_name = payload.group_name;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.instance_name = payload.instance_name;
     this.mem = payload.mem;
+    this.operations = payload.operations || [];
     this.permission = payload.permission;
     this.phase = payload.phase;
     this.restart_at = payload.restart_at;
@@ -89,8 +86,6 @@ export default class InfluxDBInstance {
     this.status = payload.status;
     this.update_at = payload.update_at;
     this.version = payload.version;
-
-    this.operations = this.initOperations(payload.operations);
   }
 
   get ip() {
@@ -183,12 +178,4 @@ export default class InfluxDBInstance {
       ticketId: item.ticket_id,
     }));
   }
-
-  initOperations(payload = [] as InfluxDBInstance['operations']) {
-    if (!Array.isArray(payload)) {
-      return [];
-    }
-
-    return payload;
-  }
 }
diff --git a/dbm-ui/frontend/src/services/model/kafka/kafka-detail.ts b/dbm-ui/frontend/src/services/model/kafka/kafka-detail.ts
new file mode 100644
index 0000000000..eeb89c293e
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/kafka/kafka-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import KafkaModel from './kafka';
+
+export default class KafkaDetail extends KafkaModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as KafkaDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/kafka/kafka-instance.ts b/dbm-ui/frontend/src/services/model/kafka/kafka-instance.ts
index 3c8bcfa061..aab80b6748 100644
--- a/dbm-ui/frontend/src/services/model/kafka/kafka-instance.ts
+++ b/dbm-ui/frontend/src/services/model/kafka/kafka-instance.ts
@@ -11,6 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListOperation, InstanceRelatedCluster } from '@services/types';
+
 import { t } from '@locales/index';
 
 export default class KafkaInstance {
@@ -30,18 +32,12 @@ export default class KafkaInstance {
   create_at: string;
   restart_at: string;
   domain: string;
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   instance_name: string;
-  operations: Array<{
-    flow_id: number;
-    instance_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  operations: InstanceListOperation[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   status: string;
 
@@ -52,13 +48,14 @@ export default class KafkaInstance {
     this.create_at = payload.create_at;
     this.restart_at = payload.restart_at;
     this.domain = payload.domain;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.instance_name = payload.instance_name;
+    this.operations = payload.operations || [];
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.status = payload.status;
-
-    this.operations = this.initOperations(payload.operations);
   }
 
   // 操作中的状态
@@ -107,12 +104,4 @@ export default class KafkaInstance {
       ticketId: item.ticket_id,
     }));
   }
-
-  initOperations(payload = [] as KafkaInstance['operations']) {
-    if (!Array.isArray(payload)) {
-      return [];
-    }
-
-    return payload;
-  }
 }
diff --git a/dbm-ui/frontend/src/services/model/kafka/kafka-node.ts b/dbm-ui/frontend/src/services/model/kafka/kafka-node.ts
index d76df788a3..67cb791699 100644
--- a/dbm-ui/frontend/src/services/model/kafka/kafka-node.ts
+++ b/dbm-ui/frontend/src/services/model/kafka/kafka-node.ts
@@ -27,18 +27,17 @@ export default class KafkaNode {
   machine_type: string;
   mem: number;
   node_count: number;
+  permission: {
+    kafka_view: boolean;
+    kafka_enable_disable: boolean;
+    kafka_destroy: boolean;
+    kafka_scale_up: boolean;
+    kafka_shrink: boolean;
+    kafka_replace: boolean;
+    kafka_reboot: boolean;
+  };
   role: string;
   status: number;
-  permission: Record<
-    | 'kafka_view'
-    | 'kafka_enable_disable'
-    | 'kafka_destroy'
-    | 'kafka_scale_up'
-    | 'kafka_shrink'
-    | 'kafka_replace'
-    | 'kafka_reboot',
-    boolean
-  >;
 
   constructor(payload = {} as KafkaNode) {
     this.bk_cloud_id = payload.bk_cloud_id;
diff --git a/dbm-ui/frontend/src/services/model/kafka/kafka.ts b/dbm-ui/frontend/src/services/model/kafka/kafka.ts
index 5c1745314e..19e87bc9c1 100644
--- a/dbm-ui/frontend/src/services/model/kafka/kafka.ts
+++ b/dbm-ui/frontend/src/services/model/kafka/kafka.ts
@@ -12,6 +12,8 @@
  */
 import { uniq } from 'lodash';
 
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
+
 import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
@@ -19,19 +21,6 @@ import { t } from '@locales/index';
 // const STATUS_NORMAL = 'normal';
 const STATUS_ABNORMAL = 'abnormal';
 
-type Node = {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: string;
-  port: number;
-  status: 'running' | 'unavailable';
-};
-
 export default class Kafka {
   static KAFKA_SCALE_UP = 'KAFKA_SCALE_UP';
   static KAFKA_SHRINK = 'KAFKA_SHRINK';
@@ -61,51 +50,29 @@ export default class Kafka {
     [Kafka.KAFKA_REBOOT]: t('实例重启任务进行中'),
   };
 
+  access_url: string;
   bk_biz_id: number;
-  bk_biz_name: string;
-  bk_cloud_name: string;
+  bk_biz_name: number;
   bk_cloud_id: number;
-  broker: Array<Node>;
-  cap_usage: number;
+  bk_cloud_name: string;
+  broker: Array<ClusterListNode>;
+  cluster_access_port: number;
   cluster_alias: string;
+  cluster_entry: ClusterListEntry;
   cluster_name: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
   cluster_type_name: string;
-  cluster_time_zone: string;
-  cluster_entry_details: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-    target_details: {
-      app: string;
-      bk_cloud_iduid: number;
-      dns_str: string;
-      domain_name: string;
-      domain_typeuid: number;
-      ip: string;
-      last_change_time: string;
-      manager: string;
-      port: number;
-      remark: string;
-      start_time: string;
-      status: string;
-      uid: number;
-    }[];
-  }[];
   create_at: string;
   creator: string;
+  db_module_id: number;
+  db_module_name: number;
   domain: string;
   id: number;
   major_version: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  master_domain: string;
+  operations: ClusterListOperation[];
   permission: {
     kafka_access_entry_view: boolean;
     kafka_view: boolean;
@@ -117,13 +84,14 @@ export default class Kafka {
     kafka_reboot: boolean;
     access_entry_edit: boolean;
   };
-  phase: string;
+  phase: 'online' | 'offline';
+  phase_name: string;
   region: string;
+  slave_domain: string;
   status: string;
   update_at: string;
   updater: string;
-  access_url: string;
-  zookeeper: Array<Node>;
+  zookeeper: Array<ClusterListNode>;
 
   constructor(payload = {} as Kafka) {
     this.bk_biz_id = payload.bk_biz_id;
@@ -131,29 +99,33 @@ export default class Kafka {
     this.bk_cloud_id = payload.bk_cloud_id;
     this.bk_cloud_name = payload.bk_cloud_name;
     this.broker = payload.broker;
-    this.cap_usage = payload.cap_usage;
+    this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
+    this.cluster_entry = payload.cluster_entry;
     this.cluster_name = payload.cluster_name;
     this.cluster_time_zone = payload.cluster_time_zone;
-    this.cluster_entry_details = payload.cluster_entry_details;
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type;
     this.cluster_type_name = payload.cluster_type_name;
     this.create_at = payload.create_at;
     this.creator = payload.creator;
+    this.db_module_id = payload.db_module_id;
+    this.db_module_name = payload.db_module_name;
     this.domain = payload.domain;
     this.id = payload.id;
     this.major_version = payload.major_version;
+    this.master_domain = payload.master_domain;
+    this.operations = payload.operations || [];
     this.permission = payload.permission || {};
     this.phase = payload.phase;
+    this.phase_name = payload.phase_name;
     this.region = payload.region;
+    this.slave_domain = payload.slave_domain;
     this.status = payload.status;
     this.update_at = payload.update_at;
     this.updater = payload.updater;
     this.access_url = payload.access_url;
     this.zookeeper = payload.zookeeper;
-
-    this.operations = this.initOperations(payload.operations);
   }
 
   get allInstanceList() {
@@ -259,12 +231,4 @@ export default class Kafka {
   get isNew() {
     return isRecentDays(this.create_at, 24 * 3);
   }
-
-  initOperations(payload = [] as Kafka['operations']) {
-    if (!Array.isArray(payload)) {
-      return [];
-    }
-
-    return payload;
-  }
 }
diff --git a/dbm-ui/frontend/src/services/model/mongodb/mongodb-instance.ts b/dbm-ui/frontend/src/services/model/mongodb/mongodb-instance.ts
index 29e110fbb7..e4e3f32d94 100644
--- a/dbm-ui/frontend/src/services/model/mongodb/mongodb-instance.ts
+++ b/dbm-ui/frontend/src/services/model/mongodb/mongodb-instance.ts
@@ -1,6 +1,6 @@
-import dayjs from 'dayjs';
+import type { HostInfo, InstanceListOperation, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -40,94 +40,19 @@ export default class MongodbInstance {
   cluster_type: string;
   create_at: string;
   db_module_id: string;
-  host_info: {
-    alive: number;
-    biz: {
-      id: number;
-      name: string;
-    };
-    cloud_area: {
-      id: number;
-      name: string;
-    };
-    cloud_id: number;
-    host_id: number;
-    host_name?: string;
-    ip: string;
-    ipv6: string;
-    meta: {
-      bk_biz_id: number;
-      scope_id: number;
-      scope_type: string;
-    };
-    scope_id: string;
-    scope_type: string;
-    os_name: string;
-    bk_cpu?: number;
-    bk_disk?: number;
-    bk_mem?: number;
-    os_type: string;
-    agent_id: number;
-    cpu: string;
-    cloud_vendor: string;
-    bk_idc_name?: string;
-  };
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
   machine_type: string;
   master_domain: string;
-  operations: Array<{
-    flow_id: string;
-    instance_id: number;
-    operator: number;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  operations: InstanceListOperation[];
   port: number;
-  related_clusters: {
-    id: number;
-    creator: string;
-    updater: string;
-    name: string;
-    alias: string;
-    bk_biz_id: number;
-    cluster_type: string;
-    db_module_id: number;
-    immute_domain: string;
-    major_version: string;
-    phase: string;
-    status: string;
-    bk_cloud_id: number;
-    region: string;
-    disaster_tolerance_level: string;
-    time_zone: string;
-    cluster_name: string;
-    master_domain: string;
-  }[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   shard: string;
   slave_domain: string;
-  spec_config: {
-    count: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    id: number;
-    mem: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    storage_spec: {
-      mount_point: string;
-      size: number;
-      type: string;
-    }[];
-  };
+  spec_config: InstanceListSpecConfig;
   status: string;
   version: string;
 
@@ -148,7 +73,7 @@ export default class MongodbInstance {
     this.master_domain = payload.master_domain;
     this.operations = payload.operations || [];
     this.port = payload.port;
-    this.related_clusters = payload.related_clusters;
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.shard = payload.shard;
     this.slave_domain = payload.slave_domain;
@@ -158,7 +83,7 @@ export default class MongodbInstance {
   }
 
   get isNew() {
-    return dayjs().isBefore(dayjs(this.create_at).add(24, 'hour'));
+    return isRecentDays(this.create_at, 24 * 3);
   }
 
   get dbStatusConfigureObj() {
diff --git a/dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts b/dbm-ui/frontend/src/services/model/mongodb/mongodb-permission-account.ts
similarity index 84%
rename from dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts
rename to dbm-ui/frontend/src/services/model/mongodb/mongodb-permission-account.ts
index c3bc216322..5ef9304469 100644
--- a/dbm-ui/frontend/src/services/model/mongodb-permission/mongodb-permission-account.ts
+++ b/dbm-ui/frontend/src/services/model/mongodb/mongodb-permission-account.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import dayjs from 'dayjs';
+import { isRecentDays } from '@utils';
 
 export default class MongodbPermissonAccount {
   account: {
@@ -38,12 +38,6 @@ export default class MongodbPermissonAccount {
   }
 
   get isNew() {
-    const createTime = this.account.create_time;
-    if (!createTime) {
-      return false;
-    }
-    const createDay = dayjs(createTime);
-    const today = dayjs();
-    return today.diff(createDay, 'hour') <= 24;
+    return isRecentDays(this.account.create_time, 24 * 3);
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/mysql-permisson/mysql-permission-account.ts b/dbm-ui/frontend/src/services/model/mysql/mysql-permission-account.ts
similarity index 84%
rename from dbm-ui/frontend/src/services/model/mysql-permisson/mysql-permission-account.ts
rename to dbm-ui/frontend/src/services/model/mysql/mysql-permission-account.ts
index c5a1f6a391..d3275896bc 100644
--- a/dbm-ui/frontend/src/services/model/mysql-permisson/mysql-permission-account.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/mysql-permission-account.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import dayjs from 'dayjs';
+import { isRecentDays } from '@utils';
 
 export default class MysqlPermissonAccount {
   account: {
@@ -19,7 +19,6 @@ export default class MysqlPermissonAccount {
     bk_biz_id: number;
     create_time: string;
     creator: string;
-    // password: string;
     user: string;
   };
   permission: {
@@ -45,12 +44,6 @@ export default class MysqlPermissonAccount {
   }
 
   get isNew() {
-    const createTime = this.account.create_time;
-    if (!createTime) {
-      return false;
-    }
-    const createDay = dayjs(createTime);
-    const today = dayjs();
-    return today.diff(createDay, 'hour') <= 24;
+    return isRecentDays(this.account.create_time, 24 * 3);
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/mysql-cluster/remote-pair-instance.ts b/dbm-ui/frontend/src/services/model/mysql/remote-pair-instance.ts
similarity index 100%
rename from dbm-ui/frontend/src/services/model/mysql-cluster/remote-pair-instance.ts
rename to dbm-ui/frontend/src/services/model/mysql/remote-pair-instance.ts
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha-detail.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha-detail.ts
new file mode 100644
index 0000000000..ecaa182e4f
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbha-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import TendbhaModel from './tendbha';
+
+export default class TendbhaDetail extends TendbhaModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as TendbhaDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha-instance.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha-instance.ts
index 2f0f864631..105af084fa 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbha-instance.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbha-instance.ts
@@ -11,9 +11,11 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
+
 import { utcDisplayTime } from '@utils';
 
-export default class tendbhaInstance {
+export default class TendbhaInstance {
   bk_cloud_id: number;
   bk_cloud_name: string;
   bk_host_id: number;
@@ -23,70 +25,24 @@ export default class tendbhaInstance {
   create_at: string;
   db_module_id: number;
   db_module_name: string;
-  host_info: {
-    alive: number;
-    biz: {
-      id: number;
-      name: string;
-    };
-    cloud_area: {
-      id: number;
-      name: string;
-    };
-    cloud_id: number;
-    host_id: number;
-    host_name?: string;
-    ip: string;
-    ipv6: string;
-    meta: {
-      bk_biz_id: number;
-      scope_id: number;
-      scope_type: string;
-    };
-    scope_id: string;
-    scope_type: string;
-    os_name: string;
-    bk_cpu?: number;
-    bk_disk?: number;
-    bk_mem?: number;
-    os_type: string;
-    agent_id: number;
-    cpu: string;
-    cloud_vendor: string;
-    bk_idc_name?: string;
-  };
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
+  machine_type: string;
   master_domain: string;
-  permission: Record<'mysql_view', boolean>;
+  permission: {
+    mysql_view: boolean;
+  };
   port: number;
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   slave_domain: string;
-  spce_config: {
-    count: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    device_class: string[];
-    id: number;
-    mem: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    qps: Record<any, any>;
-    storage_spec: {
-      mount_point: string;
-      size: number;
-      type: string;
-    }[];
-  };
+  spce_config: InstanceListSpecConfig;
   status: string;
   version: string;
 
-  constructor(payload = {} as tendbhaInstance) {
+  constructor(payload = {} as TendbhaInstance) {
     this.bk_cloud_id = payload.bk_cloud_id || 0;
     this.bk_cloud_name = payload.bk_cloud_name || '';
     this.bk_host_id = payload.bk_host_id || 0;
@@ -100,9 +56,11 @@ export default class tendbhaInstance {
     this.id = payload.id || 0;
     this.instance_address = payload.instance_address || '';
     this.ip = payload.ip || '';
+    this.machine_type = payload.machine_type;
     this.master_domain = payload.master_domain || '';
     this.permission = payload.permission || {};
     this.port = payload.port || 0;
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role || '';
     this.slave_domain = payload.slave_domain || '';
     this.spce_config = payload.spce_config || {};
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
index 089535164b..ee4aa6ef6e 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbha.ts
@@ -12,26 +12,12 @@
  */
 import { uniq } from 'lodash';
 
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
+
 import { utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
-interface TendbhaInstance {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  is_stand_by: boolean;
-  name: string;
-  phase: string;
-  port: number;
-  spec_config: Record<'id', number>;
-  status: string;
-  version: string;
-}
-
 export default class Tendbha {
   static MYSQL_HA_DESTROY = 'MYSQL_HA_DESTROY';
   static MYSQL_HA_DISABLE = 'MYSQL_HA_DISABLE';
@@ -62,32 +48,23 @@ export default class Tendbha {
   bk_biz_name: string;
   bk_cloud_id: number;
   bk_cloud_name: string;
-  cluster_entry: {
-    cluster_entry_type: string;
-    entry: string;
-    role: 'master_entry' | 'slave_entry';
-  }[];
+  cluster_access_port: number;
+  cluster_alias: string;
+  cluster_entry: ClusterListEntry[];
   cluster_name: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
-  cluster_type: string;
   cluster_time_zone: string;
+  cluster_type: string;
+  cluster_type_name: string;
   create_at: string;
   creator: string;
-  db_module_name: string;
   db_module_id: number;
+  db_module_name: string;
   id: number;
-  master_domain: string;
   major_version: string;
-  masters: TendbhaInstance[];
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  master_domain: string;
+  masters: ClusterListNode[];
+  operations: ClusterListOperation[];
   permission: {
     access_entry_edit: boolean;
     mysql_destroy: boolean;
@@ -99,21 +76,26 @@ export default class Tendbha {
   };
   phase: string;
   phase_name: string;
-  proxies: TendbhaInstance[];
+  proxies: ClusterListNode[];
   region: string;
   slave_domain: string;
-  slaves: TendbhaInstance[];
+  slaves: ClusterListNode[];
   status: string;
+  update_at: string;
+  updater: string;
 
   constructor(payload = {} as Tendbha) {
     this.bk_biz_id = payload.bk_biz_id || 0;
     this.bk_biz_name = payload.bk_biz_name || '';
     this.bk_cloud_id = payload.bk_cloud_id || 0;
     this.bk_cloud_name = payload.bk_cloud_name || '';
+    this.cluster_access_port = payload.cluster_access_port;
+    this.cluster_alias = payload.cluster_alias;
     this.cluster_entry = payload.cluster_entry || [];
     this.cluster_name = payload.cluster_name || '';
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type || '';
+    this.cluster_type_name = payload.cluster_type_name || '';
     this.cluster_time_zone = payload.cluster_time_zone || '';
     this.create_at = payload.create_at || '';
     this.creator = payload.creator || '';
@@ -132,6 +114,8 @@ export default class Tendbha {
     this.slave_domain = payload.slave_domain || '';
     this.slaves = payload.slaves || [];
     this.status = payload.status || '';
+    this.update_at = payload.update_at;
+    this.updater = payload.updater;
   }
 
   get isOnline() {
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbsingle-detail.ts b/dbm-ui/frontend/src/services/model/mysql/tendbsingle-detail.ts
new file mode 100644
index 0000000000..3244502d02
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbsingle-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import TendbsingleModel from './tendbsingle';
+
+export default class TendbsingleDetail extends TendbsingleModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as TendbsingleDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
index ef69454a94..47a1f8786f 100644
--- a/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
+++ b/dbm-ui/frontend/src/services/model/mysql/tendbsingle.ts
@@ -12,25 +12,12 @@
  */
 import { uniq } from 'lodash';
 
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
+
 import { utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
-interface TendbsingleInstance {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: string;
-  port: number;
-  spec_config: Record<'id', number>;
-  status: string;
-  version: string;
-}
-
 export default class Tendbsingle {
   static MYSQL_HA_DESTROY = 'MYSQL_HA_DESTROY';
   static MYSQL_HA_DISABLE = 'MYSQL_HA_DISABLE';
@@ -61,26 +48,23 @@ export default class Tendbsingle {
   bk_biz_name: string;
   bk_cloud_id: number;
   bk_cloud_name: string;
+  cluster_access_port: number;
+  cluster_alias: string;
+  cluster_entry: ClusterListEntry[];
   cluster_name: string;
-  cluster_time_zone: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
+  cluster_type_name: string;
   create_at: string;
   creator: string;
+  db_module_id: number;
   db_module_name: string;
   id: number;
-  master_domain: string;
   major_version: string;
-  masters: TendbsingleInstance[];
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  master_domain: string;
+  masters: ClusterListNode[];
+  operations: ClusterListOperation[];
   permission: {
     mysql_destroy: boolean;
     mysql_dump_data: boolean;
@@ -91,23 +75,28 @@ export default class Tendbsingle {
   };
   phase: string;
   phase_name: string;
-  proxies: TendbsingleInstance[];
   region: string;
   slave_domain: string;
-  slaves: TendbsingleInstance[];
   status: string;
+  update_at: string;
+  updater: string;
 
   constructor(payload = {} as Tendbsingle) {
     this.bk_biz_id = payload.bk_biz_id || 0;
     this.bk_biz_name = payload.bk_biz_name || '';
     this.bk_cloud_id = payload.bk_cloud_id || 0;
     this.bk_cloud_name = payload.bk_cloud_name || '';
+    this.cluster_access_port = payload.cluster_access_port;
+    this.cluster_alias = payload.cluster_alias;
+    this.cluster_entry = payload.cluster_entry || [];
     this.cluster_name = payload.cluster_name || '';
     this.cluster_time_zone = payload.cluster_time_zone || '';
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type || '';
+    this.cluster_type_name = payload.cluster_type_name;
     this.create_at = payload.create_at || '';
     this.creator = payload.creator || '';
+    this.db_module_id = payload.db_module_id;
     this.db_module_name = payload.db_module_name || '';
     this.id = payload.id || 0;
     this.master_domain = payload.master_domain || '';
@@ -117,11 +106,11 @@ export default class Tendbsingle {
     this.permission = payload.permission || {};
     this.phase = payload.phase || '';
     this.phase_name = payload.phase_name || '';
-    this.proxies = payload.proxies || [];
     this.region = payload.region || '';
     this.slave_domain = payload.slave_domain || '';
-    this.slaves = payload.slaves || [];
     this.status = payload.status || '';
+    this.update_at = payload.update_at;
+    this.updater = payload.updater;
   }
 
   get isOnline() {
@@ -147,7 +136,7 @@ export default class Tendbsingle {
   }
 
   get allInstanceList() {
-    return [...this.masters, ...this.proxies, ...this.slaves];
+    return [...this.masters];
   }
 
   get allIPList() {
diff --git a/dbm-ui/frontend/src/services/model/pulsar/pulsar-instance.ts b/dbm-ui/frontend/src/services/model/pulsar/pulsar-instance.ts
index 981a2ed9f9..214854cf14 100644
--- a/dbm-ui/frontend/src/services/model/pulsar/pulsar-instance.ts
+++ b/dbm-ui/frontend/src/services/model/pulsar/pulsar-instance.ts
@@ -11,6 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListOperation, InstanceRelatedCluster } from '@services/types';
+
 import { t } from '@locales/index';
 
 export default class PulsarInstance {
@@ -30,18 +32,12 @@ export default class PulsarInstance {
   create_at: string;
   restart_at: string;
   domain: string;
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   instance_name: string;
-  operations: Array<{
-    flow_id: number;
-    instance_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  operations: InstanceListOperation[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   status: string;
 
@@ -52,13 +48,14 @@ export default class PulsarInstance {
     this.create_at = payload.create_at;
     this.restart_at = payload.restart_at;
     this.domain = payload.domain;
+    this.host_info = payload.host_info;
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.instance_name = payload.instance_name;
+    this.operations = payload.operations || [];
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.status = payload.status;
-
-    this.operations = this.initOperations(payload.operations);
   }
 
   // 操作中的状态
@@ -107,12 +104,4 @@ export default class PulsarInstance {
       ticketId: item.ticket_id,
     }));
   }
-
-  initOperations(payload = [] as PulsarInstance['operations']) {
-    if (!Array.isArray(payload)) {
-      return [];
-    }
-
-    return payload;
-  }
 }
diff --git a/dbm-ui/frontend/src/services/model/redis/redis-cluster-node-by-filter.ts b/dbm-ui/frontend/src/services/model/redis/redis-cluster-node-by-filter.ts
index 755baab99a..0af2306e53 100644
--- a/dbm-ui/frontend/src/services/model/redis/redis-cluster-node-by-filter.ts
+++ b/dbm-ui/frontend/src/services/model/redis/redis-cluster-node-by-filter.ts
@@ -13,20 +13,6 @@
 import { RedisClusterTypes } from '@services/model/redis/redis';
 import RedisClusterNodeByIpModel from '@services/model/redis/redis-cluster-node-by-ip';
 
-interface CommonNode {
-  id: number;
-  machine__ip: string;
-  machine__spec_config: RedisClusterNodeByIpModel['spec_config'];
-  name: string;
-  port: number;
-  status: string;
-  version: string;
-}
-
-interface StorageNode extends CommonNode {
-  instance_role: string;
-}
-
 export default class RedisClusterNodeByFilter {
   cluster: {
     bk_cloud_id: number;
@@ -46,8 +32,25 @@ export default class RedisClusterNodeByFilter {
       total: string;
     };
   };
-  proxy: CommonNode[];
-  storage: StorageNode[];
+  proxy: {
+    id: number;
+    machine__ip: string;
+    machine__spec_config: RedisClusterNodeByIpModel['spec_config'];
+    name: string;
+    port: number;
+    status: string;
+    version: string;
+  }[];
+  storage: {
+    id: number;
+    instance_role: string;
+    machine__ip: string;
+    machine__spec_config: RedisClusterNodeByIpModel['spec_config'];
+    name: string;
+    port: number;
+    status: string;
+    version: string;
+  }[];
   constructor(payload = {} as RedisClusterNodeByFilter) {
     this.cluster = payload.cluster;
     this.proxy = payload.proxy;
diff --git a/dbm-ui/frontend/src/services/model/redis/redis-detail.ts b/dbm-ui/frontend/src/services/model/redis/redis-detail.ts
new file mode 100644
index 0000000000..464f3cb15a
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/redis/redis-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import RedisModel from './redis';
+
+export default class RedisDetail extends RedisModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as RedisDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/redis/redis-dst-job-task.ts b/dbm-ui/frontend/src/services/model/redis/redis-dst-job-task.ts
index 80d8e04b8f..f9e8180c98 100644
--- a/dbm-ui/frontend/src/services/model/redis/redis-dst-job-task.ts
+++ b/dbm-ui/frontend/src/services/model/redis/redis-dst-job-task.ts
@@ -13,6 +13,7 @@
 import { TransmissionTypes, WriteModes } from '@services/model/redis/redis-dst-history-job';
 
 const failedTransmissions = [TransmissionTypes.FULL_TRANSFER_FAILED, TransmissionTypes.INCREMENTAL_TRANSFER_FAILED];
+
 export default class RedisDSTJobTask {
   app: string;
   bill_id: number;
@@ -58,6 +59,7 @@ export default class RedisDSTJobTask {
   update_time: string;
   user: string;
   write_mode: WriteModes;
+
   constructor(payload = {} as RedisDSTJobTask) {
     this.app = payload.app;
     this.bill_id = payload.bill_id;
diff --git a/dbm-ui/frontend/src/services/model/redis/redis-host.ts b/dbm-ui/frontend/src/services/model/redis/redis-host.ts
index bb8cef48b7..0902a5b868 100644
--- a/dbm-ui/frontend/src/services/model/redis/redis-host.ts
+++ b/dbm-ui/frontend/src/services/model/redis/redis-host.ts
@@ -15,14 +15,14 @@ import RedisClusterNodeByIpModel from '@services/model/redis/redis-cluster-node-
 
 import { switchToNormalRole } from '@utils';
 
-import type { HostDetails } from '../../types';
+import type { HostInfo } from '../../types';
 
 export default class RedisHost {
   bk_cloud_id: number;
   bk_cloud_name: string;
   bk_host_id: number;
   cluster_id: number;
-  host_info: HostDetails;
+  host_info: HostInfo;
   ip: string;
   instance_count: number;
   role: string;
diff --git a/dbm-ui/frontend/src/services/model/redis/redis-instance.ts b/dbm-ui/frontend/src/services/model/redis/redis-instance.ts
index 49894a0c7a..ab8f3082b8 100644
--- a/dbm-ui/frontend/src/services/model/redis/redis-instance.ts
+++ b/dbm-ui/frontend/src/services/model/redis/redis-instance.ts
@@ -11,11 +11,11 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import dayjs from 'dayjs';
+import type { HostInfo, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
 
 import { type ClusterInstStatus, clusterInstStatus } from '@common/const';
 
-import { utcDisplayTime } from '@utils';
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 export default class RedisInstance {
   bk_cloud_id: number;
@@ -26,37 +26,19 @@ export default class RedisInstance {
   cluster_type: string;
   create_at: string;
   db_module_id: number;
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
   master_domain: string;
-  permission: { redis_view: boolean };
+  permission: {
+    redis_view: boolean;
+  };
   port: number;
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   slave_domain: string;
-  spce_config: {
-    count: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    device_class: string[];
-    id: number;
-    mem: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    qps: {
-      max: number;
-      min: number;
-    };
-    storage_spec: {
-      mount_point: string;
-      size: number;
-      type: string;
-    }[];
-  };
+  spce_config: InstanceListSpecConfig;
   status: ClusterInstStatus;
   version: string;
 
@@ -69,12 +51,14 @@ export default class RedisInstance {
     this.cluster_type = payload.cluster_type || '';
     this.create_at = payload.create_at || '';
     this.db_module_id = payload.db_module_id || 0;
+    this.host_info = payload.host_info || {};
     this.id = payload.id || 0;
     this.instance_address = payload.instance_address || '';
     this.ip = payload.ip || '';
     this.master_domain = payload.master_domain || '';
     this.permission = payload.permission || {};
     this.port = payload.port || 0;
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role || '';
     this.slave_domain = payload.slave_domain || '';
     this.spce_config = payload.spce_config || {};
@@ -87,7 +71,7 @@ export default class RedisInstance {
   }
 
   get isNew() {
-    return dayjs().isBefore(dayjs(this.create_at).add(24, 'hour'));
+    return isRecentDays(this.create_at, 24 * 3);
   }
 
   get getStatusInfo() {
diff --git a/dbm-ui/frontend/src/services/model/redis/redis.ts b/dbm-ui/frontend/src/services/model/redis/redis.ts
index a83fa4c7cc..97659bcf5d 100644
--- a/dbm-ui/frontend/src/services/model/redis/redis.ts
+++ b/dbm-ui/frontend/src/services/model/redis/redis.ts
@@ -12,7 +12,7 @@
  */
 import { uniq } from 'lodash';
 
-import { PipelineStatus } from '@common/const';
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation, ClusterListSpec } from '@services/types';
 
 import { isRecentDays, utcDisplayTime } from '@utils';
 
@@ -26,40 +26,6 @@ export const enum RedisClusterTypes {
   TwemproxyTendisSSDInstance = 'TwemproxyTendisSSDInstance', // TendisSSD
 }
 
-interface Node {
-  name: string;
-  ip: string;
-  port: number;
-  instance: string;
-  status: string;
-  phase: string;
-  bk_instance_id: number;
-  bk_host_id: number;
-  bk_cloud_id: number;
-  bk_biz_id: number;
-  spec_config: {
-    id: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    mem: {
-      max: number;
-      min: number;
-    };
-    qps: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    device_class: [];
-    storage_spec: {
-      size: number;
-      type: string;
-      mount_point: string;
-    }[];
-  };
-}
 export default class Redis {
   static REDIS_DESTROY = 'REDIS_DESTROY';
   static REDIS_PROXY_CLOSE = 'REDIS_PROXY_CLOSE';
@@ -93,59 +59,24 @@ export default class Redis {
   cluster_access_port: number;
   cluster_alias: string;
   cluster_capacity: number;
-  cluster_entry: {
-    cluster_entry_type: string;
-    entry: string;
-  }[];
+  cluster_entry: ClusterListEntry[];
   cluster_name: string;
   cluster_shard_num: number;
-  cluster_spec: {
-    creator: string;
-    updater: string;
-    spec_id: number;
-    spec_name: string;
-    spec_cluster_type: RedisClusterTypes;
-    spec_machine_type: string;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    mem: {
-      max: number;
-      min: number;
-    };
-    device_class: [];
-    storage_spec: {
-      size: number;
-      type: string;
-      mount_point: string;
-    }[];
-    desc: string;
-    instance_num: number;
-    qps: {
-      max: number;
-      min: number;
-    };
-  };
+  cluster_spec: ClusterListSpec;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
   cluster_type_name: string;
   create_at: string;
   creator: string;
+  db_module_id: number;
+  db_module_name: string;
   dns_to_clb: boolean;
   id: number;
   machine_pair_cnt: number;
   major_version: string;
   master_domain: string;
-  operations: {
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: PipelineStatus;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }[];
+  operations: ClusterListOperation[];
   permission: {
     access_entry_edit: boolean;
     redis_access_entry_view: boolean;
@@ -162,60 +93,53 @@ export default class Redis {
     redis_webconsole: boolean;
   };
   phase: string;
-  proxy: Node[];
-  redis_master: Node[];
-  redis_slave: Node[];
+  phase_name: string;
+  proxy: ClusterListNode[];
+  redis_master: ClusterListNode[];
+  redis_slave: ClusterListNode[];
   region: string;
   slave_domain: string;
   status: string;
   update_at: string;
   updater: string;
 
-  count: number;
-  db_module_id: number;
-  deploy_plan_id: number;
-  cluster_time_zone: string;
-  time_zone: string;
-
   constructor(payload = {} as Redis) {
     this.bk_biz_id = payload.bk_biz_id;
     this.bk_biz_name = payload.bk_biz_name;
-    this.cluster_name = payload.cluster_name;
     this.bk_cloud_id = payload.bk_cloud_id;
+    this.bk_cloud_name = payload.bk_cloud_name;
     this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
-    this.db_module_id = payload.db_module_id;
+    this.cluster_capacity = payload.cluster_capacity;
+    this.cluster_entry = payload.cluster_entry || [];
+    this.cluster_name = payload.cluster_name;
+    this.cluster_shard_num = payload.cluster_shard_num;
+    this.cluster_spec = payload.cluster_spec;
     this.cluster_stats = payload.cluster_stats || {};
+    this.cluster_time_zone = payload.cluster_time_zone;
     this.cluster_type = payload.cluster_type;
     this.cluster_type_name = payload.cluster_type_name;
-    this.cluster_time_zone = payload.cluster_time_zone;
-    this.time_zone = payload.time_zone;
     this.create_at = payload.create_at;
     this.creator = payload.creator;
+    this.db_module_id = payload.db_module_id;
+    this.db_module_name = payload.db_module_name;
     this.dns_to_clb = payload.dns_to_clb;
     this.id = payload.id;
+    this.machine_pair_cnt = payload.machine_pair_cnt;
     this.major_version = payload.major_version;
-    this.deploy_plan_id = payload.deploy_plan_id;
+    this.master_domain = payload.master_domain;
+    this.operations = payload.operations || [];
+    this.permission = payload.permission || {};
     this.phase = payload.phase;
+    this.phase_name = payload.phase_name;
+    this.proxy = payload.proxy || [];
+    this.redis_master = payload.redis_master || [];
+    this.redis_slave = payload.redis_slave || [];
     this.region = payload.region;
     this.slave_domain = payload.slave_domain;
     this.status = payload.status;
     this.update_at = payload.update_at;
     this.updater = payload.updater;
-    this.cluster_capacity = payload.cluster_capacity;
-    this.operations = payload.operations;
-    this.cluster_spec = payload.cluster_spec;
-    this.bk_biz_name = payload.bk_biz_name;
-    this.bk_cloud_name = payload.bk_cloud_name;
-    this.master_domain = payload.master_domain;
-    this.cluster_entry = payload.cluster_entry || [];
-    this.permission = payload.permission || {};
-    this.proxy = payload.proxy || [];
-    this.redis_master = payload.redis_master || [];
-    this.redis_slave = payload.redis_slave || [];
-    this.cluster_shard_num = payload.cluster_shard_num;
-    this.machine_pair_cnt = payload.machine_pair_cnt;
-    this.count = this.storageCount + this.proxyCount;
   }
 
   get isOnline() {
@@ -274,6 +198,10 @@ export default class Redis {
     return new Set(this.proxy.map((item) => item.ip)).size;
   }
 
+  get count() {
+    return this.storageCount + this.proxyCount;
+  }
+
   get isSlaveNormal() {
     return this.redis_slave.every((item) => item.status === 'running');
   }
diff --git a/dbm-ui/frontend/src/services/model/riak/riak-detail.ts b/dbm-ui/frontend/src/services/model/riak/riak-detail.ts
new file mode 100644
index 0000000000..581547f9a7
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/riak/riak-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import RiakModel from './riak';
+
+export default class RiakDetail extends RiakModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as RiakDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/riak/riak-instance.ts b/dbm-ui/frontend/src/services/model/riak/riak-instance.ts
index 026dcd553e..061e89d633 100644
--- a/dbm-ui/frontend/src/services/model/riak/riak-instance.ts
+++ b/dbm-ui/frontend/src/services/model/riak/riak-instance.ts
@@ -1,3 +1,5 @@
+import type { HostInfo, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
+
 export default class RiakInstance {
   bk_cloud_id: number;
   bk_cloud_name: string;
@@ -8,68 +10,18 @@ export default class RiakInstance {
   create_at: string;
   db_module_id: number;
   db_module_name: string;
-  host_info: {
-    alive: number;
-    biz: {
-      id: number;
-      name: string;
-    };
-    cloud_area: {
-      id: number;
-      name: string;
-    };
-    cloud_id: number;
-    host_id: number;
-    host_name: string;
-    ip: string;
-    ipv6: string;
-    meta: {
-      bk_biz_id: number;
-      scope_id: number;
-      scope_type: string;
-    };
-    scope_id: string;
-    scope_type: string;
-    os_name: string;
-    bk_cpu: number;
-    bk_disk: number;
-    bk_mem: number;
-    os_type: string;
-    agent_id: number;
-    cpu: string;
-    cloud_vendor: string;
-    bk_idc_name: string;
-  };
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
   master_domain: string;
   port: number;
-  related_clusters: {
-    alias: string;
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    cluster_name: string;
-    cluster_type: string;
-    creator: string;
-    db_module_id: number;
-    id: number;
-    major_version: string;
-    master_domain: string;
-    phase: string;
-    region: string;
-    status: string;
-    time_zone: string;
-    updater: string;
-  }[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   slave_domain: string;
-  spec_config: {
-    id: number;
-  };
+  spec_config: InstanceListSpecConfig;
   status: string;
   version: string;
-  permission: Record<string, boolean>;
 
   constructor(payload = {} as RiakInstance) {
     this.bk_cloud_id = payload.bk_cloud_id;
@@ -81,7 +33,7 @@ export default class RiakInstance {
     this.create_at = payload.create_at;
     this.db_module_id = payload.db_module_id;
     this.db_module_name = payload.db_module_name;
-    this.host_info = payload.host_info;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.ip = payload.ip;
@@ -93,6 +45,5 @@ export default class RiakInstance {
     this.spec_config = payload.spec_config;
     this.status = payload.status;
     this.version = payload.version;
-    this.permission = payload.permission;
   }
 }
diff --git a/dbm-ui/frontend/src/services/model/riak/riak.ts b/dbm-ui/frontend/src/services/model/riak/riak.ts
index 7f22f715b7..a922a6e9a1 100644
--- a/dbm-ui/frontend/src/services/model/riak/riak.ts
+++ b/dbm-ui/frontend/src/services/model/riak/riak.ts
@@ -10,10 +10,12 @@
  * 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 { uniq } from 'lodash';
 
-import { utcDisplayTime } from '@utils';
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
+
+import { isRecentDays, utcDisplayTime } from '@utils';
 
 import { t } from '@locales/index';
 
@@ -43,29 +45,28 @@ export default class Riak {
     [Riak.RIAK_CLUSTER_REBOOT]: t('重启任务进行中'),
   };
 
-  id: number;
-  phase: 'online' | 'offline';
-  phase_name: string;
-  status: 'normal' | 'abnormal';
-  cluster_name: string;
-  cluster_alias: string;
-  major_version: string;
+  access_url: string;
   bk_biz_id: number;
   bk_biz_name: string;
   bk_cloud_id: number;
   bk_cloud_name: string;
+  cluster_access_port: number;
+  cluster_alias: string;
+  cluster_entry: ClusterListEntry[];
+  cluster_name: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
   cluster_type_name: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  create_at: string;
+  creator: string;
+  db_module_id: number;
+  db_module_name: string;
+  domain: string;
+  id: number;
+  major_version: string;
+  master_domain: string;
+  operations: ClusterListOperation[];
   permission: {
     riak_access_entry_view: boolean;
     riak_cluster_destroy: boolean;
@@ -76,86 +77,51 @@ export default class Riak {
     riak_enable_disable: boolean;
     riak_view: boolean;
   };
-  riak_node: Array<{
-    name: string;
-    ip: string;
-    port: number;
-    instance: string;
-    status: 'running' | 'unavailable';
-    phase: string;
-    bk_instance_id: number;
-    bk_host_id: number;
-    bk_cloud_id: number;
-    spec_config: {
-      id: number;
-      cpu: {
-        max: number;
-        min: number;
-      };
-      mem: {
-        max: number;
-        min: number;
-      };
-      qps: {
-        max: number;
-        min: number;
-      };
-      name: string;
-      device_class: Array<unknown>;
-      storage_spec: Array<{
-        size: number;
-        type: string;
-        mount_point: string;
-      }>;
-    };
-  }>;
-  domain: string;
-  creator: string;
-  updater: string;
-  create_at: string;
+  phase: 'online' | 'offline';
+  phase_name: string;
+  region: string;
+  riak_node: ClusterListNode[];
+  slave_domain: string;
+  status: 'normal' | 'abnormal';
   update_at: string;
-  access_url: string;
-  cap_usage: number;
-  db_module_id: number;
-  db_module_name: string;
+  updater: string;
 
   constructor(payload = {} as Riak) {
-    this.id = payload.id;
-    this.phase = payload.phase;
-    this.phase_name = payload.phase_name;
-    this.status = payload.status;
-    this.cluster_name = payload.cluster_name;
+    this.access_url = payload.access_url;
+    this.bk_biz_id = payload.bk_biz_id || 0;
+    this.bk_biz_name = payload.bk_biz_name || '';
+    this.bk_cloud_id = payload.bk_cloud_id || 0;
+    this.bk_cloud_name = payload.bk_cloud_name || '';
+    this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
-    this.major_version = payload.major_version;
-    this.bk_biz_id = payload.bk_biz_id;
-    this.bk_biz_name = payload.bk_biz_name;
-    this.bk_cloud_id = payload.bk_cloud_id;
-    this.bk_cloud_name = payload.bk_cloud_name;
+    this.cluster_entry = payload.cluster_entry || [];
+    this.cluster_name = payload.cluster_name || '';
     this.cluster_stats = payload.cluster_stats || {};
-    this.cluster_type = payload.cluster_type;
-    this.cluster_type_name = payload.cluster_type_name;
-    this.operations = payload.operations;
-    this.permission = payload.permission;
-    this.riak_node = payload.riak_node;
+    this.cluster_type = payload.cluster_type || '';
+    this.cluster_type_name = payload.cluster_type_name || '';
+    this.cluster_time_zone = payload.cluster_time_zone || '';
+    this.create_at = payload.create_at || '';
+    this.creator = payload.creator || '';
+    this.db_module_id = payload.db_module_id || 0;
+    this.db_module_name = payload.db_module_name || '';
     this.domain = payload.domain;
-    this.creator = payload.creator;
-    this.updater = payload.updater;
-    this.create_at = payload.create_at;
+    this.id = payload.id || 0;
+    this.master_domain = payload.master_domain || '';
+    this.major_version = payload.major_version || '';
+    this.operations = payload.operations || [];
+    this.permission = payload.permission || {};
+    this.phase = payload.phase || '';
+    this.phase_name = payload.phase_name || '';
+    this.region = payload.region || '';
+    this.riak_node = payload.riak_node || [];
+    this.slave_domain = payload.slave_domain || '';
+    this.status = payload.status || '';
     this.update_at = payload.update_at;
-    this.access_url = payload.access_url;
-    this.cap_usage = payload.cap_usage;
-    this.db_module_id = payload.db_module_id;
-    this.db_module_name = payload.db_module_name;
+    this.updater = payload.updater;
   }
 
   get isNewRow() {
-    if (!this.create_at) {
-      return '';
-    }
-
-    const createDay = dayjs(this.create_at);
-    const today = dayjs();
-    return today.diff(createDay, 'hour') <= 24;
+    return isRecentDays(this.create_at, 24 * 3);
   }
 
   get allInstanceList() {
@@ -224,10 +190,6 @@ export default class Riak {
       return true;
     }
 
-    // if (!this.isOnline) {
-    //   return true;
-    // }
-
     if (this.operationTicketId) {
       return true;
     }
diff --git a/dbm-ui/frontend/src/services/model/spider/spider.ts b/dbm-ui/frontend/src/services/model/spider/spider.ts
deleted file mode 100644
index 333922a16d..0000000000
--- a/dbm-ui/frontend/src/services/model/spider/spider.ts
+++ /dev/null
@@ -1,187 +0,0 @@
-/*
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at https://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
- */
-import { uniq } from 'lodash';
-
-import { PipelineStatus } from '@common/const';
-
-interface SpiderInstance {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: string;
-  port: number;
-  status: string;
-  spec_config: {
-    count: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    id: number;
-    mem: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    qps: {
-      max: number;
-      min: number;
-    };
-    storage_spec: {
-      mount_point: string;
-      size: number;
-      type: string;
-    }[];
-  };
-}
-export default class Spider {
-  bk_biz_id: number;
-  bk_biz_name: string;
-  bk_cloud_id: number;
-  bk_cloud_name: string;
-  cluster_capacity: number;
-  cluster_name: string;
-  cluster_shard_num: number;
-  cluster_spec: {
-    cpu: {
-      max: number;
-      min: number;
-    };
-    creator: string;
-    desc: string;
-    device_class: Record<string, any>[];
-    mem: {
-      max: number;
-      min: number;
-    };
-    instance_num: number;
-    qps: {
-      max: number;
-      min: number;
-    };
-    spec_cluster_type: string;
-    spec_id: number;
-    spec_machine_type: string;
-    spec_name: string;
-    storage_spec: {
-      size: number;
-      type: string;
-      mount_point: string;
-    }[];
-  };
-  cluster_type: string;
-  cluster_entry_details: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-    target_details: {
-      app: string;
-      bk_cloud_iduid: number;
-      dns_str: string;
-      domain_name: string;
-      domain_typeuid: number;
-      ip: string;
-      last_change_time: string;
-      manager: string;
-      port: number;
-      remark: string;
-      start_time: string;
-      status: string;
-      uid: number;
-    }[];
-  }[];
-  create_at: string;
-  creator: string;
-  db_module_id: number;
-  db_module_name: string;
-  id: number;
-  machine_pair_cnt: number;
-  major_version: string;
-  master_domain: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    status: PipelineStatus;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
-  phase: string;
-  region: string;
-  remote_db: SpiderInstance[];
-  remote_dr: SpiderInstance[];
-  remote_shard_num: number;
-  slave_domain: string;
-  spider_master: SpiderInstance[];
-  spider_mnt: SpiderInstance[];
-  spider_slave: SpiderInstance[];
-  status: string;
-
-  constructor(payload = {} as Spider) {
-    this.bk_biz_id = payload.bk_biz_id;
-    this.bk_biz_name = payload.bk_biz_name;
-    this.bk_cloud_id = payload.bk_cloud_id;
-    this.bk_cloud_name = payload.bk_cloud_name;
-    this.cluster_capacity = payload.cluster_capacity;
-    this.cluster_name = payload.cluster_name;
-    this.cluster_shard_num = payload.cluster_shard_num;
-    this.cluster_spec = payload.cluster_spec;
-    this.cluster_type = payload.cluster_type;
-    this.cluster_entry_details = payload.cluster_entry_details;
-    this.create_at = payload.create_at;
-    this.creator = payload.creator;
-    this.db_module_id = payload.db_module_id;
-    this.db_module_name = payload.db_module_name;
-    this.id = payload.id;
-    this.machine_pair_cnt = payload.machine_pair_cnt;
-    this.major_version = payload.major_version;
-    this.master_domain = payload.master_domain;
-    this.operations = payload.operations || [];
-    this.phase = payload.phase;
-    this.region = payload.region;
-    this.remote_db = payload.remote_db || [];
-    this.remote_dr = payload.remote_dr || [];
-    this.remote_shard_num = payload.remote_shard_num;
-    this.slave_domain = payload.slave_domain;
-    this.spider_master = payload.spider_master || [];
-    this.spider_mnt = payload.spider_mnt || [];
-    this.spider_slave = payload.spider_slave || [];
-    this.status = payload.status;
-  }
-
-  get isClusterNormal() {
-    return this.status === 'normal';
-  }
-
-  get allInstanceList() {
-    return [...this.remote_db, ...this.remote_dr, ...this.spider_master, ...this.spider_mnt, ...this.spider_slave];
-  }
-
-  get allIPList() {
-    return uniq(this.allInstanceList.map((item) => item.ip));
-  }
-
-  // 异常主机IP
-  get allUnavailableIPList() {
-    return uniq(
-      this.allInstanceList.reduce(
-        (pre, cur) => [...pre, ...(cur.status === 'unavailable' ? [cur.ip] : [])],
-        [] as string[],
-      ),
-    );
-  }
-}
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster-detail.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster-detail.ts
deleted file mode 100644
index 56b039922f..0000000000
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster-detail.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-/*
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at https://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
- */
-
-import TimeBaseClassModel from '../utils/time-base-class';
-
-export default class SqlServerClusterDetail extends TimeBaseClassModel {
-  bk_biz_id: number;
-  bk_biz_name: string;
-  bk_cloud_id: number;
-  bk_cloud_name: string;
-  cluster_access_port: number;
-  cluster_alias: string;
-  cluster_entry: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-  }[];
-  cluster_entry_details: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-    target_details: {
-      app: string;
-      bk_cloud_id: number;
-      dns_str: string;
-      domain_name: string;
-      domain_type: number;
-      ip: string;
-      last_change_time: string;
-      manager: string;
-      port: number;
-      remark: string;
-      start_time: string;
-      status: string;
-      uid: number;
-    }[];
-  }[];
-  cluster_name: string;
-  cluster_stats: Record<string, any>;
-  cluster_time_zone: string;
-  cluster_type: string;
-  cluster_type_name: string;
-  create_at: string;
-  creator: string;
-  db_module_id: number;
-  db_module_name: string;
-  id: number;
-  major_version: string;
-  master_domain: string;
-  masters: {
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    bk_host_id: number;
-    bk_instance_id: number;
-    instance?: string;
-    ip: string;
-    name: string;
-    phase: string;
-    port: number;
-    spec_config: {
-      id: number;
-    };
-    status: string;
-    version: string;
-  }[];
-  operations: {
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }[];
-  phase: string;
-  phase_name: string;
-  region: string;
-  slave_domain: string;
-  slaves: SqlServerClusterDetail['masters'];
-  status: string;
-  sync_mode: string;
-  update_at: string;
-  updater: string;
-
-  constructor(payload: SqlServerClusterDetail) {
-    super(payload);
-    this.bk_biz_id = payload.bk_biz_id;
-    this.bk_biz_name = payload.bk_biz_name;
-    this.bk_cloud_id = payload.bk_cloud_id;
-    this.bk_cloud_name = payload.bk_cloud_name;
-    this.cluster_access_port = payload.cluster_access_port;
-    this.cluster_alias = payload.cluster_alias;
-    this.cluster_entry = payload.cluster_entry;
-    this.cluster_entry_details = payload.cluster_entry_details;
-    this.cluster_name = payload.cluster_name;
-    this.cluster_stats = payload.cluster_stats;
-    this.cluster_time_zone = payload.cluster_time_zone;
-    this.cluster_type = payload.cluster_type;
-    this.cluster_type_name = payload.cluster_type_name;
-    this.create_at = payload.create_at;
-    this.creator = payload.creator;
-    this.db_module_id = payload.db_module_id;
-    this.db_module_name = payload.db_module_name;
-    this.id = payload.id;
-    this.major_version = payload.major_version;
-    this.master_domain = payload.master_domain;
-    this.masters = payload.masters || [];
-    this.operations = payload.operations;
-    this.phase = payload.phase;
-    this.phase_name = payload.phase_name;
-    this.region = payload.region;
-    this.slave_domain = payload.slave_domain;
-    this.slaves = payload.slaves || [];
-    this.status = payload.status;
-    this.sync_mode = payload.sync_mode;
-    this.update_at = payload.update_at;
-    this.updater = payload.updater;
-  }
-}
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-detail.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-detail.ts
new file mode 100644
index 0000000000..db100d8b29
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import SqlserverHaModel from './sqlserver-ha';
+
+export default class SqlserverHaDetail extends SqlserverHaModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as SqlserverHaDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-instance.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-instance.ts
index ee58f56350..9979a973b4 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-instance.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-instance.ts
@@ -11,6 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
+
 import { clusterInstStatus, ClusterInstStatusKeys } from '@common/const';
 
 import { isRecentDays, utcDisplayTime } from '@utils';
@@ -25,38 +27,7 @@ export default class SqlServerHaInstance {
   create_at: string;
   db_module_id: number;
   db_module_name: string;
-  host_info: {
-    agent_id: string;
-    alive: number;
-    biz: {
-      id: number;
-      name: string;
-    };
-    cloud_area: {
-      id: number;
-      name: string;
-    };
-    cloud_id: number;
-    host_id: number;
-    host_name?: string;
-    ip: string;
-    ipv6: string;
-    meta: {
-      bk_biz_id: number;
-      scope_id: number;
-      scope_type: string;
-    };
-    scope_id: string;
-    scope_type: string;
-    os_name: string;
-    bk_cpu: number;
-    bk_disk: number;
-    bk_mem: number;
-    os_type: string;
-    cpu: string;
-    cloud_vendor: string;
-    bk_idc_name: string;
-  };
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
@@ -66,48 +37,10 @@ export default class SqlServerHaInstance {
     sqlserver_view: boolean;
   };
   port: number;
-  related_clusters: {
-    alias: string;
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    cluster_name: string;
-    cluster_type: string;
-    creator: string;
-    db_module_id: number;
-    id: number;
-    major_version: string;
-    master_domain: string;
-    phase: string;
-    region: string;
-    status: string;
-    time_zone: string;
-    updater: string;
-  }[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   slave_domain: string;
-  spec_config: {
-    id: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    mem: {
-      max: number;
-      min: number;
-    };
-    qps: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    count: number;
-    device_class: string[];
-    storage_spec: {
-      size: number;
-      type: string;
-      mount_point: string;
-    }[];
-  };
+  spec_config: InstanceListSpecConfig;
   status: ClusterInstStatusKeys;
   version: string;
 
@@ -121,7 +54,7 @@ export default class SqlServerHaInstance {
     this.create_at = payload.create_at;
     this.db_module_id = payload.db_module_id;
     this.db_module_name = payload.db_module_name;
-    this.host_info = payload.host_info;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.ip = payload.ip;
@@ -132,7 +65,7 @@ export default class SqlServerHaInstance {
     this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.slave_domain = payload.slave_domain;
-    this.spec_config = payload.spec_config;
+    this.spec_config = payload.spec_config || {};
     this.status = payload.status;
     this.version = payload.version;
   }
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha.ts
similarity index 84%
rename from dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts
rename to dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha.ts
index ff4f830112..a148914cb4 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha-cluster.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-ha.ts
@@ -13,27 +13,13 @@
 
 import { uniq } from 'lodash';
 
-import { PipelineStatus } from '@common/const';
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation, ClusterListSpec } from '@services/types';
 
 import { t } from '@locales/index';
 
-import TimeBaseClassModel from '../utils/time-base-class';
+import DateTime from '../_dateTime';
 
-interface SqlServerHaInstance {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: string;
-  port: number;
-  spec_config: Record<'id', number>;
-  status: string;
-}
-
-export default class SqlServerHaCluster extends TimeBaseClassModel {
+export default class SqlServerHaCluster extends DateTime {
   static SQLSERVER_DESTROY = 'SQLSERVER_DESTROY';
   static SQLSERVER_DISABLE = 'SQLSERVER_DISABLE';
   static SQLSERVER_ENABLE = 'SQLSERVER_ENABLE';
@@ -61,7 +47,7 @@ export default class SqlServerHaCluster extends TimeBaseClassModel {
   bk_cloud_name: string;
   cluster_access_port: number;
   cluster_alias: string;
-  cluster_entry: string[];
+  cluster_entry: ClusterListEntry[];
   cluster_name: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
   cluster_time_zone: string;
@@ -74,16 +60,8 @@ export default class SqlServerHaCluster extends TimeBaseClassModel {
   id: number;
   major_version: string;
   master_domain: string;
-  masters: SqlServerHaInstance[];
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: PipelineStatus;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  masters: ClusterListNode[];
+  operations: ClusterListOperation[];
   permission: {
     access_entry_edit: boolean;
     sqlserver_view: boolean;
@@ -92,30 +70,8 @@ export default class SqlServerHaCluster extends TimeBaseClassModel {
   phase_name: string;
   region: string;
   slave_domain: string;
-  slaves: SqlServerHaInstance[];
-  spec_config: {
-    id: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    mem: {
-      max: number;
-      min: number;
-    };
-    qps: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    count: number;
-    device_class: string[];
-    storage_spec: {
-      size: number;
-      type: string;
-      mount_point: string;
-    }[];
-  };
+  slaves: ClusterListNode[];
+  spec_config: ClusterListSpec;
   status: string;
   sync_mode: string;
   update_at: Date | string;
@@ -142,15 +98,15 @@ export default class SqlServerHaCluster extends TimeBaseClassModel {
     this.id = payload.id;
     this.major_version = payload.major_version;
     this.master_domain = payload.master_domain;
-    this.masters = payload.masters;
+    this.masters = payload.masters || [];
     this.operations = payload.operations;
     this.permission = payload.permission || {};
     this.phase = payload.phase;
     this.phase_name = payload.phase_name;
     this.region = payload.region;
     this.slave_domain = payload.slave_domain;
-    this.slaves = payload.slaves;
-    this.spec_config = payload.spec_config;
+    this.slaves = payload.slaves || [];
+    this.spec_config = payload.spec_config || {};
     this.status = payload.status;
     this.sync_mode = payload.sync_mode;
     this.update_at = payload.update_at;
diff --git a/dbm-ui/frontend/src/services/model/sqlserver-permission/sqlserver-permission-account.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-permission-account.ts
similarity index 100%
rename from dbm-ui/frontend/src/services/model/sqlserver-permission/sqlserver-permission-account.ts
rename to dbm-ui/frontend/src/services/model/sqlserver/sqlserver-permission-account.ts
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster-detail.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster-detail.ts
deleted file mode 100644
index 880d105d8a..0000000000
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster-detail.ts
+++ /dev/null
@@ -1,127 +0,0 @@
-/*
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at https://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
- */
-
-import TimeBaseClassModel from '../utils/time-base-class';
-
-export default class SqlServerSingleClusterDetail extends TimeBaseClassModel {
-  bk_biz_id: number;
-  bk_biz_name: string;
-  bk_cloud_id: number;
-  bk_cloud_name: string;
-  cluster_access_port: number;
-  cluster_alias: string;
-  cluster_entry: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-  }[];
-  cluster_entry_details: {
-    cluster_entry_type: string;
-    entry: string;
-    role: string;
-    target_details: {
-      app: string;
-      bk_cloud_id: number;
-      dns_str: string;
-      domain_name: string;
-      domain_type: number;
-      ip: string;
-      last_change_time: string;
-      manager: string;
-      port: number;
-      remark: string;
-      start_time: string;
-      status: string;
-      uid: number;
-    }[];
-  }[];
-  cluster_name: string;
-  cluster_stats: Record<string, any>;
-  cluster_time_zone: string;
-  cluster_type: string;
-  cluster_type_name: string;
-  create_at: string;
-  creator: string;
-  db_module_id: number;
-  db_module_name: string;
-  id: number;
-  major_version: string;
-  master_domain: string;
-  operations: {
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }[];
-  phase: string;
-  phase_name: string;
-  region: string;
-  slave_domain: string;
-  status: string;
-  storages: {
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    bk_host_id: number;
-    bk_instance_id: number;
-    instance: string;
-    ip: string;
-    name: string;
-    phase: string;
-    port: number;
-    spec_config: {
-      id: number;
-    };
-    status: string;
-    version: string;
-  }[];
-  sync_mode: string;
-  update_at: string;
-  updater: string;
-
-  constructor(payload: SqlServerSingleClusterDetail) {
-    super(payload);
-    this.bk_biz_id = payload.bk_biz_id;
-    this.bk_biz_name = payload.bk_biz_name;
-    this.bk_cloud_id = payload.bk_cloud_id;
-    this.bk_cloud_name = payload.bk_cloud_name;
-    this.cluster_access_port = payload.cluster_access_port;
-    this.cluster_alias = payload.cluster_alias;
-    this.cluster_entry = payload.cluster_entry;
-    this.cluster_entry_details = payload.cluster_entry_details;
-    this.cluster_name = payload.cluster_name;
-    this.cluster_stats = payload.cluster_stats;
-    this.cluster_time_zone = payload.cluster_time_zone;
-    this.cluster_type = payload.cluster_type;
-    this.cluster_type_name = payload.cluster_type_name;
-    this.create_at = payload.create_at;
-    this.creator = payload.creator;
-    this.db_module_id = payload.db_module_id;
-    this.db_module_name = payload.db_module_name;
-    this.id = payload.id;
-    this.major_version = payload.major_version;
-    this.master_domain = payload.master_domain;
-    this.operations = payload.operations;
-    this.phase = payload.phase;
-    this.phase_name = payload.phase_name;
-    this.region = payload.region;
-    this.slave_domain = payload.slave_domain;
-    this.status = payload.status;
-    this.storages = payload.storages;
-    this.sync_mode = payload.sync_mode;
-    this.update_at = payload.update_at;
-    this.updater = payload.updater;
-  }
-}
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-detail.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-detail.ts
new file mode 100644
index 0000000000..69c846bbc9
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import SqlserverSingleModel from './sqlserver-single';
+
+export default class SqlserverSingleDetail extends SqlserverSingleModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as SqlserverSingleDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-instance.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-instance.ts
index 15849adcfc..fc8c0c69df 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-instance.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-instance.ts
@@ -1,3 +1,5 @@
+import type { HostInfo, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
+
 export default class SqlServerSingleInstance {
   bk_cloud_id: number;
   bk_cloud_name: string;
@@ -8,38 +10,7 @@ export default class SqlServerSingleInstance {
   create_at: string;
   db_module_id: number;
   db_module_name: string;
-  host_info: {
-    agent_id: string;
-    alive: number;
-    biz: {
-      id: number;
-      name: string;
-    };
-    cloud_area: {
-      id: number;
-      name: string;
-    };
-    cloud_id: number;
-    host_id: number;
-    host_name?: string;
-    ip: string;
-    ipv6: string;
-    meta: {
-      bk_biz_id: number;
-      scope_id: number;
-      scope_type: string;
-    };
-    scope_id: string;
-    scope_type: string;
-    os_name: string;
-    bk_cpu: number;
-    bk_disk: number;
-    bk_mem: number;
-    os_type: string;
-    cpu: string;
-    cloud_vendor: string;
-    bk_idc_name: string;
-  };
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
@@ -49,48 +20,10 @@ export default class SqlServerSingleInstance {
     sqlserver_view: boolean;
   };
   port: number;
-  related_clusters: {
-    alias: string;
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    cluster_name: string;
-    cluster_type: string;
-    creator: string;
-    db_module_id: number;
-    id: number;
-    major_version: string;
-    master_domain: string;
-    phase: string;
-    region: string;
-    status: string;
-    time_zone: string;
-    updater: string;
-  }[];
+  related_clusters: InstanceRelatedCluster[];
   role: string;
   slave_domain: string;
-  spec_config: {
-    id: number;
-    cpu: {
-      max: number;
-      min: number;
-    };
-    mem: {
-      max: number;
-      min: number;
-    };
-    qps: {
-      max: number;
-      min: number;
-    };
-    name: string;
-    count: number;
-    device_class: string[];
-    storage_spec: {
-      size: number;
-      type: string;
-      mount_point: string;
-    }[];
-  };
+  spec_config: InstanceListSpecConfig;
   status: string;
   version: string;
   constructor(payload = {} as SqlServerSingleInstance) {
@@ -103,7 +36,7 @@ export default class SqlServerSingleInstance {
     this.create_at = payload.create_at;
     this.db_module_id = payload.db_module_id;
     this.db_module_name = payload.db_module_name;
-    this.host_info = payload.host_info;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.ip = payload.ip;
@@ -111,10 +44,10 @@ export default class SqlServerSingleInstance {
     this.master_domain = payload.master_domain;
     this.permission = payload.permission;
     this.port = payload.port;
-    this.related_clusters = payload.related_clusters;
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.slave_domain = payload.slave_domain;
-    this.spec_config = payload.spec_config;
+    this.spec_config = payload.spec_config || {};
     this.status = payload.status;
     this.version = payload.version;
   }
diff --git a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single.ts
similarity index 87%
rename from dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts
rename to dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single.ts
index 84a868f449..85383f9e62 100644
--- a/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single-cluster.ts
+++ b/dbm-ui/frontend/src/services/model/sqlserver/sqlserver-single.ts
@@ -13,13 +13,13 @@
 
 import { uniq } from 'lodash';
 
-import { PipelineStatus } from '@common/const';
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation } from '@services/types';
 
 import { t } from '@locales/index';
 
-import TimeBaseClassModel from '../utils/time-base-class';
+import DateTime from '../_dateTime';
 
-export default class SqlServerSingleCluster extends TimeBaseClassModel {
+export default class SqlServerSingleCluster extends DateTime {
   static SQLSERVER_DESTROY = 'SQLSERVER_DESTROY';
   static SQLSERVER_DISABLE = 'SQLSERVER_DISABLE';
   static SQLSERVER_ENABLE = 'SQLSERVER_ENABLE';
@@ -47,26 +47,20 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
   bk_cloud_name: string;
   cluster_access_port: number;
   cluster_alias: string;
+  cluster_entry: ClusterListEntry[];
   cluster_name: string;
-  cluster_time_zone: string;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
+  cluster_time_zone: string;
   cluster_type: string;
   cluster_type_name: string;
+  create_at: string;
   creator: string;
   db_module_id: number;
   db_module_name: string;
   id: number;
   major_version: string;
   master_domain: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    operator: string;
-    status: PipelineStatus;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-  }>;
+  operations: ClusterListOperation[];
   permission: {
     access_entry_edit: boolean;
     sqlserver_view: boolean;
@@ -76,36 +70,7 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
   region: string;
   slave_domain: string;
   status: string;
-  storages: Array<{
-    bk_biz_id: number;
-    bk_cloud_id: number;
-    bk_host_id: number;
-    bk_instance_id: number;
-    instance: string;
-    ip: string;
-    name: string;
-    port: number;
-    spec_config: {
-      count: number;
-      cpu: {
-        max: number;
-        min: number;
-      };
-      id: number;
-      mem: {
-        max: number;
-        min: number;
-      };
-      name: string;
-      storage_spec: Array<{
-        mount_point: string;
-        size: number;
-        type: string;
-      }>;
-    };
-    status: string;
-    phase: string;
-  }>;
+  storages: ClusterListNode[];
   sync_mode: string;
   update_at: string;
   updater: string;
@@ -118,11 +83,13 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
     this.bk_cloud_name = payload.bk_cloud_name;
     this.cluster_access_port = payload.cluster_access_port;
     this.cluster_alias = payload.cluster_alias;
+    this.cluster_entry = payload.cluster_entry || [];
     this.cluster_name = payload.cluster_name;
     this.cluster_time_zone = payload.cluster_time_zone;
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type;
     this.cluster_type_name = payload.cluster_type_name;
+    this.create_at = payload.create_at;
     this.creator = payload.creator;
     this.db_module_id = payload.db_module_id;
     this.db_module_name = payload.db_module_name;
@@ -130,6 +97,7 @@ export default class SqlServerSingleCluster extends TimeBaseClassModel {
     this.major_version = payload.major_version;
     this.master_domain = payload.master_domain;
     this.operations = payload.operations;
+    this.permission = payload.permission || {};
     this.phase = payload.phase;
     this.phase_name = payload.phase_name;
     this.region = payload.region;
diff --git a/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-detail.ts b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-detail.ts
new file mode 100644
index 0000000000..ef1cfbd192
--- /dev/null
+++ b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-detail.ts
@@ -0,0 +1,25 @@
+/*
+ * 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 { ClusterEntryDetail } from '@services/types';
+
+import TendbclusterModel from './tendbcluster';
+
+export default class TendbclusterDetail extends TendbclusterModel {
+  cluster_entry_details: ClusterEntryDetail[];
+
+  constructor(payload = {} as TendbclusterDetail) {
+    super(payload);
+    this.cluster_entry_details = payload.cluster_entry_details;
+  }
+}
diff --git a/dbm-ui/frontend/src/services/model/spider/tendbInstance.ts b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-instance.ts
similarity index 63%
rename from dbm-ui/frontend/src/services/model/spider/tendbInstance.ts
rename to dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-instance.ts
index 56748e827f..aa69a23211 100644
--- a/dbm-ui/frontend/src/services/model/spider/tendbInstance.ts
+++ b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-instance.ts
@@ -10,7 +10,7 @@
  * 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 { InstanceSpecInfo } from '@services/model/spider/tendbCluster';
+import type { HostInfo, InstanceListSpecConfig, InstanceRelatedCluster } from '@services/types';
 
 import { isRecentDays, utcDisplayTime } from '@utils';
 
@@ -19,43 +19,12 @@ export default class TendbInstance {
   bk_cloud_name: string;
   bk_host_id: number;
   cluster_id: number;
-  cluster_type: string;
   cluster_name: string;
+  cluster_type: string;
   create_at: string;
   db_module_id: number;
   db_module_name: string;
-  host_info: {
-    agent_id: string;
-    alive: number;
-    biz: {
-      id: number;
-      name: string;
-    };
-    cloud_area: {
-      id: number;
-      name: string;
-    };
-    cloud_id: number;
-    host_id: number;
-    host_name?: string;
-    ip: string;
-    ipv6: string;
-    meta: {
-      bk_biz_id: number;
-      scope_id: number;
-      scope_type: string;
-    };
-    scope_id: string;
-    scope_type: string;
-    os_name: string;
-    bk_cpu: number;
-    bk_disk: number;
-    bk_mem: number;
-    os_type: string;
-    cpu: string;
-    cloud_vendor: string;
-    bk_idc_name: string;
-  };
+  host_info: HostInfo;
   id: number;
   instance_address: string;
   ip: string;
@@ -65,19 +34,12 @@ export default class TendbInstance {
     tendbcluster_view: boolean;
   };
   port: number;
+  related_clusters: InstanceRelatedCluster[];
   role: string;
-  status: 'running' | 'unavailable';
   slave_domain: string;
-  spec_config: InstanceSpecInfo;
+  spec_config: InstanceListSpecConfig;
+  status: 'running' | 'unavailable';
   version: string;
-  bk_cpu: number;
-  bk_disk: number;
-  bk_host_innerip: string;
-  bk_mem: number;
-  bk_os_name: string;
-  bk_idc_name: string;
-  bk_idc_id: string;
-  db_version: string;
 
   constructor(payload = {} as TendbInstance) {
     this.bk_cloud_id = payload.bk_cloud_id;
@@ -89,7 +51,7 @@ export default class TendbInstance {
     this.create_at = payload.create_at;
     this.db_module_id = payload.db_module_id;
     this.db_module_name = payload.db_module_name;
-    this.host_info = payload.host_info;
+    this.host_info = payload.host_info || {};
     this.id = payload.id;
     this.instance_address = payload.instance_address;
     this.ip = payload.ip;
@@ -97,19 +59,12 @@ export default class TendbInstance {
     this.master_domain = payload.master_domain;
     this.permission = payload.permission;
     this.port = payload.port;
+    this.related_clusters = payload.related_clusters || [];
     this.role = payload.role;
     this.slave_domain = payload.slave_domain;
-    this.spec_config = payload.spec_config;
+    this.spec_config = payload.spec_config || {};
     this.status = payload.status;
     this.version = payload.version;
-    this.bk_cpu = payload.bk_cpu ?? 0;
-    this.bk_disk = payload.bk_disk ?? 0;
-    this.bk_host_innerip = payload.bk_host_innerip ?? '';
-    this.bk_mem = payload.bk_mem ?? 0;
-    this.bk_os_name = payload.bk_os_name ?? '';
-    this.bk_idc_id = payload.bk_idc_id ?? '';
-    this.bk_idc_name = payload.bk_idc_name ?? '';
-    this.db_version = payload.db_version ?? '';
   }
 
   get createAtDisplay() {
diff --git a/dbm-ui/frontend/src/services/model/spider/spiderMachine.ts b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-machine.ts
similarity index 100%
rename from dbm-ui/frontend/src/services/model/spider/spiderMachine.ts
rename to dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster-machine.ts
diff --git a/dbm-ui/frontend/src/services/model/spider/tendbCluster.ts b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster.ts
similarity index 87%
rename from dbm-ui/frontend/src/services/model/spider/tendbCluster.ts
rename to dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster.ts
index bbac3eda3c..2121a53edf 100644
--- a/dbm-ui/frontend/src/services/model/spider/tendbCluster.ts
+++ b/dbm-ui/frontend/src/services/model/tendbcluster/tendbcluster.ts
@@ -13,7 +13,7 @@
 
 import { uniq } from 'lodash';
 
-import type ResourceSpecModel from '@services/model/resource-spec/resourceSpec';
+import type { ClusterListEntry, ClusterListNode, ClusterListOperation, ClusterListSpec } from '@services/types';
 
 import { isRecentDays, utcDisplayTime } from '@utils';
 
@@ -43,21 +43,6 @@ export type InstanceSpecInfo = {
   };
 };
 
-export type Instance = {
-  bk_biz_id: number;
-  bk_cloud_id: number;
-  bk_host_id: number;
-  bk_instance_id: number;
-  instance: string;
-  ip: string;
-  name: string;
-  phase: 'online' | 'offline';
-  port: number;
-  status: 'running' | 'unavailable';
-  spec_config: InstanceSpecInfo;
-  shard_id?: number;
-};
-
 export default class TendbCluster {
   static TENDBCLUSTER_SPIDER_ADD_NODES = 'TENDBCLUSTER_SPIDER_ADD_NODES';
   static TENDBCLUSTER_SPIDER_REDUCE_NODES = 'TENDBCLUSTER_SPIDER_REDUCE_NODES';
@@ -89,13 +74,17 @@ export default class TendbCluster {
   bk_biz_name: string;
   bk_cloud_id: number;
   bk_cloud_name: string;
+  cluster_access_port: number;
+  cluster_alias: string;
   cluster_capacity: number;
+  cluster_entry: ClusterListEntry[];
   cluster_name: string;
   cluster_shard_num: number;
-  cluster_spec: ResourceSpecModel;
+  cluster_spec: ClusterListSpec;
   cluster_stats: Record<'used' | 'total' | 'in_use', number>;
-  cluster_type: string;
   cluster_time_zone: string;
+  cluster_type: string;
+  cluster_type_name: string;
   create_at: string;
   creator: string;
   db_module_id: number;
@@ -104,18 +93,7 @@ export default class TendbCluster {
   machine_pair_cnt: number;
   major_version: string;
   master_domain: string;
-  operations: Array<{
-    cluster_id: number;
-    flow_id: number;
-    status: string;
-    ticket_id: number;
-    ticket_type: string;
-    title: string;
-    operationStatusText: string;
-    operationStatusIcon: string;
-    operationTicketId: number;
-    operationDisabled: boolean;
-  }>;
+  operations: ClusterListOperation[];
   permission: {
     tendbcluster_destroy: boolean;
     tendbcluster_dump_data: boolean;
@@ -130,32 +108,38 @@ export default class TendbCluster {
     access_entry_edit: boolean;
   };
   phase: 'online' | 'offline';
+  phase_name: string;
   region: string;
-  remote_db: Instance[];
-  remote_dr: Instance[];
+  remote_db: ClusterListNode[];
+  remote_dr: ClusterListNode[];
   remote_shard_num: number;
   slave_domain: string;
-  spider_master: Instance[];
-  spider_mnt: Instance[];
-  spider_slave: Instance[];
-  spider_ctl_primary: string;
+  spider_master: ClusterListNode[];
+  spider_mnt: ClusterListNode[];
+  spider_slave: ClusterListNode[];
   status: string;
   temporary_info: {
-    source_cluster?: string;
+    source_cluster: string;
     ticket_id: number;
   };
+  update_at: string;
+  updater: string;
 
   constructor(payload = {} as TendbCluster) {
     this.bk_biz_id = payload.bk_biz_id;
     this.bk_biz_name = payload.bk_biz_name;
     this.bk_cloud_id = payload.bk_cloud_id;
     this.bk_cloud_name = payload.bk_cloud_name;
+    this.cluster_access_port = payload.cluster_access_port;
+    this.cluster_alias = payload.cluster_alias;
     this.cluster_capacity = payload.cluster_capacity;
+    this.cluster_entry = payload.cluster_entry || [];
     this.cluster_name = payload.cluster_name;
     this.cluster_shard_num = payload.cluster_shard_num;
     this.cluster_spec = payload.cluster_spec;
     this.cluster_stats = payload.cluster_stats || {};
     this.cluster_type = payload.cluster_type;
+    this.cluster_type_name = payload.cluster_type_name;
     this.cluster_time_zone = payload.cluster_time_zone;
     this.create_at = payload.create_at;
     this.creator = payload.creator;
@@ -165,8 +149,10 @@ export default class TendbCluster {
     this.machine_pair_cnt = payload.machine_pair_cnt;
     this.major_version = payload.major_version;
     this.master_domain = payload.master_domain;
+    this.operations = payload.operations || [];
     this.permission = payload.permission || {};
     this.phase = payload.phase;
+    this.phase_name = payload.phase_name;
     this.region = payload.region;
     this.remote_db = payload.remote_db;
     this.remote_dr = payload.remote_dr;
@@ -175,11 +161,10 @@ export default class TendbCluster {
     this.spider_master = payload.spider_master;
     this.spider_mnt = payload.spider_mnt;
     this.spider_slave = payload.spider_slave;
-    this.spider_ctl_primary = payload.spider_ctl_primary;
     this.status = payload.status;
     this.temporary_info = payload.temporary_info;
-
-    this.operations = this.initOperations(payload.operations);
+    this.update_at = payload.update_at;
+    this.updater = payload.updater;
   }
 
   get allInstanceList() {
@@ -299,11 +284,4 @@ export default class TendbCluster {
   get createAtDisplay() {
     return utcDisplayTime(this.create_at);
   }
-
-  initOperations(payload = [] as TendbCluster['operations']) {
-    if (!Array.isArray(payload)) {
-      return [];
-    }
-    return payload;
-  }
 }
diff --git a/dbm-ui/frontend/src/services/model/ticket/details/redis.ts b/dbm-ui/frontend/src/services/model/ticket/details/redis.ts
index 3bfe3323ce..5d37d8bc6c 100644
--- a/dbm-ui/frontend/src/services/model/ticket/details/redis.ts
+++ b/dbm-ui/frontend/src/services/model/ticket/details/redis.ts
@@ -18,7 +18,7 @@ import {
   RepairAndVerifyModes,
   WriteModes,
 } from '@services/model/redis/redis-dst-history-job';
-import type { ExecuteModes, HostDetails, OnlineSwitchType, RepairModes } from '@services/types';
+import type { ExecuteModes, HostInfo, OnlineSwitchType, RepairModes } from '@services/types';
 
 import type { ClusterTypes } from '@common/const';
 
@@ -274,9 +274,9 @@ export interface RedisDetails extends DetailBase {
   disaster_tolerance_level: string;
   ip_source: string;
   nodes: {
-    proxy: HostDetails[];
-    master: HostDetails[];
-    slave: HostDetails[];
+    proxy: HostInfo[];
+    master: HostInfo[];
+    slave: HostInfo[];
   };
   proxy_port: number;
   proxy_pwd: string;
diff --git a/dbm-ui/frontend/src/services/source/cmdb.ts b/dbm-ui/frontend/src/services/source/cmdb.ts
index 8bf780fc94..45dcb35123 100644
--- a/dbm-ui/frontend/src/services/source/cmdb.ts
+++ b/dbm-ui/frontend/src/services/source/cmdb.ts
@@ -12,8 +12,9 @@
  */
 import pinyin from 'tiny-pinyin';
 
+import type { BizItem } from '@services/types';
+
 import http from '../http';
-import type { BizItem } from '../types';
 
 const path = '/apis/cmdb';
 
diff --git a/dbm-ui/frontend/src/services/source/dbdirty.ts b/dbm-ui/frontend/src/services/source/dbdirty.ts
index 4553ca641e..27f937abee 100644
--- a/dbm-ui/frontend/src/services/source/dbdirty.ts
+++ b/dbm-ui/frontend/src/services/source/dbdirty.ts
@@ -12,9 +12,9 @@
  */
 
 import DirtyMachinesModel from '@services/model/db-resource/dirtyMachines';
+import type { ListBase } from '@services/types';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/db_dirty';
 
diff --git a/dbm-ui/frontend/src/services/source/dbresourceDeployPlan.ts b/dbm-ui/frontend/src/services/source/dbresourceDeployPlan.ts
index 91c22d1885..c914fd201f 100644
--- a/dbm-ui/frontend/src/services/source/dbresourceDeployPlan.ts
+++ b/dbm-ui/frontend/src/services/source/dbresourceDeployPlan.ts
@@ -12,9 +12,9 @@
  */
 
 import DeployPlanModel from '@services/model/db-resource/DeployPlan';
+import type { ListBase } from '@services/types';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/dbresource/deploy_plan';
 
diff --git a/dbm-ui/frontend/src/services/source/dbresourceResource.ts b/dbm-ui/frontend/src/services/source/dbresourceResource.ts
index e5b52eb316..87b1a9617d 100644
--- a/dbm-ui/frontend/src/services/source/dbresourceResource.ts
+++ b/dbm-ui/frontend/src/services/source/dbresourceResource.ts
@@ -12,11 +12,10 @@
  */
 
 import DbResourceModel from '@services/model/db-resource/DbResource';
-import ImportHostModel from '@services/model/db-resource/import-host';
 import OperationModel from '@services/model/db-resource/Operation';
+import type { HostInfo, ListBase } from '@services/types';
 
 import http, { type IRequestPayload } from '../http';
-import type { HostDetails, ListBase } from '../types';
 
 const path = '/apis/dbresource/resource';
 
@@ -94,7 +93,7 @@ export function fetchListDbaHost(params: { limit: number; offset: number; search
   return http
     .get<{
       total: number;
-      data: ImportHostModel[];
+      data: HostInfo[];
     }>(`${path}/list_dba_hosts/`, {
       search_content: params.search_content,
       start: params.offset,
@@ -110,7 +109,7 @@ export function fetchListDbaHost(params: { limit: number; offset: number; search
  * 查询DBA业务下的主机信息
  */
 export function fetchHostListByHostId(params: { bk_host_ids: string }) {
-  return http.get<HostDetails[]>(`${path}/query_dba_hosts/`, params);
+  return http.get<HostInfo[]>(`${path}/query_dba_hosts/`, params);
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/dbresourceSpec.ts b/dbm-ui/frontend/src/services/source/dbresourceSpec.ts
index fa0df6b009..58731a9e36 100644
--- a/dbm-ui/frontend/src/services/source/dbresourceSpec.ts
+++ b/dbm-ui/frontend/src/services/source/dbresourceSpec.ts
@@ -11,10 +11,11 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { ListBase } from '@services/types';
+
 import http from '../http';
 import ClusterSpecModel from '../model/resource-spec/cluster-sepc';
 import ResourceSpecModel from '../model/resource-spec/resourceSpec';
-import type { ListBase } from '../types';
 
 const path = '/apis/dbresource/spec';
 
diff --git a/dbm-ui/frontend/src/services/source/dumper.ts b/dbm-ui/frontend/src/services/source/dumper.ts
index cf9103b998..14bca92c9d 100644
--- a/dbm-ui/frontend/src/services/source/dumper.ts
+++ b/dbm-ui/frontend/src/services/source/dumper.ts
@@ -12,11 +12,11 @@
  */
 
 import DumperModel from '@services/model/dumper/dumper';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/es.ts b/dbm-ui/frontend/src/services/source/es.ts
index 1a204a5d8d..348966a55e 100644
--- a/dbm-ui/frontend/src/services/source/es.ts
+++ b/dbm-ui/frontend/src/services/source/es.ts
@@ -12,14 +12,15 @@
  */
 
 import EsModel from '@services/model/es/es';
+import EsDetailModel from '@services/model/es/es-detail';
 import EsInstanceModel from '@services/model/es/es-instance';
 import EsNodeModel from '@services/model/es/es-node';
 import EsPasswordModel from '@services/model/es/es-password';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
@@ -70,14 +71,7 @@ export function retrieveEsInstance(params: { bk_biz_id: number }) {
  * 获取集群详情
  */
 export function getEsDetail(params: { id: number }) {
-  return http.get<EsModel>(`${path}/${params.id}/`).then((data) => new EsModel(data));
-}
-
-/**
- * 获取集群节点
- */
-export function getEsNodes(params: { cluster_id: number }) {
-  return http.get<ListBase<EsModel[]>>(`${path}/${params.cluster_id}/get_nodes/`);
+  return http.get<EsDetailModel>(`${path}/${params.id}/`).then((data) => new EsDetailModel(data));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/fixpointRollback.ts b/dbm-ui/frontend/src/services/source/fixpointRollback.ts
index e0c7ef2994..7706d8c611 100644
--- a/dbm-ui/frontend/src/services/source/fixpointRollback.ts
+++ b/dbm-ui/frontend/src/services/source/fixpointRollback.ts
@@ -12,11 +12,11 @@
  */
 
 import FixpointLogModel from '@services/model/fixpoint-rollback/fixpoint-log';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 export interface BackupLogRecord {
   backup_begin_time: string;
diff --git a/dbm-ui/frontend/src/services/source/hdfs.ts b/dbm-ui/frontend/src/services/source/hdfs.ts
index 5ab4febbf7..f5606b81a7 100644
--- a/dbm-ui/frontend/src/services/source/hdfs.ts
+++ b/dbm-ui/frontend/src/services/source/hdfs.ts
@@ -13,14 +13,15 @@
 
 import HdfsModel from '@services/model/hdfs/hdfs';
 import ClusterConfigXmlsModel from '@services/model/hdfs/hdfs-cluster-config-xmls';
+import HdfsDetailModel from '@services/model/hdfs/hdfs-detail';
 import HdfsInstanceModel from '@services/model/hdfs/hdfs-instance';
 import HdfsNodeModel from '@services/model/hdfs/hdfs-node';
 import HdfsPasswordModel from '@services/model/hdfs/hdfs-password';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
@@ -70,7 +71,7 @@ export function retrieveHdfsInstance(params: { bk_biz_id: number }) {
  * 获取集群详情
  */
 export function getHdfsDetail(params: { id: number }) {
-  return http.get<HdfsModel>(`${path}/${params.id}/`).then((data) => new HdfsModel(data));
+  return http.get<HdfsDetailModel>(`${path}/${params.id}/`).then((data) => new HdfsDetailModel(data));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/influxdb.ts b/dbm-ui/frontend/src/services/source/influxdb.ts
index a9762a9476..bf8e7ba3c4 100644
--- a/dbm-ui/frontend/src/services/source/influxdb.ts
+++ b/dbm-ui/frontend/src/services/source/influxdb.ts
@@ -12,11 +12,11 @@
  */
 
 import InfluxdbInstanceModel from '@services/model/influxdb/influxdbInstance';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/influxdbGroup.ts b/dbm-ui/frontend/src/services/source/influxdbGroup.ts
index 71a601f366..ac8d9e35ea 100644
--- a/dbm-ui/frontend/src/services/source/influxdbGroup.ts
+++ b/dbm-ui/frontend/src/services/source/influxdbGroup.ts
@@ -11,8 +11,9 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { ListBase } from '@services/types';
+
 import http from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/group';
 
diff --git a/dbm-ui/frontend/src/services/source/ipchooser.ts b/dbm-ui/frontend/src/services/source/ipchooser.ts
index ce760ed576..b9fd253493 100644
--- a/dbm-ui/frontend/src/services/source/ipchooser.ts
+++ b/dbm-ui/frontend/src/services/source/ipchooser.ts
@@ -11,8 +11,9 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { HostInfo } from '@services/types';
+
 import http from '../http';
-import type { HostDetails } from '../types';
 
 const path = '/apis/ipchooser';
 
@@ -30,7 +31,7 @@ export function checkHost(params: {
     bk_cloud_id?: number | string;
   }[];
 }) {
-  return http.post<HostDetails[]>(`${path}/host/check/`, params);
+  return http.post<HostInfo[]>(`${path}/host/check/`, params);
 }
 
 /**
@@ -51,7 +52,7 @@ export function getHostDetails(params: {
     scope_type: string;
   }[];
 }) {
-  return http.post<HostDetails[]>(`${path}/host/details/`, params);
+  return http.post<HostInfo[]>(`${path}/host/details/`, params);
 }
 
 /**
@@ -75,7 +76,7 @@ export function getHostIdInfos(params: {
   node_list: Array<{
     instance_id: number;
     object_id: string;
-    meta: HostDetails['meta'];
+    meta: HostInfo['meta'];
   }>;
   page_size: number;
   start: number;
@@ -90,7 +91,7 @@ export function getHosts(params: {
   node_list: Array<{
     instance_id: number;
     object_id: string;
-    meta: HostDetails['meta'];
+    meta: HostInfo['meta'];
   }>;
   page_size: number;
   start: number;
diff --git a/dbm-ui/frontend/src/services/source/kafka.ts b/dbm-ui/frontend/src/services/source/kafka.ts
index 7d1a53748c..d710c5dca9 100644
--- a/dbm-ui/frontend/src/services/source/kafka.ts
+++ b/dbm-ui/frontend/src/services/source/kafka.ts
@@ -12,14 +12,15 @@
  */
 
 import KafkaModel from '@services/model/kafka/kafka';
+import KafkaDetailModel from '@services/model/kafka/kafka-detail';
 import KafkaInstanceModel from '@services/model/kafka/kafka-instance';
 import KafkaNodeModel from '@services/model/kafka/kafka-node';
 import KafkaPasswordModel from '@services/model/kafka/kafka-password';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
@@ -70,12 +71,7 @@ export function retrieveKafkaInstance(params: { bk_biz_id: number }) {
  * 获取集群详情
  */
 export function getKafkaDetail(params: { id: number }) {
-  return http.get<KafkaModel>(`${path}/${params.id}/`).then((data) => new KafkaModel(data));
-}
-
-// 获取集群详情（入口配置）
-export function getClusterDetailEntryConfig(params: { id: number }) {
-  return http.get<KafkaModel>(`${path}/${params.id}/`).then((data) => new KafkaModel(data));
+  return http.get<KafkaDetailModel>(`${path}/${params.id}/`).then((data) => new KafkaDetailModel(data));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/mongodb.ts b/dbm-ui/frontend/src/services/source/mongodb.ts
index 3ea66ae636..21757cc471 100644
--- a/dbm-ui/frontend/src/services/source/mongodb.ts
+++ b/dbm-ui/frontend/src/services/source/mongodb.ts
@@ -16,11 +16,11 @@ import MongodbModel from '@services/model/mongodb/mongodb';
 import MongodbDetailModel from '@services/model/mongodb/mongodb-detail';
 import MongodbInstanceModel from '@services/model/mongodb/mongodb-instance';
 import MongodbInstanceDetailModel from '@services/model/mongodb/mongodb-instance-detail';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/mongodbPermissionAccount.ts b/dbm-ui/frontend/src/services/source/mongodbPermissionAccount.ts
index dc1ebe508c..aa7218b68d 100644
--- a/dbm-ui/frontend/src/services/source/mongodbPermissionAccount.ts
+++ b/dbm-ui/frontend/src/services/source/mongodbPermissionAccount.ts
@@ -11,14 +11,14 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
+import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import type { AccountTypesValues } from '@common/const';
 
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/mongodbRestore.ts b/dbm-ui/frontend/src/services/source/mongodbRestore.ts
index 35ce9b1500..916225a45b 100644
--- a/dbm-ui/frontend/src/services/source/mongodbRestore.ts
+++ b/dbm-ui/frontend/src/services/source/mongodbRestore.ts
@@ -11,11 +11,11 @@
  * the specific language governing permissions and limitations under the License.
  */
 import MongodbRollbackRecordModel from '@services/model/mongodb/mongodb-rollback-record';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 interface ClusterBackupLog {
   app: string;
diff --git a/dbm-ui/frontend/src/services/source/monitor.ts b/dbm-ui/frontend/src/services/source/monitor.ts
index 47dd19633f..e74639960b 100644
--- a/dbm-ui/frontend/src/services/source/monitor.ts
+++ b/dbm-ui/frontend/src/services/source/monitor.ts
@@ -13,8 +13,7 @@
 import http, { type IRequestPayload } from '@services/http';
 import DutyRuleModel from '@services/model/monitor/duty-rule';
 import MonitorPolicyModel from '@services/model/monitor/monitor-policy';
-
-import type { ListBase } from '../types';
+import type { ListBase } from '@services/types';
 
 interface UpdatePolicyParams {
   custom_conditions: {
diff --git a/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts b/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
index 8664db71e1..5249948a31 100644
--- a/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
+++ b/dbm-ui/frontend/src/services/source/monitorNoticeGroup.ts
@@ -12,9 +12,9 @@
  */
 
 import NoticGroupModel from '@services/model/notice-group/notice-group';
+import type { ListBase } from '@services/types';
 
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/monitor/notice_group';
 
diff --git a/dbm-ui/frontend/src/services/source/mysqlCluster.ts b/dbm-ui/frontend/src/services/source/mysqlCluster.ts
index 40f5e4a32f..96c2e8f4b3 100644
--- a/dbm-ui/frontend/src/services/source/mysqlCluster.ts
+++ b/dbm-ui/frontend/src/services/source/mysqlCluster.ts
@@ -11,8 +11,8 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import RemotePairInstanceModel from '@services/model/mysql/remote-pair-instance';
 import TendbhaModel from '@services/model/mysql/tendbha';
-import RemotePairInstanceModel from '@services/model/mysql-cluster/remote-pair-instance';
 
 import http from '../http';
 
diff --git a/dbm-ui/frontend/src/services/source/openarea.ts b/dbm-ui/frontend/src/services/source/openarea.ts
index ca43906263..c5b65ee982 100644
--- a/dbm-ui/frontend/src/services/source/openarea.ts
+++ b/dbm-ui/frontend/src/services/source/openarea.ts
@@ -1,9 +1,9 @@
 import OpenareaTemplateModel from '@services/model/openarea/openareaTemplate';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/package.ts b/dbm-ui/frontend/src/services/source/package.ts
index b21e17e119..f430a99bdd 100644
--- a/dbm-ui/frontend/src/services/source/package.ts
+++ b/dbm-ui/frontend/src/services/source/package.ts
@@ -12,9 +12,9 @@
  */
 
 import VersionFileModel from '@services/model/version-file/version-file';
+import type { ListBase } from '@services/types';
 
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/packages';
 
diff --git a/dbm-ui/frontend/src/services/source/partitionManage.ts b/dbm-ui/frontend/src/services/source/partitionManage.ts
index 0c76a8dd49..e70d78c8fa 100644
--- a/dbm-ui/frontend/src/services/source/partitionManage.ts
+++ b/dbm-ui/frontend/src/services/source/partitionManage.ts
@@ -1,10 +1,10 @@
 import PartitionModel from '@services/model/partition/partition';
 import PartitionLogModel from '@services/model/partition/partition-log';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 // 分区列表
 export const getList = function (params: Record<string, any>) {
diff --git a/dbm-ui/frontend/src/services/source/permission.ts b/dbm-ui/frontend/src/services/source/permission.ts
index 697a4220b1..ca53dbdfc3 100644
--- a/dbm-ui/frontend/src/services/source/permission.ts
+++ b/dbm-ui/frontend/src/services/source/permission.ts
@@ -11,12 +11,12 @@
  * the specific language governing permissions and limitations under the License.
  */
 import AdminPasswordModel from '@services/model/admin-password/admin-password';
-import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
+import type { ListBase } from '@services/types';
 
 import type { AccountTypesValues, ClusterTypes, DBTypes } from '@common/const';
 
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 import type {
   AccountRule,
   AuthorizePreCheckData,
diff --git a/dbm-ui/frontend/src/services/source/pulsar.ts b/dbm-ui/frontend/src/services/source/pulsar.ts
index c17a392d72..cd39d2ed40 100644
--- a/dbm-ui/frontend/src/services/source/pulsar.ts
+++ b/dbm-ui/frontend/src/services/source/pulsar.ts
@@ -15,11 +15,11 @@ import PulsarModel from '@services/model/pulsar/pulsar';
 import PulsarInstanceModel from '@services/model/pulsar/pulsar-instance';
 import PulsarNodeModel from '@services/model/pulsar/pulsar-node';
 import PulsarPasswordModel from '@services/model/pulsar/pulsar-password';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/redis.ts b/dbm-ui/frontend/src/services/source/redis.ts
index 19c79226fa..7cd5fb4129 100644
--- a/dbm-ui/frontend/src/services/source/redis.ts
+++ b/dbm-ui/frontend/src/services/source/redis.ts
@@ -13,11 +13,12 @@
 
 import BizConfTopoTreeModel from '@services/model/config/biz-conf-topo-tree';
 import RedisModel from '@services/model/redis/redis';
+import RedisDetailModel from '@services/model/redis/redis-detail';
 import RedisInstanceModel from '@services/model/redis/redis-instance';
 import RedisMachineModel from '@services/model/redis/redis-machine';
+import type { HostNode, ListBase, ResourceTopo } from '@services/types';
 
 import http from '../http';
-import type { HostNode, ListBase, ResourceTopo } from '../types';
 
 const getRootPath = () => `/apis/redis/bizs/${window.PROJECT_CONFIG.BIZ_ID}/redis_resources`;
 
@@ -110,14 +111,16 @@ export function retrieveRedisInstance(params: {
   instance_address: string;
   cluster_id?: number;
 }) {
-  return http.get<RedisInstanceModel>(`${getRootPath()}/retrieve_instance/`, params);
+  return http
+    .get<RedisInstanceModel>(`${getRootPath()}/retrieve_instance/`, params)
+    .then((data) => new RedisInstanceModel(data));
 }
 
 /**
  * 获取集群详情
  */
 export function getRedisDetail(params: { id: number }) {
-  return http.get<RedisModel>(`${getRootPath()}/${params.id}/`);
+  return http.get<RedisDetailModel>(`${getRootPath()}/${params.id}/`).then((data) => new RedisDetailModel(data));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/redisRollback.ts b/dbm-ui/frontend/src/services/source/redisRollback.ts
index eb2c818aeb..13b3e45d96 100644
--- a/dbm-ui/frontend/src/services/source/redisRollback.ts
+++ b/dbm-ui/frontend/src/services/source/redisRollback.ts
@@ -11,9 +11,9 @@
  * the specific language governing permissions and limitations under the License.
  */
 import RedisRollbackModel from '@services/model/redis/redis-rollback';
+import type { ListBase } from '@services/types';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const getRootPath = () => `/apis/redis/bizs/${window.PROJECT_CONFIG.BIZ_ID}/rollback`;
 
diff --git a/dbm-ui/frontend/src/services/source/redisToolbox.ts b/dbm-ui/frontend/src/services/source/redisToolbox.ts
index c03887e151..0f4fa07881 100644
--- a/dbm-ui/frontend/src/services/source/redisToolbox.ts
+++ b/dbm-ui/frontend/src/services/source/redisToolbox.ts
@@ -12,8 +12,7 @@
  */
 import http from '@services/http';
 import RedisModel from '@services/model/redis/redis';
-
-import type { ListBase } from '../types';
+import type { ListBase } from '@services/types';
 
 const getRootPath = () => `/apis/redis/bizs/${window.PROJECT_CONFIG.BIZ_ID}/toolbox`;
 
diff --git a/dbm-ui/frontend/src/services/source/report.ts b/dbm-ui/frontend/src/services/source/report.ts
index 9888e3ec02..46f935139a 100644
--- a/dbm-ui/frontend/src/services/source/report.ts
+++ b/dbm-ui/frontend/src/services/source/report.ts
@@ -1,5 +1,6 @@
+import type { ListBase } from '@services/types';
+
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 
 interface IResult {
   results: Record<string, unknown>[];
diff --git a/dbm-ui/frontend/src/services/source/riak.ts b/dbm-ui/frontend/src/services/source/riak.ts
index 20de470872..b5031239ed 100644
--- a/dbm-ui/frontend/src/services/source/riak.ts
+++ b/dbm-ui/frontend/src/services/source/riak.ts
@@ -12,13 +12,14 @@
  */
 
 import RiakModel from '@services/model/riak/riak';
+import RiakDetailModel from '@services/model/riak/riak-detail';
 import RiakInstanceModel from '@services/model/riak/riak-instance';
 import RiakNodeModel from '@services/model/riak/riak-node';
+import type { ListBase, ResourceTopo } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase, ResourceTopo } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
@@ -50,7 +51,10 @@ export function getRiakInstanceList(params: {
   cluster_id: number;
   role: string;
 }) {
-  return http.get<ListBase<RiakInstanceModel[]>>(`${path}/list_instances/`, params);
+  return http.get<ListBase<RiakInstanceModel[]>>(`${path}/list_instances/`, params).then((res) => ({
+    ...res,
+    results: res.results.map((item) => new RiakInstanceModel(item)),
+  }));
 }
 
 /**
@@ -69,7 +73,7 @@ export function retrieveRiakInstance(params: {
  * 获取集群详情
  */
 export function getRiakDetail(params: { id: number }) {
-  return http.get<RiakModel>(`${path}/${params.id}/`).then((res) => new RiakModel(res));
+  return http.get<RiakDetailModel>(`${path}/${params.id}/`).then((res) => new RiakDetailModel(res));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/spider.ts b/dbm-ui/frontend/src/services/source/spider.ts
deleted file mode 100644
index 3ccff6b26b..0000000000
--- a/dbm-ui/frontend/src/services/source/spider.ts
+++ /dev/null
@@ -1,222 +0,0 @@
-/*
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at https://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
- */
-
-import SpiderModel from '@services/model/spider/spider';
-import SpiderMachineModel from '@services/model/spider/spiderMachine';
-import TendbClusterModel from '@services/model/spider/tendbCluster';
-import TendbInstanceModel from '@services/model/spider/tendbInstance';
-
-import http from '../http';
-import type { ListBase, ResourceTopo } from '../types';
-
-const getRootPath = () => `/apis/mysql/bizs/${window.PROJECT_CONFIG.BIZ_ID}/spider_resources`;
-
-/**
- * 获取 TendbCluster 集群列表
- */
-export function getTendbClusterList(params: Record<string, any> = {}) {
-  return http.get<ListBase<TendbClusterModel[]>>(`${getRootPath()}/`, params).then((data) => ({
-    ...data,
-    results: data.results.map(
-      (item) =>
-        new TendbClusterModel(
-          Object.assign(item, {
-            permission: Object.assign({}, item.permission, data.permission),
-          }),
-        ),
-    ),
-  }));
-}
-
-/**
- * 获取 spider 集群列表
- */
-export function getSpiderList(params: {
-  limit?: number;
-  offset?: number;
-  id?: number;
-  name?: string;
-  ip?: string;
-  domain?: string;
-  exact_domain?: string;
-  creator?: string;
-  version?: string;
-  cluster_ids?: string | number;
-  db_module_id?: number;
-  region?: string;
-}) {
-  return http.get<ListBase<SpiderModel[]>>(`${getRootPath()}/`, params).then((data) => ({
-    ...data,
-    results: data.results.map((item: SpiderModel) => new SpiderModel(item)),
-  }));
-}
-
-/**
- * 根据业务 id 获取 spider 集群列表
- */
-export function getSpiderListByBizId(params: {
-  bk_biz_id: number;
-  limit?: number;
-  offset?: number;
-  id?: number;
-  name?: string;
-  ip?: string;
-  domain?: string;
-  creator?: string;
-  version?: string;
-  cluster_ids?: number[];
-  db_module_id?: number;
-  region?: string;
-}) {
-  return http
-    .get<ListBase<SpiderModel[]>>(`/apis/mysql/bizs/${params.bk_biz_id}/spider_resources/`, params)
-    .then((data) => ({
-      ...data,
-      results: data.results.map((item: SpiderModel) => new SpiderModel(item)),
-    }));
-}
-
-/**
- * 查询资源列表
- */
-export function getResources(params: {
-  bk_biz_id: number;
-  limit: number;
-  offset: number;
-  type: string;
-  cluster_ids?: number[] | number;
-  dbType: string;
-}) {
-  return http.get<ListBase<TendbClusterModel[]>>(`${getRootPath()}/`, params);
-}
-
-/**
- * 根据业务 ID 查询资源列表
- */
-export function getResourcesByBizId(params: {
-  bk_biz_id: number;
-  limit: number;
-  offset: number;
-  type: string;
-  cluster_ids?: number[] | number;
-  dbType: string;
-}) {
-  return http.get<ListBase<TendbClusterModel[]>>(`/apis/mysql/bizs/${params.bk_biz_id}/spider_resources/`, params);
-}
-
-/**
- * 查询表格信息
- */
-export function getSpiderTableFields() {
-  return http.get<
-    {
-      key: string;
-      name: string;
-    }[]
-  >(`${getRootPath()}/get_table_fields/`);
-}
-
-/**
- * 获取集群实例列表
- */
-export function getSpiderInstanceList(params: Record<string, any>) {
-  return http.get<ListBase<TendbInstanceModel[]>>(`${getRootPath()}/list_instances/`, params).then((res) => ({
-    ...res,
-    results: res.results.map((data) => new TendbInstanceModel(data)),
-  }));
-}
-
-/**
- * 获取集群详情
- */
-export function getSpiderDetail(params: { id: number }) {
-  return http.get<SpiderModel>(`${getRootPath()}/${params.id}/`).then((data) => new SpiderModel(data));
-}
-
-/**
- * 获取集群拓扑
- */
-export function getSpiderTopoGraph(params: { cluster_id: number }) {
-  return http.get<ResourceTopo>(`${getRootPath()}/${params.cluster_id}/get_topo_graph/`);
-}
-
-/**
- * 导出集群数据为 excel 文件
- */
-export function exportSpiderClusterToExcel(params: { cluster_ids?: number[] }) {
-  return http.post<string>(`${getRootPath()}/export_cluster/`, params, { responseType: 'blob' });
-}
-
-/**
- * 导出实例数据为 excel 文件
- */
-export function exportSpiderInstanceToExcel(params: { bk_host_ids?: number[] }) {
-  return http.post<string>(`${getRootPath()}/export_instance/`, params, { responseType: 'blob' });
-}
-
-/**
- * 查询主机列表
- */
-export function getSpiderMachineList(params: {
-  limit?: number;
-  offset?: number;
-  bk_host_id?: number;
-  ip?: string;
-  machine_type?: string;
-  bk_os_name?: string;
-  bk_cloud_id?: number;
-  bk_agent_id?: string;
-  instance_role?: string;
-  spider_role?: string;
-  creator?: string;
-}) {
-  return http.get<ListBase<SpiderMachineModel[]>>(`${getRootPath()}/list_machines/`, params).then((data) => ({
-    ...data,
-    results: data.results.map((item) => new SpiderMachineModel(item)),
-  }));
-}
-
-/**
- * 获取 spider 集群详情
- * @param id 集群 ID
- */
-export const getSpiderDetails = (params: { id: number }) =>
-  http.get<TendbClusterModel>(`${getRootPath()}/${params.id}/`);
-
-/**
- * 获取 spider 实例详情
- */
-export const getSpiderInstanceDetails = (params: { instance_address: string; cluster_id: number }) =>
-  http.get<TendbInstanceModel>(`${getRootPath()}/retrieve_instance/`, params);
-
-export const getList = function (params: Record<string, any>) {
-  return http.get<ListBase<SpiderModel[]>>(`${getRootPath()}/`, params).then((data) => ({
-    ...data,
-    results: data.results.map((item: SpiderModel) => new SpiderModel(item)),
-  }));
-};
-
-export const getDetail = function (params: { id: number }) {
-  return http.get<SpiderModel>(`${getRootPath()}/${params.id}/`).then((data) => new SpiderModel(data));
-};
-
-/**
- * 获取集群primary关系映射
- */
-export const getSpiderClusterPrimary = (params: { cluster_ids: number[] }) =>
-  http.post<
-    {
-      cluster_id: number;
-      primary: string;
-    }[]
-  >(`${getRootPath()}/get_cluster_primary/`, params);
diff --git a/dbm-ui/frontend/src/services/source/sqlserveHaCluster.ts b/dbm-ui/frontend/src/services/source/sqlserveHaCluster.ts
index aa6e3c6177..912f0beaa2 100644
--- a/dbm-ui/frontend/src/services/source/sqlserveHaCluster.ts
+++ b/dbm-ui/frontend/src/services/source/sqlserveHaCluster.ts
@@ -11,14 +11,14 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-import SqlServerHaClusterDetailModel from '@services/model/sqlserver/sqlserver-ha-cluster-detail';
+import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+import SqlServerHaClusterDetailModel from '@services/model/sqlserver/sqlserver-ha-detail';
 import SqlServerHaInstanceModel from '@services/model/sqlserver/sqlserver-ha-instance';
+import type { ListBase, ResourceTopo } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import http from '../http';
-import type { ListBase, ResourceTopo } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
@@ -28,9 +28,9 @@ const path = `/apis/sqlserver/bizs/${currentBizId}/sqlserver_ha_resources`;
  * 获取集群列表
  */
 export function getHaClusterList(params: { limit?: number; offset?: number; sys_mode?: 'mirrorin' | 'always_on' }) {
-  return http.get<ListBase<SqlServerHaClusterModel[]>>(`${path}/`, params).then((data) => ({
+  return http.get<ListBase<SqlServerHaModel[]>>(`${path}/`, params).then((data) => ({
     ...data,
-    results: data.results.map((item) => new SqlServerHaClusterModel(item)),
+    results: data.results.map((item) => new SqlServerHaModel(item)),
   }));
 }
 
@@ -39,11 +39,11 @@ export function getHaClusterList(params: { limit?: number; offset?: number; sys_
  */
 export function getHaClusterWholeList() {
   return http
-    .get<ListBase<SqlServerHaClusterModel[]>>(`${path}/`, {
+    .get<ListBase<SqlServerHaModel[]>>(`${path}/`, {
       limit: -1,
       offset: 0,
     })
-    .then((data) => data.results.map((item) => new SqlServerHaClusterModel(item)));
+    .then((data) => data.results.map((item) => new SqlServerHaModel(item)));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts b/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts
index 9dd92c3413..45cbafb665 100644
--- a/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts
+++ b/dbm-ui/frontend/src/services/source/sqlserverPermissionAccount.ts
@@ -11,14 +11,14 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
+import SqlserverPermissionAccountModel from '@services/model/sqlserver/sqlserver-permission-account';
+import type { ListBase } from '@services/types';
 
 import { useGlobalBizs } from '@stores';
 
 import type { AccountTypesValues } from '@common/const';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const { currentBizId } = useGlobalBizs();
 
diff --git a/dbm-ui/frontend/src/services/source/sqlserverSingleCluster.ts b/dbm-ui/frontend/src/services/source/sqlserverSingleCluster.ts
index 9453b52616..7bb67e775c 100644
--- a/dbm-ui/frontend/src/services/source/sqlserverSingleCluster.ts
+++ b/dbm-ui/frontend/src/services/source/sqlserverSingleCluster.ts
@@ -12,25 +12,21 @@
  */
 
 import SqlServerInstanceModel from '@services/model/sqlserver/sqlserver-ha-instance';
-import SqlServerClusterListModel from '@services/model/sqlserver/sqlserver-single-cluster';
-import SqlServerSingleClusterDetailModel from '@services/model/sqlserver/sqlserver-single-cluster-detail';
-
-import { useGlobalBizs } from '@stores';
+import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
+import SqlServerSingleDetailModel from '@services/model/sqlserver/sqlserver-single-detail';
+import type { ListBase, ResourceTopo } from '@services/types';
 
 import http from '../http';
-import type { ListBase, ResourceTopo } from '../types';
-
-const { currentBizId } = useGlobalBizs();
 
-const path = `/apis/sqlserver/bizs/${currentBizId}/sqlserver_single_resources`;
+const getPath = () => `/apis/sqlserver/bizs/${window.PROJECT_CONFIG.BIZ_ID}/sqlserver_single_resources`;
 
 /**
  * 获取集群列表
  */
 export function getSingleClusterList(params: { limit?: number; offset?: number }) {
-  return http.get<ListBase<SqlServerClusterListModel[]>>(`${path}/`, params).then((data) => ({
+  return http.get<ListBase<SqlServerSingleModel[]>>(`${getPath()}/`, params).then((data) => ({
     ...data,
-    results: data.results.map((item) => new SqlServerClusterListModel(item)),
+    results: data.results.map((item) => new SqlServerSingleModel(item)),
   }));
 }
 
@@ -39,22 +35,22 @@ export function getSingleClusterList(params: { limit?: number; offset?: number }
  */
 export function getSingleClusterDetail(params: { id: number }) {
   return http
-    .get<SqlServerSingleClusterDetailModel>(`${path}/${params.id}/`)
-    .then((data) => new SqlServerSingleClusterDetailModel(data));
+    .get<SqlServerSingleDetailModel>(`${getPath()}/${params.id}/`)
+    .then((data) => new SqlServerSingleDetailModel(data));
 }
 
 /**
  * 获取集群拓扑
  */
 export function getSingleClusterTopoGraph(params: { cluster_id: number }) {
-  return http.get<ResourceTopo>(`${path}/${params.cluster_id}/get_topo_graph/`);
+  return http.get<ResourceTopo>(`${getPath()}/${params.cluster_id}/get_topo_graph/`);
 }
 
 /**
  * 导出数据为 excel 文件
  */
 export function exportSqlServerSingleClusterToExcel(params: { bk_host_ids?: number[] }) {
-  return http.post<string>(`${path}/export_instance/`, params, { responseType: 'blob' });
+  return http.post<string>(`${getPath()}/export_instance/`, params, { responseType: 'blob' });
 }
 
 /**
@@ -67,7 +63,7 @@ export function getSqlServerInstanceList(params: {
   cluster_id?: number;
   role?: string;
 }) {
-  return http.get<ListBase<SqlServerInstanceModel[]>>(`${path}/list_instances/`, params).then((data) => ({
+  return http.get<ListBase<SqlServerInstanceModel[]>>(`${getPath()}/list_instances/`, params).then((data) => ({
     ...data,
     results: data.results.map((item) => new SqlServerInstanceModel(item)),
   }));
diff --git a/dbm-ui/frontend/src/services/source/taskflow.ts b/dbm-ui/frontend/src/services/source/taskflow.ts
index 19aff5671e..ed45076146 100644
--- a/dbm-ui/frontend/src/services/source/taskflow.ts
+++ b/dbm-ui/frontend/src/services/source/taskflow.ts
@@ -12,9 +12,9 @@
  */
 
 import TaskFlowModel from '@services/model/taskflow/taskflow';
+import type { ListBase } from '@services/types';
 
 import http, { type IRequestPayload } from '../http';
-import type { ListBase } from '../types';
 import type { FlowItemTodo } from '../types/ticket';
 
 const path = '/apis/taskflow';
diff --git a/dbm-ui/frontend/src/services/source/tendbcluster.ts b/dbm-ui/frontend/src/services/source/tendbcluster.ts
new file mode 100644
index 0000000000..8c53cfd16c
--- /dev/null
+++ b/dbm-ui/frontend/src/services/source/tendbcluster.ts
@@ -0,0 +1,156 @@
+/*
+ * 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 TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
+import TendbclusterDetailModel from '@services/model/tendbcluster/tendbcluster-detail';
+import TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
+import TendbclusterMachineModel from '@services/model/tendbcluster/tendbcluster-machine';
+import type { ListBase, ResourceTopo } from '@services/types';
+
+import http from '../http';
+
+const getRootPath = () => `/apis/mysql/bizs/${window.PROJECT_CONFIG.BIZ_ID}/spider_resources`;
+
+/**
+ * 获取 TendbCluster 集群列表
+ */
+export function getTendbClusterList(params: {
+  limit?: number;
+  offset?: number;
+  id?: number;
+  name?: string;
+  ip?: string;
+  domain?: string;
+  exact_domain?: string;
+  creator?: string;
+  version?: string;
+  cluster_ids?: number[];
+  db_module_id?: number;
+  region?: string;
+}) {
+  return http.get<ListBase<TendbclusterModel[]>>(`${getRootPath()}/`, params).then((data) => ({
+    ...data,
+    results: data.results.map(
+      (item) =>
+        new TendbclusterModel(
+          Object.assign(item, {
+            permission: Object.assign({}, item.permission, data.permission),
+          }),
+        ),
+    ),
+  }));
+}
+
+/**
+ * 根据业务 id 获取 spider 集群列表
+ */
+export function getTendbclusterListByBizId(params: {
+  bk_biz_id: number;
+  limit?: number;
+  offset?: number;
+  id?: number;
+  name?: string;
+  ip?: string;
+  domain?: string;
+  creator?: string;
+  version?: string;
+  cluster_ids?: number[];
+  db_module_id?: number;
+  region?: string;
+}) {
+  return http
+    .get<ListBase<TendbclusterModel[]>>(`/apis/mysql/bizs/${params.bk_biz_id}/spider_resources/`, params)
+    .then((data) => ({
+      ...data,
+      results: data.results.map((item: TendbclusterModel) => new TendbclusterModel(item)),
+    }));
+}
+
+/**
+ * 获取集群实例列表
+ */
+export function getTendbclusterInstanceList(params: Record<string, any>) {
+  return http.get<ListBase<TendbclusterInstanceModel[]>>(`${getRootPath()}/list_instances/`, params).then((res) => ({
+    ...res,
+    results: res.results.map((data) => new TendbclusterInstanceModel(data)),
+  }));
+}
+
+/**
+ * 获取集群详情
+ */
+export function getTendbclusterDetail(params: { id: number }) {
+  return http
+    .get<TendbclusterDetailModel>(`${getRootPath()}/${params.id}/`)
+    .then((data) => new TendbclusterDetailModel(data));
+}
+
+/**
+ * 获取集群拓扑
+ */
+export function getTendbclusterTopoGraph(params: { cluster_id: number }) {
+  return http.get<ResourceTopo>(`${getRootPath()}/${params.cluster_id}/get_topo_graph/`);
+}
+
+/**
+ * 导出集群数据为 excel 文件
+ */
+export function exportTendbclusterToExcel(params: { cluster_ids?: number[] }) {
+  return http.post<string>(`${getRootPath()}/export_cluster/`, params, { responseType: 'blob' });
+}
+
+/**
+ * 导出实例数据为 excel 文件
+ */
+export function exportTendbclusterInstanceToExcel(params: { bk_host_ids?: number[] }) {
+  return http.post<string>(`${getRootPath()}/export_instance/`, params, { responseType: 'blob' });
+}
+
+/**
+ * 查询主机列表
+ */
+export function getTendbclusterMachineList(params: {
+  limit?: number;
+  offset?: number;
+  bk_host_id?: number;
+  ip?: string;
+  machine_type?: string;
+  bk_os_name?: string;
+  bk_cloud_id?: number;
+  bk_agent_id?: string;
+  instance_role?: string;
+  spider_role?: string;
+  creator?: string;
+}) {
+  return http.get<ListBase<TendbclusterMachineModel[]>>(`${getRootPath()}/list_machines/`, params).then((data) => ({
+    ...data,
+    results: data.results.map((item) => new TendbclusterMachineModel(item)),
+  }));
+}
+
+/**
+ * 获取 spider 实例详情
+ */
+export const getTendbclusterInstanceDetail = (params: { instance_address: string; cluster_id: number }) =>
+  http.get<TendbclusterInstanceModel>(`${getRootPath()}/retrieve_instance/`, params);
+
+/**
+ * 获取集群primary关系映射
+ */
+export const getTendbclusterPrimary = (params: { cluster_ids: number[] }) =>
+  http.post<
+    {
+      cluster_id: number;
+      primary: string;
+    }[]
+  >(`${getRootPath()}/get_cluster_primary/`, params);
diff --git a/dbm-ui/frontend/src/services/source/tendbha.ts b/dbm-ui/frontend/src/services/source/tendbha.ts
index 02a9e71029..8949628608 100644
--- a/dbm-ui/frontend/src/services/source/tendbha.ts
+++ b/dbm-ui/frontend/src/services/source/tendbha.ts
@@ -12,10 +12,11 @@
  */
 
 import TendbhaModel from '@services/model/mysql/tendbha';
+import TendbhaDetailModel from '@services/model/mysql/tendbha-detail';
 import TendbhaInstanceModel from '@services/model/mysql/tendbha-instance';
+import type { ListBase, ResourceTopo } from '@services/types';
 
 import http from '../http';
-import type { ListBase, ResourceTopo } from '../types';
 
 const getRootPath = () => `/apis/mysql/bizs/${window.PROJECT_CONFIG.BIZ_ID}/tendbha_resources`;
 
@@ -122,14 +123,16 @@ export function retrieveTendbhaInstance(params: {
   cluster_id?: number;
   dbType: string;
 }) {
-  return http.get<TendbhaInstanceModel>(`${getRootPath()}/retrieve_instance/`, params);
+  return http
+    .get<TendbhaInstanceModel>(`${getRootPath()}/retrieve_instance/`, params)
+    .then((data) => new TendbhaInstanceModel(data));
 }
 
 /**
  * 获取集群详情
  */
 export function getTendbhaDetail(params: { id: number }) {
-  return http.get<TendbhaModel>(`${getRootPath()}/${params.id}/`);
+  return http.get<TendbhaDetailModel>(`${getRootPath()}/${params.id}/`).then((data) => new TendbhaDetailModel(data));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/tendbsingle.ts b/dbm-ui/frontend/src/services/source/tendbsingle.ts
index c8165af5f5..2b1455a10d 100644
--- a/dbm-ui/frontend/src/services/source/tendbsingle.ts
+++ b/dbm-ui/frontend/src/services/source/tendbsingle.ts
@@ -12,9 +12,10 @@
  */
 import TendbsingleInstanceModel from '@services/model/mysql/tendbha-instance';
 import TendbsingleModel from '@services/model/mysql/tendbsingle';
+import TendbsingleDetailModel from '@services/model/mysql/tendbsingle-detail';
+import type { ListBase, ResourceTopo } from '@services/types';
 
 import http from '../http';
-import type { ListBase, ResourceTopo } from '../types';
 
 const getRootPath = () => `/apis/mysql/bizs/${window.PROJECT_CONFIG.BIZ_ID}/tendbsingle_resources`;
 
@@ -79,14 +80,18 @@ export function retrieveTendbsingleInstance(params: {
   cluster_id?: number;
   dbType: string;
 }) {
-  return http.get<TendbsingleInstanceModel>(`${getRootPath()}/retrieve_instance/`, params);
+  return http
+    .get<TendbsingleInstanceModel>(`${getRootPath()}/retrieve_instance/`, params)
+    .then((data) => new TendbsingleInstanceModel(data));
 }
 
 /**
  * 获取集群详情
  */
 export function getTendbsingleDetail(params: { id: number }) {
-  return http.get<TendbsingleModel>(`${getRootPath()}/${params.id}/`);
+  return http
+    .get<TendbsingleDetailModel>(`${getRootPath()}/${params.id}/`)
+    .then((data) => new TendbsingleDetailModel(data));
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/source/ticket.tsx b/dbm-ui/frontend/src/services/source/ticket.tsx
index 0be0869f4c..00f137dec2 100644
--- a/dbm-ui/frontend/src/services/source/ticket.tsx
+++ b/dbm-ui/frontend/src/services/source/ticket.tsx
@@ -14,6 +14,8 @@ import InfoBox from 'bkui-vue/lib/info-box';
 
 import TicketModel from '@services/model/ticket/ticket';
 import TicketFlowDescribeModel from '@services/model/ticket-flow-describe/TicketFlowDescribe';
+import type { HostNode, ListBase } from '@services/types';
+import type { FlowItem, FlowItemTodo } from '@services/types/ticket';
 
 import { getRouter } from '@router/index';
 
@@ -22,8 +24,6 @@ import { messageError } from '@utils';
 import { locale, t } from '@locales/index';
 
 import http, { type IRequestPayload } from '../http';
-import type { HostNode, ListBase } from '../types';
-import type { FlowItem, FlowItemTodo } from '../types/ticket';
 
 const path = '/apis/tickets';
 
diff --git a/dbm-ui/frontend/src/services/source/user.ts b/dbm-ui/frontend/src/services/source/user.ts
index 5930d6a5e8..484fbf2f3a 100644
--- a/dbm-ui/frontend/src/services/source/user.ts
+++ b/dbm-ui/frontend/src/services/source/user.ts
@@ -11,8 +11,9 @@
  * the specific language governing permissions and limitations under the License.
  */
 
+import type { ListBase } from '@services/types';
+
 import http from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/users';
 
diff --git a/dbm-ui/frontend/src/services/source/whitelist.ts b/dbm-ui/frontend/src/services/source/whitelist.ts
index ae56eaaed0..88b4dfe8d8 100644
--- a/dbm-ui/frontend/src/services/source/whitelist.ts
+++ b/dbm-ui/frontend/src/services/source/whitelist.ts
@@ -12,9 +12,9 @@
  */
 
 import IpWhiteModel from '@services/model/ip-white/ip-white';
+import type { ListBase } from '@services/types';
 
 import http from '../http';
-import type { ListBase } from '../types';
 
 const path = '/apis/conf/ip_whitelist';
 
diff --git a/dbm-ui/frontend/src/services/types/db/clusterEntryDetail.ts b/dbm-ui/frontend/src/services/types/db/clusterEntryDetail.ts
new file mode 100644
index 0000000000..3f65f0c8a6
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/clusterEntryDetail.ts
@@ -0,0 +1,20 @@
+export interface ClusterEntryDetail {
+  cluster_entry_type: string;
+  entry: string;
+  role: string;
+  target_details: {
+    app: string;
+    bk_cloud_iduid: number;
+    dns_str: string;
+    domain_name: string;
+    domain_typeuid: number;
+    ip: string;
+    last_change_time: string;
+    manager: string;
+    port: number;
+    remark: string;
+    start_time: string;
+    status: string;
+    uid: number;
+  }[];
+}
diff --git a/dbm-ui/frontend/src/services/types/db/clusterListEntry.ts b/dbm-ui/frontend/src/services/types/db/clusterListEntry.ts
new file mode 100644
index 0000000000..101d35e48f
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/clusterListEntry.ts
@@ -0,0 +1,5 @@
+export interface ClusterListEntry {
+  cluster_entry_type: string;
+  entry: string;
+  role: string;
+}
diff --git a/dbm-ui/frontend/src/services/types/db/clusterListNode.ts b/dbm-ui/frontend/src/services/types/db/clusterListNode.ts
new file mode 100644
index 0000000000..e76a033b92
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/clusterListNode.ts
@@ -0,0 +1,34 @@
+export interface ClusterListNode {
+  bk_biz_id: number;
+  bk_cloud_id: number;
+  bk_host_id: number;
+  bk_instance_id: number;
+  instance: string;
+  ip: string;
+  is_stand_by: boolean;
+  name: string;
+  phase: string;
+  port: number;
+  spec_config: {
+    count: number;
+    cpu: {
+      max: number;
+      min: number;
+    };
+    device_class: string[];
+    id: number;
+    mem: {
+      max: number;
+      min: number;
+    };
+    name: string;
+    qps: Record<string, any>;
+    storage_spec: {
+      mount_point: string;
+      size: number;
+      type: string;
+    }[];
+  };
+  status: 'running' | 'unavailable';
+  version: '';
+}
diff --git a/dbm-ui/frontend/src/services/types/db/clusterListOperation.ts b/dbm-ui/frontend/src/services/types/db/clusterListOperation.ts
new file mode 100644
index 0000000000..b6aa841278
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/clusterListOperation.ts
@@ -0,0 +1,8 @@
+export interface ClusterListOperation {
+  cluster_id: number;
+  flow_id: number;
+  status: string;
+  ticket_id: number;
+  ticket_type: string;
+  title: string;
+}
diff --git a/dbm-ui/frontend/src/services/types/db/clusterListSpec.ts b/dbm-ui/frontend/src/services/types/db/clusterListSpec.ts
new file mode 100644
index 0000000000..6d0d49b88e
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/clusterListSpec.ts
@@ -0,0 +1,29 @@
+export interface ClusterListSpec {
+  cpu: {
+    max: number;
+    min: number;
+  };
+  creator: string;
+  desc: string;
+  device_class: string[];
+  enable: boolean;
+  instance_num: number;
+  mem: {
+    max: number;
+    min: number;
+  };
+  qps: {
+    max: number;
+    min: number;
+  };
+  spec_cluster_type: string;
+  spec_id: number;
+  spec_machine_type: string;
+  spec_name: string;
+  storage_spec: {
+    mount_point: string;
+    size: number;
+    type: string;
+  }[];
+  updater: string;
+}
diff --git a/dbm-ui/frontend/src/services/types/db/index.ts b/dbm-ui/frontend/src/services/types/db/index.ts
new file mode 100644
index 0000000000..527f0ac8f6
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/index.ts
@@ -0,0 +1,8 @@
+export * from './clusterEntryDetail';
+export * from './clusterListEntry';
+export * from './clusterListNode';
+export * from './clusterListOperation';
+export * from './clusterListSpec';
+export * from './instanceListOperation';
+export * from './instanceListSpecConfig';
+export * from './instanceRelatedCluster';
diff --git a/dbm-ui/frontend/src/services/types/db/instanceListOperation.ts b/dbm-ui/frontend/src/services/types/db/instanceListOperation.ts
new file mode 100644
index 0000000000..3e02047f82
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/instanceListOperation.ts
@@ -0,0 +1,9 @@
+export interface InstanceListOperation {
+  flow_id: number;
+  instance_id: number;
+  operator: string;
+  status: string;
+  ticket_id: number;
+  ticket_type: string;
+  title: string;
+}
diff --git a/dbm-ui/frontend/src/services/types/db/instanceListSpecConfig.ts b/dbm-ui/frontend/src/services/types/db/instanceListSpecConfig.ts
new file mode 100644
index 0000000000..552d1059a4
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/instanceListSpecConfig.ts
@@ -0,0 +1,20 @@
+export interface InstanceListSpecConfig {
+  count: number;
+  cpu: {
+    max: number;
+    min: number;
+  };
+  device_class: string[];
+  id: number;
+  mem: {
+    max: number;
+    min: number;
+  };
+  name: string;
+  qps: Record<any, any>;
+  storage_spec: {
+    mount_point: string;
+    size: number;
+    type: string;
+  }[];
+}
diff --git a/dbm-ui/frontend/src/services/types/db/instanceRelatedCluster.ts b/dbm-ui/frontend/src/services/types/db/instanceRelatedCluster.ts
new file mode 100644
index 0000000000..071aa37efc
--- /dev/null
+++ b/dbm-ui/frontend/src/services/types/db/instanceRelatedCluster.ts
@@ -0,0 +1,17 @@
+export interface InstanceRelatedCluster {
+  alias: string;
+  bk_biz_id: number;
+  bk_cloud_id: number;
+  cluster_name: string;
+  cluster_type: string;
+  creator: string;
+  db_module_id: number;
+  id: number;
+  major_version: string;
+  master_domain: string;
+  phase: string;
+  region: string;
+  status: string;
+  time_zone: string;
+  updater: string;
+}
diff --git a/dbm-ui/frontend/src/services/types/hostDetails.ts b/dbm-ui/frontend/src/services/types/hostInfo.ts
similarity index 90%
rename from dbm-ui/frontend/src/services/types/hostDetails.ts
rename to dbm-ui/frontend/src/services/types/hostInfo.ts
index b3d36c7302..1a2fc472da 100644
--- a/dbm-ui/frontend/src/services/types/hostDetails.ts
+++ b/dbm-ui/frontend/src/services/types/hostInfo.ts
@@ -14,26 +14,26 @@
 /**
  * 主机详情
  */
-export interface HostDetails {
+export interface HostInfo {
   agent_id: number;
   alive: number;
   biz: {
     id: number;
     name: string;
   };
-  bk_cpu?: number;
+  bk_cpu: number;
   bk_cpu_architecture: string;
   bk_cpu_module: string;
   bk_disk: number;
   bk_host_outerip: string;
-  bk_idc_id?: number;
-  bk_idc_name?: string;
+  bk_idc_id: number;
+  bk_idc_name: string;
   bk_mem: number;
   cloud_area: { id: number; name: string };
   cloud_id: number;
   cloud_vendor: string;
   host_id: number;
-  host_name?: string;
+  host_name: string;
   ip: string;
   ipv6: string;
   meta: {
@@ -41,6 +41,7 @@ export interface HostDetails {
     scope_id: string;
     scope_type: string;
   };
+  occupancy: boolean;
   os_name: string;
   os_type: string;
 }
diff --git a/dbm-ui/frontend/src/services/types/index.ts b/dbm-ui/frontend/src/services/types/index.ts
index 53c3732a77..7611694be7 100644
--- a/dbm-ui/frontend/src/services/types/index.ts
+++ b/dbm-ui/frontend/src/services/types/index.ts
@@ -12,10 +12,11 @@
  */
 
 export * from './bizItem';
-export * from './clusters';
 export * from './common';
-export * from './hostDetails';
+export * from './db';
+export * from './hostInfo';
 export * from './hostNode';
+export * from './instanceInfos';
 export * from './listBase';
 export * from './permission';
 export * from './resourceTopo';
diff --git a/dbm-ui/frontend/src/services/types/clusters.ts b/dbm-ui/frontend/src/services/types/instanceInfos.ts
similarity index 96%
rename from dbm-ui/frontend/src/services/types/clusters.ts
rename to dbm-ui/frontend/src/services/types/instanceInfos.ts
index 98656e2f53..7fa8d09e76 100644
--- a/dbm-ui/frontend/src/services/types/clusters.ts
+++ b/dbm-ui/frontend/src/services/types/instanceInfos.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import type { HostDetails } from '../types';
+import type { HostInfo } from '@services/types';
 
 /**
  * 实例详细信息（包含主机、集群）
@@ -27,7 +27,7 @@ export interface InstanceInfos {
   create_at: string;
   db_module_id: number;
   db_module_name: string;
-  host_info: HostDetails;
+  host_info: HostInfo;
   instance_address: string;
   ip: string;
   master_domain: string;
diff --git a/dbm-ui/frontend/src/services/types/ticket.ts b/dbm-ui/frontend/src/services/types/ticket.ts
index 4de585faa7..531341b0fc 100644
--- a/dbm-ui/frontend/src/services/types/ticket.ts
+++ b/dbm-ui/frontend/src/services/types/ticket.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 import type { MySQLImportSQLFileDetails } from '@services/model/ticket/details/mysql';
-import type { HostDetails } from '@services/types';
+import type { HostInfo } from '@services/types';
 
 import { TicketTypes } from '@common/const';
 
@@ -107,10 +107,10 @@ export interface TicketDetailsES {
   http_port: number;
   ip_source: string;
   nodes: {
-    client: HostDetails[];
-    master: HostDetails[];
-    hot: HostDetails[];
-    cold: HostDetails[];
+    client: HostInfo[];
+    master: HostInfo[];
+    hot: HostInfo[];
+    cold: HostInfo[];
   };
 }
 
@@ -125,9 +125,9 @@ export interface TicketDetailsHDFS {
   db_version: string;
   ip_source: string;
   nodes: {
-    datanode: HostDetails[];
-    namenode: HostDetails[];
-    zookeeper: HostDetails[];
+    datanode: HostInfo[];
+    namenode: HostInfo[];
+    zookeeper: HostInfo[];
   };
 }
 
@@ -142,8 +142,8 @@ export interface TicketDetailsKafka {
   db_version: string;
   ip_source: string;
   nodes: {
-    broker: HostDetails[];
-    zookeeper: HostDetails[];
+    broker: HostInfo[];
+    zookeeper: HostInfo[];
   };
   partition_num: number;
   port: number;
@@ -155,16 +155,16 @@ export interface TicketDetailsKafka {
  * 节点类型
  */
 export interface NodesType {
-  datanode: HostDetails[];
-  hot: HostDetails[];
-  cold: HostDetails[];
-  master: HostDetails[];
-  client: HostDetails[];
-  namenode: HostDetails[];
-  zookeeper: HostDetails[];
-  broker: HostDetails[];
-  proxy: HostDetails[];
-  slave: HostDetails[];
+  datanode: HostInfo[];
+  hot: HostInfo[];
+  cold: HostInfo[];
+  master: HostInfo[];
+  client: HostInfo[];
+  namenode: HostInfo[];
+  zookeeper: HostInfo[];
+  broker: HostInfo[];
+  proxy: HostInfo[];
+  slave: HostInfo[];
 }
 
 /**
diff --git a/dbm-ui/frontend/src/types/biz-components.d.ts b/dbm-ui/frontend/src/types/biz-components.d.ts
index 4d29a8e262..e82299e0d7 100644
--- a/dbm-ui/frontend/src/types/biz-components.d.ts
+++ b/dbm-ui/frontend/src/types/biz-components.d.ts
@@ -1,18 +1,23 @@
 declare module 'vue' {
   interface GlobalComponents {
-    FunController: typeof import('@components/function-controller/FunController.vue').default;
     AuthButton: typeof import('@components/auth-component/button.vue').default;
+    AuthTemplate: typeof import('@components/auth-component/component.vue').default;
     AuthOption: typeof import('@components/auth-component/option.vue').default;
     AuthRouterLink: typeof import('@components/auth-component/router-link.vue').default;
     AuthSwitch: typeof import('@components/auth-component/switch.vue').default;
-    AuthTemplate: typeof import('@components/auth-component/component.vue').default;
-    SmartAction: typeof import('@components/smart-action/Index.vue').default;
-    DbIcon: typeof import('@components/db-icon/index.ts').default;
+    DbCard: typeof import('@components/db-card/index.vue').default;
     DbForm: typeof import('@components/db-form/index.vue').default;
-    DbAppSelect: typeof import('@components/db-app-select/Index.vue').default;
+    DbIcon: typeof import('@components/db-icon/index.ts').default;
     DbPopconfirm: typeof import('@components/db-popconfirm/index.vue').default;
+    DbSearchSelect: typeof import('@components/db-search-select/index.vue').default;
+    DbSideslider: typeof import('@components/db-sideslider/index.vue').default;
+    DbStatus: typeof import('@components/db-status/index.vue').default;
     DbTable: typeof import('@components/db-table/index.vue').default;
+    FunController: typeof import('@components/function-controller/FunController.vue').default;
+    MoreActionExtend: typeof import('@components/more-action-extend/Index.vue').default;
     ScrollFaker: typeof import('@components/scroll-faker/Index.vue').default;
+    SmartAction: typeof import('@components/smart-action/Index.vue').default;
+    DbAppSelect: typeof import('@components/db-app-select/Index.vue').default;
   }
 }
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/add-permission-rule-dialog/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/add-permission-rule-dialog/Index.vue
index ff9dc133ae..41a1e112a5 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/add-permission-rule-dialog/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/add-permission-rule-dialog/Index.vue
@@ -71,7 +71,7 @@
   import type { ISearchValue } from 'bkui-vue/lib/search-select/utils';
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { getPermissionRules } from '@services/source/permission';
 
   import TextOverflowLayout from '@components/text-overflow-layout/Index.vue';
diff --git a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/HdfsHostTable.vue b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/HdfsHostTable.vue
index 21c912c988..8308c70f01 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/HdfsHostTable.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/HdfsHostTable.vue
@@ -84,7 +84,7 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useCopy } from '@hooks';
 
@@ -94,12 +94,12 @@
   import useLocalPagination from './hook/useLocalPagination';
 
   interface Props {
-    data: HostDetails[],
+    data: HostInfo[],
   }
 
   interface Emits {
-    (e: 'update:data', value: Array<HostDetails>): void,
-    (e: 'change', nameNode: Array<HostDetails>, zookeeper: Array<HostDetails>): void
+    (e: 'update:data', value: Array<HostInfo>): void,
+    (e: 'change', nameNode: Array<HostInfo>, zookeeper: Array<HostInfo>): void
   }
 
   const props = defineProps<Props>();
@@ -112,8 +112,8 @@
   const localData = shallowRef(props.data);
   const isShowTable = ref(true);
 
-  const nameNodeCheckedMap = shallowRef<Record<number, HostDetails>>({});
-  const zookeeperCheckedMap = shallowRef<Record<number, HostDetails>>({});
+  const nameNodeCheckedMap = shallowRef<Record<number, HostInfo>>({});
+  const zookeeperCheckedMap = shallowRef<Record<number, HostInfo>>({});
 
   // 部署 NameNodes 最多2台
   const isNameNodeCheckDisabled = computed(() => Object.keys(nameNodeCheckedMap.value).length >= 2);
@@ -124,17 +124,17 @@
     {
       label: t('主机ID'),
       field: 'host_id',
-      render: ({ data }: {data: HostDetails}) => data.host_id || '--',
+      render: ({ data }: {data: HostInfo}) => data.host_id || '--',
     },
     {
       label: 'IP',
       field: 'ip',
-      render: ({ data }: {data: HostDetails}) => data.ip,
+      render: ({ data }: {data: HostInfo}) => data.ip,
     },
     {
       label: t('部署NameNode_2台'),
       width: '180px',
-      render: ({ data }: {data: HostDetails}) => {
+      render: ({ data }: {data: HostInfo}) => {
         const isDisabled = isNameNodeCheckDisabled.value && !nameNodeCheckedMap.value[data.host_id];
         const tooltipsOptions = {
           disabled: !isDisabled,
@@ -155,7 +155,7 @@
     {
       label: t('部署Zookeeper_JournalNode_3台'),
       width: '250px',
-      render: ({ data }: {data: HostDetails}) => {
+      render: ({ data }: {data: HostInfo}) => {
         const isDisabled = isZookeeperCheckDisabled.value && !zookeeperCheckedMap.value[data.host_id];
         const tooltipsOptions = {
           disabled: !isDisabled,
@@ -176,22 +176,22 @@
     {
       label: t('机型'),
       field: 'bk_cpu',
-      render: ({ data }: {data: HostDetails}) => data.bk_cpu || '--',
+      render: ({ data }: {data: HostInfo}) => data.bk_cpu || '--',
     },
     {
       label: t('机房'),
       field: 'bk_idc_name',
-      render: ({ data }: {data: HostDetails}) => data.bk_idc_name || '--',
+      render: ({ data }: {data: HostInfo}) => data.bk_idc_name || '--',
     },
     {
       label: t('主机名称'),
       field: 'host_name',
-      render: ({ data }: {data: HostDetails}) => data.host_name || '--',
+      render: ({ data }: {data: HostInfo}) => data.host_name || '--',
     },
     {
       label: t('Agent状态'),
       field: 'alive',
-      render: ({ data }: {data: HostDetails}) => {
+      render: ({ data }: {data: HostInfo}) => {
         const info = data.alive === 1 ? { theme: 'success', text: t('正常') } : { theme: 'danger', text: t('异常') };
         return <DbStatus theme={info.theme}>{info.text}</DbStatus>;
       },
@@ -199,22 +199,22 @@
     {
       label: t('管控区域'),
       field: 'cloud_area',
-      render: ({ data }: {data: HostDetails}) => data.cloud_area.name || '--',
+      render: ({ data }: {data: HostInfo}) => data.cloud_area.name || '--',
     },
     {
       label: t('OS名称'),
       field: 'os_name',
-      render: ({ data }: {data: HostDetails}) => data.os_name || '--',
+      render: ({ data }: {data: HostInfo}) => data.os_name || '--',
     },
     {
       label: t('OS类型'),
       field: 'os_type',
-      render: ({ data }: {data: HostDetails}) => data.os_type || '--',
+      render: ({ data }: {data: HostInfo}) => data.os_type || '--',
     },
     {
       label: 'Agent ID',
       field: 'agent_id',
-      render: ({ data }: {data: HostDetails}) => data.agent_id || '--',
+      render: ({ data }: {data: HostInfo}) => data.agent_id || '--',
     },
     {
       label: t('操作'),
@@ -245,8 +245,8 @@
     const isEmpty = Object.keys(nameNodeCheckedMap.value).length < 1
       && Object.keys(zookeeperCheckedMap.value).length < 1;
 
-    const nameNodeChecked = {} as Record<number, HostDetails>;
-    const zookeeperChecked = {} as Record<number, HostDetails>;
+    const nameNodeChecked = {} as Record<number, HostInfo>;
+    const zookeeperChecked = {} as Record<number, HostInfo>;
 
     if (isEmpty) {
       _.forEach(props.data, (item) => {
@@ -295,7 +295,7 @@
     isShowTable.value = !isShowTable.value;
   };
 
-  const handleNameNodesChange = (value: boolean, data: HostDetails) => {
+  const handleNameNodesChange = (value: boolean, data: HostInfo) => {
     const checkedMap  = { ...nameNodeCheckedMap.value };
     if (value) {
       checkedMap[data.host_id] = data;
@@ -306,7 +306,7 @@
     triggerChange();
   };
 
-  const handleZookeeperChange = (value: boolean, data: HostDetails) => {
+  const handleZookeeperChange = (value: boolean, data: HostInfo) => {
     const checkedMap  = { ...zookeeperCheckedMap.value };
     if (value) {
       checkedMap[data.host_id] = data;
diff --git a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/RenderHostTable.vue b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/RenderHostTable.vue
index 10a0c769e7..7a5d10c006 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/RenderHostTable.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/RenderHostTable.vue
@@ -82,7 +82,7 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useCopy } from '@hooks';
 
@@ -92,11 +92,11 @@
   import useLocalPagination from './hook/useLocalPagination';
 
   interface Props {
-    data: Array<HostDetails>
+    data: Array<HostInfo>
   }
 
   interface Emits {
-    (e: 'update:data', value: Array<HostDetails>): void
+    (e: 'update:data', value: Array<HostInfo>): void
   }
 
   const props = defineProps<Props>();
@@ -113,27 +113,27 @@
       label: 'IP',
       field: 'ip',
       width: 160,
-      render: ({ data }: {data: HostDetails}) => data.ip,
+      render: ({ data }: {data: HostInfo}) => data.ip,
     },
     {
       label: t('机型'),
       field: 'bk_cpu',
-      render: ({ data }: {data: HostDetails}) => data.bk_cpu || '--',
+      render: ({ data }: {data: HostInfo}) => data.bk_cpu || '--',
     },
     {
       label: t('机房'),
       field: 'bk_idc_name',
-      render: ({ data }: {data: HostDetails}) => data.bk_idc_name || '--',
+      render: ({ data }: {data: HostInfo}) => data.bk_idc_name || '--',
     },
     {
       label: t('主机名称'),
       field: 'host_name',
-      render: ({ data }: {data: HostDetails}) => data.host_name || '--',
+      render: ({ data }: {data: HostInfo}) => data.host_name || '--',
     },
     {
       label: t('Agent状态'),
       field: 'alive',
-      render: ({ data }: {data: HostDetails}) => {
+      render: ({ data }: {data: HostInfo}) => {
         const info = data.alive === 1 ? { theme: 'success', text: t('正常') } : { theme: 'danger', text: t('异常') };
         return <DbStatus theme={info.theme}>{info.text}</DbStatus>;
       },
@@ -141,33 +141,33 @@
     {
       label: t('管控区域'),
       field: 'cloud_area',
-      render: ({ data }: {data: HostDetails}) => data.cloud_area.name || '--',
+      render: ({ data }: {data: HostInfo}) => data.cloud_area.name || '--',
     },
     {
       label: t('OS名称'),
       field: 'os_name',
-      render: ({ data }: {data: HostDetails}) => data.os_name || '--',
+      render: ({ data }: {data: HostInfo}) => data.os_name || '--',
     },
     {
       label: t('OS类型'),
       field: 'os_type',
-      render: ({ data }: {data: HostDetails}) => data.os_type || '--',
+      render: ({ data }: {data: HostInfo}) => data.os_type || '--',
     },
     {
       label: t('主机ID'),
       field: 'host_id',
-      render: ({ data }: {data: HostDetails}) => data.host_id || '--',
+      render: ({ data }: {data: HostInfo}) => data.host_id || '--',
     },
     {
       label: 'Agent ID',
       field: 'agent_id',
-      render: ({ data }: {data: HostDetails}) => data.agent_id || '--',
+      render: ({ data }: {data: HostInfo}) => data.agent_id || '--',
     },
     {
       label: t('操作'),
       field: 'operation',
       width: 100,
-      render: ({ data }: {data: HostDetails}) => (
+      render: ({ data }: {data: HostInfo}) => (
         <bk-button
           text
           theme="primary"
@@ -199,13 +199,13 @@
   };
 
   // 移除指定主机节点数
-  const handleRemove = (data: HostDetails) => {
+  const handleRemove = (data: HostInfo) => {
     const result = props.data.reduce((result, item) => {
       if (item.host_id !== data.host_id) {
         result.push(item);
       }
       return result;
-    }, [] as Array<HostDetails>);
+    }, [] as Array<HostInfo>);
     emits('update:data', result);
   };
 
@@ -221,7 +221,7 @@
         result.push(hostData);
       }
       return result;
-    }, [] as Array<HostDetails>);
+    }, [] as Array<HostInfo>);
     emits('update:data', result);
   };
 
@@ -242,7 +242,7 @@
         result.push(hostData);
       }
       return result;
-    }, [] as Array<HostDetails>);
+    }, [] as Array<HostInfo>);
     emits('update:data', result);
   };
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/es-host-table/index.vue b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/es-host-table/index.vue
index 3a692b6ef9..822960fc76 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/es-host-table/index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/es-host-table/index.vue
@@ -82,7 +82,7 @@
 <script lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   interface Props {
     data: Array<IHostTableDataWithInstance>;
@@ -93,7 +93,7 @@
     (e: 'update:data', value: Array<IHostTableDataWithInstance>): void;
   }
 
-  export interface IHostTableDataWithInstance extends HostDetails {
+  export interface IHostTableDataWithInstance extends HostInfo {
     instance_num: number;
   }
 </script>
@@ -140,7 +140,7 @@
       label: 'IP',
       field: 'ip',
       width: 120,
-      render: ({ data }: {data: HostDetails}) => data.ip,
+      render: ({ data }: {data: HostInfo}) => data.ip,
     },
     {
       label: t('每台主机实例数'),
diff --git a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/hook/useLocalPagination.ts b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/hook/useLocalPagination.ts
index ca182b5890..00772dd9c5 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/hook/useLocalPagination.ts
+++ b/dbm-ui/frontend/src/views/db-manage/common/big-data-host-table/hook/useLocalPagination.ts
@@ -13,13 +13,13 @@
 
 import { type Ref, ref } from 'vue';
 
-import type { HostDetails } from '@services/types';
+import type { HostInfo } from '@services/types';
 
 import { useDebouncedRef } from '@hooks';
 
 import { encodeRegexp } from '@utils';
 
-export default function (originalData: Ref<HostDetails[]>) {
+export default function (originalData: Ref<HostInfo[]>) {
   const pagination = reactive({
     count: 0,
     current: 1,
@@ -39,7 +39,7 @@ export default function (originalData: Ref<HostDetails[]>) {
         result.push(item);
       }
       return result;
-    }, [] as HostDetails[]);
+    }, [] as HostInfo[]);
   });
 
   const isShowPagination = ref(false);
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/ClusterAuthorize.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/ClusterAuthorize.vue
index 566baa5fac..ed86311580 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/ClusterAuthorize.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/ClusterAuthorize.vue
@@ -205,8 +205,8 @@
   import { useI18n } from 'vue-i18n';
 
   import MongodbModel from '@services/model/mongodb/mongodb';
-  import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
-  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
+  import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver/sqlserver-permission-account';
   import { checkHost } from '@services/source/ipchooser';
   import { getMongodbPermissionRules } from '@services/source/mongodbPermissionAccount';
   import { preCheckMongodbAuthorizeRules } from '@services/source/mongodbPermissionAuthorize';
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accout-rules-preview-table/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accout-rules-preview-table/Index.vue
index c9409d951f..4a1d28aaf4 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accout-rules-preview-table/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accout-rules-preview-table/Index.vue
@@ -25,8 +25,8 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
-  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
+  import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver/sqlserver-permission-account';
 
   import { AccountTypes } from '@common/const';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/Index.vue
index 647881cc1e..0164a5ec28 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/Index.vue
@@ -63,8 +63,8 @@
   import type { ComponentExposed } from 'vue-component-type-helpers';
   import { useI18n } from 'vue-i18n';
 
-  import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
-  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
+  import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver/sqlserver-permission-account';
 
   import { getSearchSelectorParams } from '@utils';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue
index 59ef007bf7..b47310b1d6 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-authorize/accouter-rules-selector/components/AccountRulesTable.vue
@@ -27,8 +27,8 @@
   import type { UnwrapRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
-  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
+  import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver/sqlserver-permission-account';
   import { getMongodbPermissionRules } from '@services/source/mongodbPermissionAccount';
   import { getSqlserverPermissionRules } from '@services/source/sqlserverPermissionAccount';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-details/ClusterTopo.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-details/ClusterTopo.vue
index 6f097a7fe0..2fccc0674f 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-details/ClusterTopo.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-details/ClusterTopo.vue
@@ -92,9 +92,9 @@
   import { getPulsarTopoGraph } from '@services/source/pulsar';
   import { getRedisTopoGraph } from '@services/source/redis';
   import { getRiakTopoGraph } from '@services/source/riak';
-  import { getSpiderTopoGraph } from '@services/source/spider';
   import { getHaClusterTopoGraph } from '@services/source/sqlserveHaCluster';
   import { getSingleClusterTopoGraph } from '@services/source/sqlserverSingleCluster';
+  import { getTendbclusterTopoGraph } from '@services/source/tendbcluster';
   import { getTendbhaTopoGraph } from '@services/source/tendbha';
   import { getTendbsingleTopoGraph } from '@services/source/tendbsingle';
 
@@ -132,7 +132,7 @@
     redis: getRedisTopoGraph,
     tendbsingle: getTendbsingleTopoGraph,
     tendbha: getTendbhaTopoGraph,
-    tendbcluster: getSpiderTopoGraph,
+    tendbcluster: getTendbclusterTopoGraph,
     riak: getRiakTopoGraph,
     mongodb: getMongoClustersTopoGraph,
     sqlserver_ha: getHaClusterTopoGraph,
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-details/common/useRenderGraph.tsx b/dbm-ui/frontend/src/views/db-manage/common/cluster-details/common/useRenderGraph.tsx
index 1429eb02a9..d9aa1bd4ef 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-details/common/useRenderGraph.tsx
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-details/common/useRenderGraph.tsx
@@ -21,7 +21,7 @@ import { retrieveKafkaInstance } from '@services/source/kafka';
 import { retrievePulsarInstance } from '@services/source/pulsar';
 import { retrieveRedisInstance } from '@services/source/redis';
 import { retrieveRiakInstance } from '@services/source/riak';
-import { getSpiderInstanceDetails } from '@services/source/spider';
+import { getTendbclusterInstanceDetail } from '@services/source/tendbcluster';
 import { retrieveTendbhaInstance } from '@services/source/tendbha';
 import { retrieveTendbsingleInstance } from '@services/source/tendbsingle';
 import type { ResourceTopo } from '@services/types';
@@ -165,7 +165,7 @@ const apiMap: Record<string, (params: any) => Promise<any>> = {
   redis: retrieveRedisInstance,
   tendbsingle: retrieveTendbsingleInstance,
   tendbha: retrieveTendbhaInstance,
-  tendbcluster: getSpiderInstanceDetails,
+  tendbcluster: getTendbclusterInstanceDetail,
   riak: retrieveRiakInstance,
 };
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/Index.vue
index 82f90b5250..37803bca37 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/Index.vue
@@ -25,13 +25,12 @@
       :ticket-type="ticketType" />
   </DbSideslider>
 </template>
-
-<script setup lang="tsx">
+<script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
   import TendbhaModel from '@services/model/mysql/tendbha';
   import TendbsingleModel from '@services/model/mysql/tendbsingle';
-  import TendbClusterModel from '@services/model/spider/tendbCluster';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
 
   import { TicketTypes } from '@common/const';
 
@@ -56,8 +55,8 @@
     .cluster-domain {
       padding-left: 8px;
       margin-left: 8px;
-      color: #979ba5;
       font-size: 14px;
+      color: #979ba5;
       border-left: 1px solid #dcdee5;
     }
   }
diff --git a/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/component/Content.vue b/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/component/Content.vue
index d0d28ce022..61288957fc 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/component/Content.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/cluster-export-data/component/Content.vue
@@ -100,7 +100,7 @@
 
   import TendbhaModel from '@services/model/mysql/tendbha';
   import TendbsingleModel from '@services/model/mysql/tendbsingle';
-  import TendbClusterModel from '@services/model/spider/tendbCluster';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { getClusterDatabaseNameList } from '@services/source/remoteService';
   import { createTicket } from '@services/source/ticket';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/dropdown-export-excel/index.vue b/dbm-ui/frontend/src/views/db-manage/common/dropdown-export-excel/index.vue
index 5f0f758e5a..95a8233a3c 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/dropdown-export-excel/index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/dropdown-export-excel/index.vue
@@ -40,12 +40,12 @@
   import { exportPulsarClusterToExcel, exportPulsarInstanceToExcel } from '@services/source/pulsar';
   import { exportRedisClusterToExcel, exportRedisInstanceToExcel } from '@services/source/redis';
   import { exportRiakClusterToExcel, exportRiakInstanceToExcel } from '@services/source/riak';
-  import { exportSpiderClusterToExcel, exportSpiderInstanceToExcel } from '@services/source/spider';
   import {
     exportSqlServerHaClusterToExcel,
     exportSqlServerHaInstanceToExcel,
   } from '@services/source/sqlserveHaCluster';
   import { exportSqlServerSingleClusterToExcel } from '@services/source/sqlserverSingleCluster';
+  import { exportTendbclusterInstanceToExcel, exportTendbclusterToExcel } from '@services/source/tendbcluster';
   import { exportTendbhaClusterToExcel, exportTendbhaInstanceToExcel } from '@services/source/tendbha';
   import { exportTendbsingleClusterToExcel, exportTendbsingleInstanceToExcel } from '@services/source/tendbsingle';
 
@@ -91,8 +91,8 @@
       instance: exportTendbhaInstanceToExcel,
     },
     spider: {
-      cluster: exportSpiderClusterToExcel,
-      instance: exportSpiderInstanceToExcel,
+      cluster: exportTendbclusterToExcel,
+      instance: exportTendbclusterInstanceToExcel,
     },
     redis: {
       cluster: exportRedisClusterToExcel,
diff --git a/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/Index.vue
index d79b533627..dba17aad9a 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/Index.vue
@@ -89,7 +89,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import HostSelector from './components/HostSelector.vue';
   import ResourcePoolSelector from './components/ResourcePoolSelector.vue';
@@ -102,11 +102,11 @@
     // 集群的节点类型
     role: string;
     // 初始主机
-    originalHostList: HostDetails[];
+    originalHostList: HostInfo[];
     // 服务器来源
     ipSource: 'resource_pool' | 'manual_input';
     // 扩容主机
-    hostList: Array<HostDetails & { instance_num: number }>;
+    hostList: Array<HostInfo & { instance_num: number }>;
     // 当前主机的总容量
     totalDisk: number;
     // 扩容目标容量
@@ -132,7 +132,7 @@
     };
     data: TExpansionNode;
     ipSource: string;
-    disableHostMethod?: (params: HostDetails) => string | boolean;
+    disableHostMethod?: (params: HostInfo) => string | boolean;
   }
 
   const props = defineProps<Props>();
diff --git a/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/components/HostSelector.vue b/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/components/HostSelector.vue
index 596917315b..45f4a77f47 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/components/HostSelector.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/es-host-expansion/components/HostSelector.vue
@@ -82,7 +82,7 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -111,7 +111,7 @@
   const props = defineProps<Props>();
   const emits = defineEmits<Emits>();
 
-  const calcSelectHostDisk = (hostList: HostDetails[]) => hostList
+  const calcSelectHostDisk = (hostList: HostInfo[]) => hostList
     .reduce((result, hostItem) => result + ~~Number(hostItem.bk_disk), 0);
 
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/es-host-replace/components/HostSelector.vue b/dbm-ui/frontend/src/views/db-manage/common/es-host-replace/components/HostSelector.vue
index 3c928d55ba..fb432302cf 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/es-host-replace/components/HostSelector.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/es-host-replace/components/HostSelector.vue
@@ -67,7 +67,7 @@
   import { ref } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -82,7 +82,7 @@
   interface Props {
     data: TReplaceNode;
     placehoderId: string;
-    disableHostMethod?: (params: HostDetails) => string | boolean;
+    disableHostMethod?: (params: HostInfo) => string | boolean;
   }
 
   const props = defineProps<Props>();
@@ -94,7 +94,7 @@
   const { currentBizId } = useGlobalBizs();
   const { t } = useI18n();
 
-  const formatIpDataWidthInstance = (data: HostDetails[]) =>
+  const formatIpDataWidthInstance = (data: HostInfo[]) =>
     data.map((item) => ({
       instance_num: 1,
       ...item,
@@ -111,7 +111,7 @@
     return undefined;
   });
 
-  const disableDialogSubmitMethod = (hostList: HostDetails[]) =>
+  const disableDialogSubmitMethod = (hostList: HostInfo[]) =>
     hostList.length === props.data.nodeList.length ? false : t('需n台', { n: props.data.nodeList.length });
 
   const isShowIpSelector = ref(false);
@@ -122,7 +122,7 @@
   };
 
   // 添加新IP
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     modelValue.value = formatIpDataWidthInstance(hostList);
   };
 
diff --git a/dbm-ui/frontend/src/views/db-manage/common/host-expansion/Index.vue b/dbm-ui/frontend/src/views/db-manage/common/host-expansion/Index.vue
index dcd0ab81c2..c2b8fb425e 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/host-expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/host-expansion/Index.vue
@@ -89,7 +89,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import HostSelector from './components/HostSelector.vue';
   import ResourcePoolSelector from './components/ResourcePoolSelector.vue';
@@ -102,11 +102,11 @@
     // 集群的节点类型
     role: string;
     // 初始主机
-    originalHostList: HostDetails[];
+    originalHostList: HostInfo[];
     // 服务器来源
     ipSource: 'resource_pool' | 'manual_input';
     // 扩容主机
-    hostList: HostDetails[];
+    hostList: HostInfo[];
     // 当前主机的总容量
     totalDisk: number;
     // 扩容目标容量
@@ -131,7 +131,7 @@
     };
     data: TExpansionNode;
     ipSource: string;
-    disableHostMethod?: (params: HostDetails) => string | boolean;
+    disableHostMethod?: (params: HostInfo) => string | boolean;
   }
 
   const props = defineProps<Props>();
diff --git a/dbm-ui/frontend/src/views/db-manage/common/host-expansion/components/HostSelector.vue b/dbm-ui/frontend/src/views/db-manage/common/host-expansion/components/HostSelector.vue
index df49464726..5f30fe3d53 100644
--- a/dbm-ui/frontend/src/views/db-manage/common/host-expansion/components/HostSelector.vue
+++ b/dbm-ui/frontend/src/views/db-manage/common/host-expansion/components/HostSelector.vue
@@ -82,7 +82,7 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -136,22 +136,22 @@
     {
       label: t('节点 IP'),
       field: 'ip',
-      render: ({ data }: {data: HostDetails}) => data.ip || '--',
+      render: ({ data }: {data: HostInfo}) => data.ip || '--',
     },
     {
       label: t('Agent状态'),
       field: 'alive',
-      render: ({ data }: { data: HostDetails }) => <HostAgentStatus data={data.alive} />,
+      render: ({ data }: { data: HostInfo }) => <HostAgentStatus data={data.alive} />,
     },
     {
       label: t('磁盘_GB'),
       field: 'bk_disk',
-      render: ({ data }: {data: HostDetails}) => data.bk_disk || '--',
+      render: ({ data }: {data: HostInfo}) => data.bk_disk || '--',
     },
     {
       label: t('操作'),
       width: 100,
-      render: ({ data }: {data: HostDetails}) => (
+      render: ({ data }: {data: HostInfo}) => (
         <bk-button
           text
           theme="primary"
diff --git a/dbm-ui/frontend/src/views/db-manage/elastic-search/apply/Index.vue b/dbm-ui/frontend/src/views/db-manage/elastic-search/apply/Index.vue
index f1e03734ff..0ba8f2c5cb 100644
--- a/dbm-ui/frontend/src/views/db-manage/elastic-search/apply/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/elastic-search/apply/Index.vue
@@ -337,7 +337,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRoute, useRouter } from 'vue-router';
 
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase } from '@hooks';
 
@@ -361,7 +361,7 @@
   const router = useRouter();
   const { t } = useI18n();
 
-  const makeMapByHostId = (hostList: HostDetails[]) =>
+  const makeMapByHostId = (hostList: HostInfo[]) =>
     hostList.reduce(
       (result, item) => ({
         ...result,
@@ -384,8 +384,8 @@
       ip_source: 'resource_pool',
       disaster_tolerance_level: 'NONE', // 同 affinity
       nodes: {
-        master: [] as Array<HostDetails>,
-        client: [] as Array<HostDetails>,
+        master: [] as Array<HostInfo>,
+        client: [] as Array<HostInfo>,
         hot: [] as Array<IHostTableDataWithInstance>,
         cold: [] as Array<IHostTableDataWithInstance>,
       },
@@ -411,7 +411,7 @@
     },
   });
 
-  const formatIpDataWidthInstance = (data: HostDetails[]) =>
+  const formatIpDataWidthInstance = (data: HostInfo[]) =>
     data.map((item) => ({
       instance_num: 1,
       ...item,
@@ -608,19 +608,19 @@
   const masterDisableDialogSubmitMethod = (hostList: Array<any>) =>
     hostList.length >= 3 ? false : t('至少n台', { n: 3 });
   // 更新 master 节点
-  const handleMasterIpListChange = (data: HostDetails[]) => {
+  const handleMasterIpListChange = (data: HostInfo[]) => {
     formData.details.nodes.master = data;
   };
   // 更新 client 节点IP
-  const handleClientIpListChange = (data: HostDetails[]) => {
+  const handleClientIpListChange = (data: HostInfo[]) => {
     formData.details.nodes.client = data;
   };
   // 更新热节点IP
-  const handleHotIpListChange = (data: HostDetails[]) => {
+  const handleHotIpListChange = (data: HostInfo[]) => {
     formData.details.nodes.hot = formatIpDataWidthInstance(data);
   };
   // 更新冷节点IP
-  const handleColdIpListChange = (data: HostDetails[]) => {
+  const handleColdIpListChange = (data: HostInfo[]) => {
     formData.details.nodes.cold = formatIpDataWidthInstance(data);
   };
 
@@ -633,7 +633,7 @@
       }
       baseState.isSubmitting = true;
 
-      const mapIpField = (ipList: Array<HostDetails>) =>
+      const mapIpField = (ipList: Array<HostInfo>) =>
         ipList.map((item) => ({
           bk_host_id: item.host_id,
           ip: item.ip,
diff --git a/dbm-ui/frontend/src/views/db-manage/elastic-search/common/expansion/Index.vue b/dbm-ui/frontend/src/views/db-manage/elastic-search/common/expansion/Index.vue
index a4ed685331..f209f6ed56 100644
--- a/dbm-ui/frontend/src/views/db-manage/elastic-search/common/expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/elastic-search/common/expansion/Index.vue
@@ -66,7 +66,7 @@
   import type ESModel from '@services/model/es/es';
   import { getHostDetails } from '@services/source/ipchooser';
   import { createTicket } from '@services/source/ticket';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useTicketMessage } from '@hooks';
 
@@ -215,8 +215,8 @@
         scope_type: 'biz',
       }],
     }).then((data) => {
-      const hotOriginalHostList: HostDetails[] = [];
-      const coldOriginalHostList: HostDetails[] = [];
+      const hotOriginalHostList: HostInfo[] = [];
+      const coldOriginalHostList: HostInfo[] = [];
 
       let hotDiskTotal = 0;
       let coldDiskTotal = 0;
diff --git a/dbm-ui/frontend/src/views/db-manage/elastic-search/common/replace/Index.vue b/dbm-ui/frontend/src/views/db-manage/elastic-search/common/replace/Index.vue
index 4cfe087358..4d8beb1faf 100644
--- a/dbm-ui/frontend/src/views/db-manage/elastic-search/common/replace/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/elastic-search/common/replace/Index.vue
@@ -124,7 +124,7 @@
 
   import type EsModel from '@services/model/es/es';
   import { createTicket } from '@services/source/ticket';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -270,7 +270,7 @@
   );
 
   // 节点主机互斥
-  const nodeDisableHostMethod = (hostData: HostDetails, type: keyof typeof disableTipsMap) => {
+  const nodeDisableHostMethod = (hostData: HostInfo, type: keyof typeof disableTipsMap) => {
     const types = Object.keys(disableTipsMap);
     for (const key of types) {
       if (key !== type) {
diff --git a/dbm-ui/frontend/src/views/db-manage/hdfs/apply/Index.vue b/dbm-ui/frontend/src/views/db-manage/hdfs/apply/Index.vue
index 3da120f91e..267724d9e0 100644
--- a/dbm-ui/frontend/src/views/db-manage/hdfs/apply/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/hdfs/apply/Index.vue
@@ -342,7 +342,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRoute, useRouter } from 'vue-router';
 
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase } from '@hooks';
 
@@ -377,9 +377,9 @@
       ip_source: 'resource_pool',
       disaster_tolerance_level: 'NONE', // 同 affinity
       nodes: {
-        namenode: [] as Array<HostDetails>,
-        zookeeper: [] as Array<HostDetails>,
-        datanode: [] as Array<HostDetails>,
+        namenode: [] as Array<HostInfo>,
+        zookeeper: [] as Array<HostInfo>,
+        datanode: [] as Array<HostInfo>,
       },
       resource_spec: {
         zookeeper: {
@@ -416,7 +416,7 @@
   });
   const formData = reactive(genDefaultFormData());
 
-  const nodeAndZookerperMergeList = shallowRef<Array<HostDetails>>([]);
+  const nodeAndZookerperMergeList = shallowRef<Array<HostInfo>>([]);
 
   // const isDefaultCity = computed(() => formData.details.city_code === 'default');
 
@@ -508,11 +508,11 @@
     return false;
   };
 
-  const handleNameAndZookeeperMergeHostChange = (data: HostDetails[]) => {
+  const handleNameAndZookeeperMergeHostChange = (data: HostInfo[]) => {
     nodeAndZookerperMergeList.value = data;
   };
 
-  const handleNameAndZookeeperChange = (nameNode: Array<HostDetails>, zookeeper: Array<HostDetails>) => {
+  const handleNameAndZookeeperChange = (nameNode: Array<HostInfo>, zookeeper: Array<HostInfo>) => {
     formData.details.nodes.namenode = nameNode;
     formData.details.nodes.zookeeper = zookeeper;
   };
@@ -537,7 +537,7 @@
 
     return hostIdMap[data.host_id] ? t('主机已被使用') : false;
   };
-  const handleDatanodeChange = (data: HostDetails[]) => {
+  const handleDatanodeChange = (data: HostInfo[]) => {
     formData.details.nodes.datanode = data;
   };
 
@@ -545,7 +545,7 @@
   const handleSubmit = () => {
     formRef.value.validate().then(() => {
       baseState.isSubmitting = true;
-      const mapIpField = (ipList: Array<HostDetails>) =>
+      const mapIpField = (ipList: Array<HostInfo>) =>
         ipList.map((item) => ({
           bk_host_id: item.host_id,
           ip: item.ip,
diff --git a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue
index 4d2f54b7c4..ca0d1febbc 100644
--- a/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/hdfs/list/components/detail/components/node-list/Index.vue
@@ -170,7 +170,7 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import type HdfsModel from '@services/model/hdfs/hdfs';
+  import type HdfsDetailModel from '@services/model/hdfs/hdfs-detail';
   import HdfsNodeModel from '@services/model/hdfs/hdfs-node';
   import { getHdfsDetail, getHdfsNodeList } from '@services/source/hdfs';
 
@@ -290,7 +290,7 @@
   const isShowDetail = ref(false);
   const isCopyDropdown = ref(false);
 
-  const operationData = shallowRef<HdfsModel>();
+  const operationData = shallowRef<HdfsDetailModel>();
   const operationNodeData = shallowRef();
   const operationNodeList = shallowRef<Array<HdfsNodeModel>>([]);
   const tableData = shallowRef<HdfsNodeModel[]>([]);
diff --git a/dbm-ui/frontend/src/views/db-manage/influxdb/apply/common/base.ts b/dbm-ui/frontend/src/views/db-manage/influxdb/apply/common/base.ts
index 0a0fdbf8d2..a5c2bec759 100644
--- a/dbm-ui/frontend/src/views/db-manage/influxdb/apply/common/base.ts
+++ b/dbm-ui/frontend/src/views/db-manage/influxdb/apply/common/base.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import type { HostDetails } from '@services/types';
+import type { HostInfo } from '@services/types';
 
 /**
  * 初始化表单数据
@@ -31,7 +31,7 @@ export const getInitFormdata = () => ({
     group_id: '',
     disaster_tolerance_level: 'NONE', // 同 affinity
     nodes: {
-      influxdb: [] as HostDetails[],
+      influxdb: [] as HostInfo[],
     },
     resource_spec: {
       influxdb: {
diff --git a/dbm-ui/frontend/src/views/db-manage/kafka/apply/Index.vue b/dbm-ui/frontend/src/views/db-manage/kafka/apply/Index.vue
index ba5c80d2b4..fd0681ee39 100644
--- a/dbm-ui/frontend/src/views/db-manage/kafka/apply/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/kafka/apply/Index.vue
@@ -329,7 +329,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRoute, useRouter } from 'vue-router';
 
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase } from '@hooks';
 
@@ -350,7 +350,7 @@
   const router = useRouter();
   const { t } = useI18n();
 
-  const formatIpData = (data: HostDetails[]) =>
+  const formatIpData = (data: HostInfo[]) =>
     data.map((item) => ({
       ...item,
       instance_num: 1,
@@ -370,8 +370,8 @@
       ip_source: 'resource_pool',
       disaster_tolerance_level: 'NONE', // 同 affinity
       nodes: {
-        zookeeper: [] as Array<HostDetails>,
-        broker: [] as Array<HostDetails>,
+        zookeeper: [] as Array<HostInfo>,
+        broker: [] as Array<HostInfo>,
       },
       resource_spec: {
         zookeeper: {
@@ -507,11 +507,11 @@
     formData.details.nodes.broker = [];
   }
 
-  const handleZookeeperChange = (data: HostDetails[]) => {
+  const handleZookeeperChange = (data: HostInfo[]) => {
     formData.details.nodes.zookeeper = formatIpData(data);
   };
 
-  const handleBrokerChange = (data: HostDetails[]) => {
+  const handleBrokerChange = (data: HostInfo[]) => {
     formData.details.nodes.broker = formatIpData(data);
   };
 
@@ -519,7 +519,7 @@
   const handleSubmit = () => {
     formRef.value.validate().then(() => {
       baseState.isSubmitting = true;
-      const mapIpField = (ipList: Array<HostDetails>) =>
+      const mapIpField = (ipList: Array<HostInfo>) =>
         ipList.map((item) => ({
           bk_host_id: item.host_id,
           ip: item.ip,
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/permission/Index.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/permission/Index.vue
index 7acb359ef5..3df4adea40 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/permission/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/permission/Index.vue
@@ -59,7 +59,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
+  import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
   import { getMongodbPermissionRules } from '@services/source/mongodbPermissionAccount';
   import type { PermissionRuleInfo } from '@services/types/permission';
 
@@ -338,9 +338,9 @@
 <style lang="less" scoped>
   .mongo-permission {
     .operation-box {
-      justify-content: space-between;
-      padding-bottom: 16px;
       display: flex;
+      padding-bottom: 16px;
+      justify-content: space-between;
       align-items: center;
     }
 
@@ -376,12 +376,12 @@
         }
 
         .cell-row {
+          height: calc(var(--row-height) - 4px);
           padding: 0 16px;
           overflow: hidden;
+          line-height: calc(var(--row-height) - 4px);
           text-overflow: ellipsis;
           white-space: nowrap;
-          height: calc(var(--row-height) - 4px);
-          line-height: calc(var(--row-height) - 4px);
 
           & ~ .cell-row {
             border-top: 1px solid #dcdee5;
diff --git a/dbm-ui/frontend/src/views/db-manage/mongodb/permission/components/AccountInfoDialog.vue b/dbm-ui/frontend/src/views/db-manage/mongodb/permission/components/AccountInfoDialog.vue
index 7c16f8ecad..cf49f50450 100644
--- a/dbm-ui/frontend/src/views/db-manage/mongodb/permission/components/AccountInfoDialog.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mongodb/permission/components/AccountInfoDialog.vue
@@ -38,7 +38,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import MongodbPermissonAccountModel from '@services/model/mongodb-permission/mongodb-permission-account';
+  import MongodbPermissonAccountModel from '@services/model/mongodb/mongodb-permission-account';
 
   import { useDeleteAccount } from '../hooks/useDeleteAccount';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/apply/ApplyMySQL.vue b/dbm-ui/frontend/src/views/db-manage/mysql/apply/ApplyMySQL.vue
index f613adc226..f23b884844 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/apply/ApplyMySQL.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/apply/ApplyMySQL.vue
@@ -386,7 +386,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRoute } from 'vue-router';
 
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase, useTicketCloneInfo } from '@hooks';
 
@@ -657,7 +657,7 @@
           })
         : false,
   };
-  const makeMapByHostId = (hostList: HostDetails[]) =>
+  const makeMapByHostId = (hostList: HostInfo[]) =>
     hostList.reduce(
       (result, item) => ({
         ...result,
@@ -696,7 +696,7 @@
   /**
    * 更新 Proxy IP
    */
-  function handleProxyIpChange(data: HostDetails[]) {
+  function handleProxyIpChange(data: HostInfo[]) {
     formdata.details.nodes.proxy = [...data];
     if (formdata.details.nodes.proxy.length > 0) {
       proxyRef.value.clearValidate();
@@ -706,7 +706,7 @@
   /**
    * 更新 Backend
    */
-  function handleBackendIpChange(data: HostDetails[]) {
+  function handleBackendIpChange(data: HostInfo[]) {
     formdata.details.nodes.backend = [...data];
     if (formdata.details.nodes.backend.length > 0) {
       backendRef.value.clearValidate();
@@ -755,7 +755,7 @@
   /**
    * 格式化 IP 提交格式
    */
-  function formatNodes(hosts: HostDetails[]) {
+  function formatNodes(hosts: HostInfo[]) {
     return hosts.map((host) => ({
       ip: host.ip,
       bk_host_id: host.host_id,
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/apply/components/MySQLDomainTable.vue b/dbm-ui/frontend/src/views/db-manage/mysql/apply/components/MySQLDomainTable.vue
index 9a0b9baf8c..1f239c5503 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/apply/components/MySQLDomainTable.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/apply/components/MySQLDomainTable.vue
@@ -25,7 +25,7 @@
   import type { Column } from 'bkui-vue/lib/table/props';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { TicketTypes } from '@common/const';
 
@@ -49,8 +49,8 @@
       disaster_tolerance_level: string,
       ip_source: string,
       nodes: {
-        backend: HostDetails[],
-        proxy: HostDetails[],
+        backend: HostInfo[],
+        proxy: HostInfo[],
       }
     },
   }
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/apply/hooks/useMysqlData.ts b/dbm-ui/frontend/src/views/db-manage/mysql/apply/hooks/useMysqlData.ts
index 0fc47ec0df..12b1811103 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/apply/hooks/useMysqlData.ts
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/apply/hooks/useMysqlData.ts
@@ -19,7 +19,7 @@ import { getModules } from '@services/source/cmdb';
 import { getLevelConfig } from '@services/source/configs';
 import { getInfrasHostSpecs } from '@services/source/infras';
 import { createTicket } from '@services/source/ticket';
-import type { HostDetails } from '@services/types';
+import type { HostInfo } from '@services/types';
 
 import { mysqlType, type MysqlTypeString } from '@common/const';
 
@@ -48,8 +48,8 @@ const getFormData = (type: string) => ({
     disaster_tolerance_level: 'NONE', // 同 affinity
     ip_source: 'resource_pool',
     nodes: {
-      backend: [] as HostDetails[],
-      proxy: [] as HostDetails[],
+      backend: [] as HostInfo[],
+      proxy: [] as HostInfo[],
     },
     resource_spec: {
       single: {
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
index a6c0380e2e..291c4e3d56 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
@@ -27,7 +27,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import { getSpiderList } from '@services/source/spider';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import TableEditSelect from '@components/render-table/columns/select/index.vue';
 
@@ -67,7 +67,7 @@
   const localValue = ref('');
   const backupList = shallowRef<Record<'label' | 'value', string>[]>([]);
 
-  const { run: fetchClusterList, loading: isListLoading } = useRequest(getSpiderList, {
+  const { run: fetchClusterList, loading: isListLoading } = useRequest(getTendbClusterList, {
     onSuccess(data) {
       if (data.results.length < 1) {
         backupList.value = [...baseList];
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page1/components/RenderData/RenderCluster.vue
index b22be7a7e6..e4b5c8a578 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/master-failover/pages/page1/components/RenderData/RenderCluster.vue
@@ -33,7 +33,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
index 6ed8f03bd3..7735ac70ee 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
@@ -35,7 +35,7 @@
   import { ref, shallowRef, watch } from 'vue';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue
index 2027e62599..cb0e996504 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue
@@ -29,7 +29,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/Index.vue
index d05cc0e2b4..7986a5d54d 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/Index.vue
@@ -53,7 +53,7 @@
   import { useI18n } from 'vue-i18n';
 
   import TendbhaModel from '@services/model/mysql/tendbha';
-  import type { HostDetails } from '@services/types/ip';
+  import type { HostInfo } from '@services/types/ip';
 
   import { ClusterTypes, OSTypes } from '@common/const';
 
@@ -92,7 +92,7 @@
   const isShowBatchInput = ref(false);
   const tableData = ref<IDataRow[]>([createRowData()]);
 
-  const localHostList = shallowRef<HostDetails[]>([]);
+  const localHostList = shallowRef<HostInfo[]>([]);
   const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel> }>({
     [ClusterTypes.TENDBHA]: [],
     [ClusterTypes.TENDBSINGLE]: [],
@@ -103,7 +103,7 @@
   // 集群域名是否已存在表格的映射表
   const domainMemo: Record<string, boolean> = {};
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     if (checkListEmpty(tableData.value)) {
       return;
     }
@@ -120,7 +120,7 @@
     const localIps = localHostList.value.map((item) => item.ip);
     const whiteIps = _.flatMap(whiteList.map((item) => item.ips));
     const finalIps = Array.from(new Set([...localIps, ...whiteIps]));
-    localHostList.value = finalIps.map((ip) => ({ ip }) as HostDetails);
+    localHostList.value = finalIps.map((ip) => ({ ip }) as HostInfo);
     tableData.value.forEach((item) => (item.authorizeIps = localHostList.value.map((info) => info.ip)));
   };
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/components/ColumnHost.vue b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/components/ColumnHost.vue
index 0edc28c6b5..4930069c23 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/components/ColumnHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/target-cluster/components/ColumnHost.vue
@@ -95,7 +95,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkHost } from '@services/source/ipchooser';
-  import type { HostDetails } from '@services/types/ip';
+  import type { HostInfo } from '@services/types/ip';
 
   import { OSTypes } from '@common/const';
 
@@ -128,7 +128,7 @@
   // const showEditIcon = ref(false);
   // const isOverflow = ref(false);
 
-  const localHostList = shallowRef<HostDetails[]>([]);
+  const localHostList = shallowRef<HostInfo[]>([]);
 
   // const isShowOverflowTip = computed(() => isOverflow.value && showEditIcon.value);
 
@@ -181,7 +181,7 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     localHostList.value = hostList;
   };
 
@@ -189,7 +189,7 @@
     const localIps = localHostList.value.map((item) => item.ip);
     const whiteIps = _.flatMap(whiteList.map((item) => item.ips));
     const finalIps = Array.from(new Set([...localIps, ...whiteIps]));
-    localHostList.value = finalIps.map((ip) => ({ ip }) as HostDetails);
+    localHostList.value = finalIps.map((ip) => ({ ip }) as HostInfo);
   };
 
   defineExpose<Exposes>({
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/Index.vue
index 9801f5ec8d..f868559c8c 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/Index.vue
@@ -31,7 +31,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import OpenareaTemplateModel from '@services/model/openarea/openareaTemplate';
   import { getPermissionRules } from '@services/source/permission';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/components/PrivRuleDetail.vue b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/components/PrivRuleDetail.vue
index 28f714d358..5a6b999f42 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/components/PrivRuleDetail.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/create/components/template-detail/components/PrivRuleDetail.vue
@@ -15,7 +15,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { getPermissionRules } from '@services/source/permission';
 
   interface Props {
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/template-create/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/template-create/Index.vue
index 3ca7640e19..a4a1e51afb 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/openarea/template-create/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/openarea/template-create/Index.vue
@@ -118,8 +118,8 @@
   import { useRequest } from 'vue-request';
   import { useRoute, useRouter } from 'vue-router';
 
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import TendbhaModel from '@services/model/mysql/tendbha';
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
   import { create as createOpenarea, getDetail, update as updateOpenarea } from '@services/source/openarea';
   import { getPermissionRules } from '@services/source/permission';
   import { getTendbhaList } from '@services/source/tendbha';
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/components/CreateRule.vue b/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/components/CreateRule.vue
index d4c43738fc..4319bd88af 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/components/CreateRule.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/components/CreateRule.vue
@@ -197,7 +197,7 @@
   import type { JSX } from 'vue/jsx-runtime';
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { createAccountRule, getPermissionRules, modifyAccountRule, preCheckAddAccountRule, queryAccountRules } from '@services/source/permission';
   import type { AccountRule, PermissionRuleAccount } from '@services/types/permission';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/index.vue
index 84aca3bca5..e454683b9e 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/permission-rule/index.vue
@@ -114,7 +114,7 @@
   import { differenceInHours } from 'date-fns';
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import {
     deleteAccount,
     getPermissionRules,
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page1/Index.vue
index 6939453861..54a45787c8 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-client/pages/page1/Index.vue
@@ -78,7 +78,7 @@
 
   import { precheckPermissionClone } from '@services/source/permission';
   import { createTicket } from '@services/source/ticket';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useTicketCloneInfo } from '@hooks';
 
@@ -115,7 +115,7 @@
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
   const remark = ref('');
 
-  const selectedIps = shallowRef<HostDetails[]>([]);
+  const selectedIps = shallowRef<HostInfo[]>([]);
 
   let ipMemo = {} as Record<string, boolean>;
 
@@ -150,7 +150,7 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (data: HostDetails[]) => {
+  const handleHostChange = (data: HostInfo[]) => {
     selectedIps.value = data;
     const newList = data.reduce<IDataRow[]>((result, item) => {
       const { ip } = item;
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue
index e6c63b6603..e95f99152f 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue
@@ -26,7 +26,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page1/components/BatchEntry.vue b/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page1/components/BatchEntry.vue
index 512a0864bb..60598d94f2 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page1/components/BatchEntry.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/proxy-replace/pages/page1/components/BatchEntry.vue
@@ -115,7 +115,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page1/components/common/RenderHostInputSelect.vue b/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page1/components/common/RenderHostInputSelect.vue
index a8fa1b00f4..1c748726e7 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page1/components/common/RenderHostInputSelect.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/rollback/pages/page1/components/common/RenderHostInputSelect.vue
@@ -41,7 +41,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkHost } from '@services/source/ipchooser';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -110,7 +110,7 @@
   const editRef = ref();
   const isShowIpSelector = ref(false);
   const localValue = ref();
-  const localHostList = shallowRef<HostDetails[]>([]);
+  const localHostList = shallowRef<HostInfo[]>([]);
 
   const placeholder = computed(() => (props.single ? t('请输入或选择 (1台)') : t('请输入或选择')));
 
@@ -119,7 +119,7 @@
   };
 
   // 批量选择
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     allocatData(hostList);
     window.changeConfirm = true;
     setTimeout(() => {
@@ -127,7 +127,7 @@
     });
   };
 
-  const allocatData = (data: HostDetails[]) => {
+  const allocatData = (data: HostInfo[]) => {
     localValue.value = data.map((item) => item?.ip).join(',');
     localHostList.value = data;
   };
@@ -139,7 +139,7 @@
       if (!fristHost?.ip) {
         return;
       }
-      allocatData(data as unknown as HostDetails[]);
+      allocatData(data as unknown as HostInfo[]);
     },
     {
       immediate: true,
@@ -148,7 +148,7 @@
 
   defineExpose<Exposes>({
     getValue() {
-      const formatHost = (hostList: HostDetails[]) =>
+      const formatHost = (hostList: HostInfo[]) =>
         hostList.map((item) => ({
           bk_host_id: item.host_id,
           ip: item.ip,
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue b/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
index 28aecbfc7a..4e8a3971fc 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
@@ -83,7 +83,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -119,7 +119,7 @@
   const showEditIcon = ref(false);
   const isOverflow = ref(false);
 
-  const localHostData = shallowRef<HostDetails>();
+  const localHostData = shallowRef<HostInfo>();
 
   const isShowOverflowTip = computed(() => isOverflow.value && showEditIcon.value);
 
@@ -143,7 +143,7 @@
           cloud_id: props.newSlave.bkCloudId,
           host_id: props.newSlave.bkHostId,
           ip: props.newSlave.ip,
-        } as HostDetails;
+        } as HostInfo;
       }
     },
     {
@@ -175,7 +175,7 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     [localHostData.value] = hostList;
   };
 
@@ -285,11 +285,11 @@
         position: absolute;
         top: 50%;
         left: 50%;
-        transform: translateY(-50%);
         display: flex;
         padding-right: 35px;
         font-size: 14px;
         color: #ea3636;
+        transform: translateY(-50%);
         align-items: center;
         justify-content: flex-end;
       }
diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/apply/common/base.ts b/dbm-ui/frontend/src/views/db-manage/pulsar/apply/common/base.ts
index 8ae1b66b90..32d6a71a00 100644
--- a/dbm-ui/frontend/src/views/db-manage/pulsar/apply/common/base.ts
+++ b/dbm-ui/frontend/src/views/db-manage/pulsar/apply/common/base.ts
@@ -11,7 +11,7 @@
  * the specific language governing permissions and limitations under the License.
  */
 
-import type { HostDetails } from '@services/types';
+import type { HostInfo } from '@services/types';
 
 /**
  * 初始化表单数据
@@ -38,9 +38,9 @@ export const getInitFormdata = () => ({
     db_app_abbr: '',
     disaster_tolerance_level: 'NONE', // 同 affinity
     nodes: {
-      zookeeper: [] as HostDetails[],
-      broker: [] as HostDetails[],
-      bookkeeper: [] as HostDetails[],
+      zookeeper: [] as HostInfo[],
+      broker: [] as HostInfo[],
+      bookkeeper: [] as HostInfo[],
     },
     resource_spec: {
       zookeeper: {
diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/apply/index.vue b/dbm-ui/frontend/src/views/db-manage/pulsar/apply/index.vue
index c84e6c8740..c9f95385e2 100644
--- a/dbm-ui/frontend/src/views/db-manage/pulsar/apply/index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/pulsar/apply/index.vue
@@ -365,7 +365,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRoute, useRouter } from 'vue-router';
 
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase } from '@hooks';
 
@@ -487,7 +487,7 @@
     formdata.details.nodes.zookeeper = [];
   };
 
-  const makeMapByHostId = (hostList: HostDetails[]) =>
+  const makeMapByHostId = (hostList: HostInfo[]) =>
     hostList.reduce(
       (result, item) => ({
         ...result,
@@ -545,22 +545,22 @@
     return false;
   };
   // 更新 bookkeeper 节点
-  const handleBookkeeperIpListChange = (data: HostDetails[]) => {
+  const handleBookkeeperIpListChange = (data: HostInfo[]) => {
     formdata.details.nodes.bookkeeper = data;
   };
   // 更新 zookeeper 节点
-  const handleZookeeperIpListChange = (data: HostDetails[]) => {
+  const handleZookeeperIpListChange = (data: HostInfo[]) => {
     formdata.details.nodes.zookeeper = data;
   };
   // 更新 broker 节点
-  const handleBrokerIpListChange = (data: HostDetails[]) => {
+  const handleBrokerIpListChange = (data: HostInfo[]) => {
     formdata.details.nodes.broker = data;
   };
 
   const handleSubmit = () => {
     formRef.value.validate().then(() => {
       baseState.isSubmitting = true;
-      const mapIpField = (ipList: HostDetails[]) =>
+      const mapIpField = (ipList: HostInfo[]) =>
         ipList.map((item) => ({
           bk_host_id: item.host_id,
           ip: item.ip,
diff --git a/dbm-ui/frontend/src/views/db-manage/pulsar/common/expansion/Index.vue b/dbm-ui/frontend/src/views/db-manage/pulsar/common/expansion/Index.vue
index 91a441bc16..1c0316e388 100644
--- a/dbm-ui/frontend/src/views/db-manage/pulsar/common/expansion/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/pulsar/common/expansion/Index.vue
@@ -66,7 +66,7 @@
   import type PulsarModel from '@services/model/pulsar/pulsar';
   import { getHostDetails } from '@services/source/ipchooser';
   import { createTicket } from '@services/source/ticket';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useTicketMessage } from '@hooks';
 
@@ -191,8 +191,8 @@
         scope_type: 'biz',
       }],
     }).then((data) => {
-      const bookkeeperOriginalHostList: HostDetails[] = [];
-      const brokerOriginalHostList: HostDetails[] = [];
+      const bookkeeperOriginalHostList: HostInfo[] = [];
+      const brokerOriginalHostList: HostInfo[] = [];
 
       let bookkeeperDiskTotal = 0;
       let brokerDiskTotal = 0;
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue b/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
index 0347812943..d2191a0d06 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/apply/ApplyRedis.vue
@@ -366,7 +366,7 @@
 
   import type { RedisFunctions } from '@services/model/function-controller/functionController';
   import { getCapSpecs } from '@services/source/infras';
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase, useTicketCloneInfo } from '@hooks';
 
@@ -442,9 +442,9 @@
       disaster_tolerance_level: 'NONE',
       proxy_pwd: '',
       nodes: {
-        proxy: [] as HostDetails[],
-        master: [] as HostDetails[],
-        slave: [] as HostDetails[],
+        proxy: [] as HostInfo[],
+        master: [] as HostInfo[],
+        slave: [] as HostInfo[],
       },
       resource_spec: {
         proxy: {
@@ -499,14 +499,14 @@
       {
         message: t('Proxy数量至少为2台'),
         trigger: 'change',
-        validator: (value: HostDetails[]) => value.length >= 2,
+        validator: (value: HostInfo[]) => value.length >= 2,
       },
     ],
     'details.nodes.master': [
       {
         message: t('Master数量至少为1台_且机器数要和Slave相等'),
         trigger: 'change',
-        validator: (value: HostDetails[]) =>
+        validator: (value: HostInfo[]) =>
           value.length > 0 && state.formdata.details.nodes.slave.length === value.length,
       },
     ],
@@ -514,7 +514,7 @@
       {
         message: t('Slave数量至少为1台_且机器数要和Master相等'),
         trigger: 'change',
-        validator: (value: HostDetails[]) =>
+        validator: (value: HostInfo[]) =>
           value.length > 0 && state.formdata.details.nodes.master.length === value.length,
       },
     ],
@@ -669,7 +669,7 @@
     slave: (hostList: Array<any>) => (hostList.length >= 1 ? false : t('至少n台', { n: 1 })),
   };
 
-  const makeMapByHostId = (hostList: HostDetails[]) =>
+  const makeMapByHostId = (hostList: HostInfo[]) =>
     hostList.reduce(
       (result, item) => ({
         ...result,
@@ -723,14 +723,14 @@
   /**
    * 更新 Proxy IP
    */
-  const handleProxyIpChange = (data: HostDetails[]) => {
+  const handleProxyIpChange = (data: HostInfo[]) => {
     state.formdata.details.nodes.proxy = [...data];
   };
 
   /**
    * 更新 Master IP
    */
-  const handleMasterIpChange = (data: HostDetails[]) => {
+  const handleMasterIpChange = (data: HostInfo[]) => {
     state.formdata.details.nodes.master = [...data];
     fetchCapSpecs(state.formdata.details.city_code);
     masterRef.value?.validate?.();
@@ -741,7 +741,7 @@
   /**
    * 更新 Slave IP
    */
-  const handleSlaveIpChange = (data: HostDetails[]) => {
+  const handleSlaveIpChange = (data: HostInfo[]) => {
     state.formdata.details.nodes.slave = [...data];
     fetchCapSpecs(state.formdata.details.city_code);
     masterRef.value?.validate?.();
@@ -752,7 +752,7 @@
   /**
    * 格式化 IP 提交格式
    */
-  const formatNodes = (hosts: HostDetails[]) =>
+  const formatNodes = (hosts: HostInfo[]) =>
     hosts.map((host) => ({
       ip: host.ip,
       bk_host_id: host.host_id,
diff --git a/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page1/components/instance-selector/components/RenderManualInput.vue b/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page1/components/instance-selector/components/RenderManualInput.vue
index bf8be0822f..f6536c36d1 100644
--- a/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page1/components/instance-selector/components/RenderManualInput.vue
+++ b/dbm-ui/frontend/src/views/db-manage/redis/db-replace/pages/page1/components/instance-selector/components/RenderManualInput.vue
@@ -95,7 +95,7 @@
 
   import RedisClusterNodeByIpModel from '@services/model/redis/redis-cluster-node-by-ip';
   import { checkRedisInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/riak/apply/Index.vue b/dbm-ui/frontend/src/views/db-manage/riak/apply/Index.vue
index 4a44349177..da133e5bfb 100644
--- a/dbm-ui/frontend/src/views/db-manage/riak/apply/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/riak/apply/Index.vue
@@ -214,7 +214,7 @@
   import { useRequest } from 'vue-request';
 
   import { getModules } from '@services/source/cmdb';
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase } from '@hooks';
 
@@ -247,7 +247,7 @@
       cluster_alias: '',
       city_code: '',
       db_version: '2.2',
-      nodes: [] as HostDetails[],
+      nodes: [] as HostInfo[],
       // http_port: 8087,
     },
   });
@@ -294,7 +294,7 @@
     ],
     'details.nodes': [
       {
-        validator: (value: HostDetails[]) => value.length >= 3,
+        validator: (value: HostInfo[]) => value.length >= 3,
         message: t('节点数至少为n台', [3]),
         trigger: 'change',
       },
@@ -326,10 +326,10 @@
     formData.details.nodes = [];
   };
 
-  const disableHostSubmitMethods = (hostList: Array<HostDetails[]>) =>
+  const disableHostSubmitMethods = (hostList: Array<HostInfo[]>) =>
     hostList.length < 3 ? t('至少n台', { n: 3 }) : false;
 
-  const handleProxyIpChange = (data: HostDetails[]) => {
+  const handleProxyIpChange = (data: HostInfo[]) => {
     formData.details.nodes = data;
     if (formData.details.nodes.length > 0) {
       nodesRef.value.clearValidate();
diff --git a/dbm-ui/frontend/src/views/db-manage/riak/list/components/components/AddNodes.vue b/dbm-ui/frontend/src/views/db-manage/riak/list/components/components/AddNodes.vue
index eb97fc8ac5..bd96804b02 100644
--- a/dbm-ui/frontend/src/views/db-manage/riak/list/components/components/AddNodes.vue
+++ b/dbm-ui/frontend/src/views/db-manage/riak/list/components/components/AddNodes.vue
@@ -107,7 +107,7 @@
 
   import RiakModel from '@services/model/riak/riak';
   import { createTicket } from '@services/source/ticket';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useTicketMessage } from '@hooks';
 
@@ -150,7 +150,7 @@
     ],
     nodes: [
       {
-        validator: (value: HostDetails[]) => value.length >= 1,
+        validator: (value: HostInfo[]) => value.length >= 1,
         message: t('节点数至少为n台', [1]),
         trigger: 'change',
       },
@@ -163,13 +163,13 @@
     ip_source: 'resource_pool',
     spec_id: '',
     count: 1,
-    nodes: [] as HostDetails[],
+    nodes: [] as HostInfo[],
   });
 
-  const disableHostSubmitMethods = (hostList: Array<HostDetails[]>) =>
+  const disableHostSubmitMethods = (hostList: Array<HostInfo[]>) =>
     hostList.length < 1 ? t('至少n台', { n: 1 }) : false;
 
-  const handleProxyIpChange = (data: HostDetails[]) => {
+  const handleProxyIpChange = (data: HostInfo[]) => {
     formData.nodes = data;
     if (formData.nodes.length > 0) {
       nodesRef.value.clearValidate();
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/apply/SqlServer.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/apply/SqlServer.vue
index 8d7733a9ca..761910aca8 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/apply/SqlServer.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/apply/SqlServer.vue
@@ -298,7 +298,7 @@
 
   import { getModules } from '@services/source/cmdb';
   import { getLevelConfig } from '@services/source/configs';
-  import type { BizItem, HostDetails } from '@services/types';
+  import type { BizItem, HostInfo } from '@services/types';
 
   import { useApplyBase } from '@hooks';
 
@@ -342,7 +342,7 @@
       domains: [{ key: '' }],
       ip_source: 'resource_pool',
       nodes: {
-        backend: [] as HostDetails[],
+        backend: [] as HostInfo[],
       },
       resource_spec: {
         backend: {
@@ -577,11 +577,11 @@
     },
   );
 
-  const backendHost = (hostList: Array<HostDetails>) =>
+  const backendHost = (hostList: Array<HostInfo>) =>
     hostList.length !== hostNums.value ? t('xx共需n台', { title: 'Master / Slave', n: hostNums.value }) : false;
 
   // 只能选择 module 配置中对应操作系统版本的机器
-  const disableHostMethod = (data: HostDetails) => {
+  const disableHostMethod = (data: HostInfo) => {
     const osName = data.os_name.replace(/\s+/g, '');
     return systemVersionList.value.every((versionItem) => !osName.includes(versionItem))
       ? t('操作系统版本不符合模块配置')
@@ -636,14 +636,14 @@
   /**
    * 更新 Backend
    */
-  const handleBackendIpChange = (data: HostDetails[]) => {
+  const handleBackendIpChange = (data: HostInfo[]) => {
     formData.details.nodes.backend = data;
     if (data.length > 0) {
       backendRef.value.clearValidate();
     }
   };
 
-  const formatNodes = (hosts: HostDetails[]) =>
+  const formatNodes = (hosts: HostInfo[]) =>
     hosts.map((host) => ({
       ip: host.ip,
       bk_host_id: host.host_id,
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/common/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/common/RenderCluster.vue
index 6660030ea5..5cf89e5edb 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/common/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/common/RenderCluster.vue
@@ -37,8 +37,8 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { filterClusters } from '@services/source/dbbase';
 
   import { ClusterTypes } from '@common/const';
@@ -80,7 +80,7 @@
   const isShowBatchSelector = ref(false);
   const localDomain = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -117,7 +117,7 @@
     },
     {
       validator: (value: string) =>
-        filterClusters<SqlServerHaClusterModel>({
+        filterClusters<SqlServerHaModel>({
           bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           exact_domain: value,
         }).then((data) => {
@@ -170,9 +170,7 @@
     isShowBatchSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedClusters.value = selected;
     const [clusterData] = Object.values(selected)[0];
     modelValue.value = {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/components/cluster-reset/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/components/cluster-reset/Index.vue
index 0ffc714955..838cc8b5c8 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/components/cluster-reset/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/components/cluster-reset/Index.vue
@@ -46,12 +46,12 @@
   </BkDialog>
 </template>
 
-<script setup lang="ts" generic="T extends SqlServerSingleClusterModel | SqlServerHaClusterModel">
+<script setup lang="ts" generic="T extends SqlServerSingleModel | SqlServerHaModel">
   import { Form } from 'bkui-vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketMessage } from '@hooks';
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/Index.vue
index 650409ceb1..8c4fdd951a 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/Index.vue
@@ -93,8 +93,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRoute, useRouter } from 'vue-router';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -128,7 +128,7 @@
       : TicketTypes.SQLSERVER_FULL_MIGRATE,
   );
   const tableData = shallowRef<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderDstCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderDstCluster.vue
index e45d99eb15..75919b8d6e 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderDstCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderDstCluster.vue
@@ -44,8 +44,8 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { filterClusters } from '@services/source/dbbase';
 
   import { ClusterTypes } from '@common/const';
@@ -91,7 +91,7 @@
   const isShowBatchSelector = ref(false);
   const localDomain = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -104,12 +104,11 @@
       name: t('SqlServer 主从'),
       disabledRowConfig: [
         {
-          handler: (data: SqlServerHaClusterModel) => data.isOffline,
+          handler: (data: SqlServerHaModel) => data.isOffline,
           tip: t('集群已禁用'),
         },
         {
-          handler: (data: SqlServerHaClusterModel) =>
-            compareVersion(data.major_version, props.srcClusterData!.majorVersion),
+          handler: (data: SqlServerHaModel) => compareVersion(data.major_version, props.srcClusterData!.majorVersion),
           tip: t('不允许高版本往低版本迁移'),
         },
       ],
@@ -120,11 +119,11 @@
       name: t('SqlServer 单节点'),
       disabledRowConfig: [
         {
-          handler: (data: SqlServerSingleClusterModel) => data.isOffline,
+          handler: (data: SqlServerSingleModel) => data.isOffline,
           tip: t('集群已禁用'),
         },
         {
-          handler: (data: SqlServerSingleClusterModel) =>
+          handler: (data: SqlServerSingleModel) =>
             compareVersion(data.major_version, props.srcClusterData!.majorVersion),
           tip: t('不允许高版本往低版本迁移'),
         },
@@ -140,7 +139,7 @@
     },
     {
       validator: (value: string) =>
-        filterClusters<SqlServerHaClusterModel>({
+        filterClusters<SqlServerHaModel>({
           bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           exact_domain: value,
         }).then((data) => {
@@ -195,9 +194,7 @@
     isShowBatchSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     const [clusterData] = Object.values(selected)[0];
     modelValue.value = {
       id: clusterData.id,
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue
index 9dadb8382e..ceaa1e0602 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/data-migrate/pages/page1/components/render-data/RenderSrcCluster.vue
@@ -37,8 +37,8 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { filterClusters } from '@services/source/dbbase';
 
   import { ClusterTypes } from '@common/const';
@@ -69,7 +69,7 @@
   const isShowBatchSelector = ref(false);
   const localDomain = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -106,7 +106,7 @@
     },
     {
       validator: (value: string) =>
-        filterClusters<SqlServerHaClusterModel>({
+        filterClusters<SqlServerHaModel>({
           bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           exact_domain: value,
         }).then((data) => {
@@ -159,9 +159,7 @@
     isShowBatchSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     const [clusterData] = Object.values(selected)[0];
     modelValue.value = {
       id: clusterData.id,
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/Index.vue
index 8d6d4d183e..4b91374cf6 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/Index.vue
@@ -111,8 +111,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -160,7 +160,7 @@
   const tableData = ref<IDataRow[]>([createRowData()]);
   const formData = reactive(createDefaultData());
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -210,9 +210,7 @@
 
   // 输入集群后查询集群信息并填充到table
   // 批量选择
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedClusters.value = selected;
     const list = _.flatten(Object.values(selected));
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/components/RenderData/RenderCluster.vue
index 60e1511161..63717f836f 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-backup/pages/page1/components/RenderData/RenderCluster.vue
@@ -37,8 +37,8 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { filterClusters } from '@services/source/dbbase';
 
   import { ClusterTypes } from '@common/const';
@@ -69,7 +69,7 @@
   const isShowBatchSelector = ref(false);
   const localDomain = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -106,7 +106,7 @@
     },
     {
       validator: (value: string) =>
-        filterClusters<SqlServerHaClusterModel>({
+        filterClusters<SqlServerHaModel>({
           bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           exact_domain: value,
         }).then((data) => {
@@ -159,9 +159,7 @@
     isShowBatchSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     const [clusterData] = Object.values(selected)[0];
     modelValue.value = {
       id: clusterData.id,
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/Index.vue
index 3255323f47..816a304b5d 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/Index.vue
@@ -66,8 +66,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -88,7 +88,7 @@
 
   const tableData = shallowRef<Array<IDataRow>>([createRowData({})]);
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/components/RenderData/RenderCluster.vue
index 1b3b7b02e3..c29a90eaf9 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-clear/pages/page1/components/RenderData/RenderCluster.vue
@@ -26,7 +26,7 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterDetailModel from '@services/model/sqlserver/sqlserver-ha-cluster-detail';
+  import SqlServerHaClusterDetailModel from '@services/model/sqlserver/sqlserver-ha-detail';
   import { filterClusters } from '@services/source/dbbase';
 
   import TableEditInput from '@components/render-table/columns/input/index.vue';
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-rename/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-rename/pages/page1/Index.vue
index 1872eda818..932f1b9daa 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/db-rename/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/db-rename/pages/page1/Index.vue
@@ -62,8 +62,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -84,7 +84,7 @@
 
   const tableData = shallowRef<Array<IDataRow>>([createRowData({})]);
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -121,9 +121,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedClusters.value = selected;
     const list = _.flatten(Object.values(selected));
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
index fc5e82a171..254253165e 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/ha-cluster-list/components/List.vue
@@ -88,7 +88,7 @@
     useRouter,
   } from 'vue-router';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
   import {
     getHaClusterDetail,
     getHaClusterList,
@@ -192,8 +192,8 @@
   const tableRef = ref<InstanceType<typeof DbTable>>();
   const isShowExcelAuthorize = ref(false);
   const isShowClusterReset = ref(false)
-  const currentData = ref<SqlServerHaClusterModel>()
-  const selected = ref<SqlServerHaClusterModel[]>([])
+  const currentData = ref<SqlServerHaModel>()
+  const selected = ref<SqlServerHaModel[]>([])
 
   /** 集群授权 */
   const authorizeShow = ref(false);
@@ -346,7 +346,7 @@
           {t('主访问入口')}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerHaClusterModel }) => (
+      render: ({ data }: { data: SqlServerHaModel }) => (
         <TextOverflowLayout>
           {{
             default: () => (
@@ -422,7 +422,7 @@
           {t('集群名称')}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerHaClusterModel }) => (
+      render: ({ data }: { data: SqlServerHaModel }) => (
         <TextOverflowLayout>
           {{
             default: () => data.cluster_name,
@@ -465,7 +465,7 @@
         checked: columnCheckedMap.value.bk_cloud_id,
       },
       width: 90,
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.bk_cloud_name || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.bk_cloud_name || '--'}</span>,
     },
     {
       label: t('状态'),
@@ -484,14 +484,14 @@
         ],
         checked: columnCheckedMap.value.status,
       },
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <RenderClusterStatus data={data.status} />,
+      render: ({ data }: { data: SqlServerHaModel }) => <RenderClusterStatus data={data.status} />,
     },
     {
       label: t('容量使用率'),
       field: 'cluster_stats',
       width: 240,
       showOverflowTooltip: false,
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <ClusterCapacityUsageRate clusterStats={data.cluster_stats} />
+      render: ({ data }: { data: SqlServerHaModel }) => <ClusterCapacityUsageRate clusterStats={data.cluster_stats} />
     },
     {
       label: t('从访问入口'),
@@ -520,7 +520,7 @@
           {t('从访问入口')}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerHaClusterModel }) => (
+      render: ({ data }: { data: SqlServerHaModel }) => (
         <TextOverflowLayout>
           {{
             default: () => data.slaveDomainDisplayName || '--',
@@ -581,7 +581,7 @@
           {'Master'}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerHaClusterModel }) => (
+      render: ({ data }: { data: SqlServerHaModel }) => (
         <RenderInstances
           highlightIps={batchSearchIpInatanceList.value}
           data={data.masters}
@@ -618,7 +618,7 @@
           {'Slave'}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerHaClusterModel }) => (
+      render: ({ data }: { data: SqlServerHaModel }) => (
         <RenderInstances
           highlightIps={batchSearchIpInatanceList.value}
           data={data.slaves}
@@ -636,7 +636,7 @@
         list: columnAttrs.value.db_module_id,
         checked: columnCheckedMap.value.db_module_id,
       },
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.db_module_name || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.db_module_name || '--'}</span>,
     },
     {
       label: t('版本'),
@@ -647,14 +647,14 @@
         list: columnAttrs.value.major_version,
         checked: columnCheckedMap.value.major_version,
       },
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.major_version || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.major_version || '--'}</span>,
     },
     {
       label: t('同步模式'),
       field: 'sync_mode',
       minWidth: 120,
       width: 120,
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.sync_mode || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.sync_mode || '--'}</span>,
     },
     {
       label: t('地域'),
@@ -664,20 +664,20 @@
         list: columnAttrs.value.region,
         checked: columnCheckedMap.value.region,
       },
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.region || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.region || '--'}</span>,
     },
     {
       label: t('创建人'),
       field: 'creator',
       width: 140,
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.creator || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.creator || '--'}</span>,
     },
     {
       label: t('部署时间'),
       field: 'create_at',
       width: 200,
       sort: true,
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.createAtDisplay || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.createAtDisplay || '--'}</span>,
     },
     {
       label: t('时区'),
@@ -687,14 +687,14 @@
         list: columnAttrs.value.time_zone,
         checked: columnCheckedMap.value.time_zone,
       },
-      render: ({ data }: { data: SqlServerHaClusterModel }) => <span>{data.cluster_time_zone || '--'}</span>,
+      render: ({ data }: { data: SqlServerHaModel }) => <span>{data.cluster_time_zone || '--'}</span>,
     },
     {
       label: t('操作'),
       field: '',
       width: tableOperationWidth.value,
       fixed: isStretchLayoutOpen.value ? false : 'right',
-      render: ({ data }: { data: SqlServerHaClusterModel }) => (
+      render: ({ data }: { data: SqlServerHaModel }) => (
         <>
           {
             data.isOnline ? (
@@ -838,12 +838,12 @@
   }
 
   // 获取列表数据下的实例子列表
-  const getInstanceListByRole = (dataList: SqlServerHaClusterModel[], field: keyof SqlServerHaClusterModel) => dataList.reduce((result, curRow) => {
-    result.push(...curRow[field] as SqlServerHaClusterModel['masters']);
+  const getInstanceListByRole = (dataList: SqlServerHaModel[], field: keyof SqlServerHaModel) => dataList.reduce((result, curRow) => {
+    result.push(...curRow[field] as SqlServerHaModel['masters']);
     return result;
-  }, [] as SqlServerHaClusterModel['masters']);
+  }, [] as SqlServerHaModel['masters']);
 
-  const handleCopySelected = <T,>(field: keyof T, role?: keyof SqlServerHaClusterModel) => {
+  const handleCopySelected = <T,>(field: keyof T, role?: keyof SqlServerHaModel) => {
     if(role) {
       handleCopy(getInstanceListByRole(selected.value, role) as T[], field)
       return;
@@ -851,8 +851,8 @@
     handleCopy(selected.value as T[], field)
   }
 
-  const handleCopyAll = async <T,>(field: keyof T, role?: keyof SqlServerHaClusterModel) => {
-    const allData = await tableRef.value!.getAllData<SqlServerHaClusterModel>();
+  const handleCopyAll = async <T,>(field: keyof T, role?: keyof SqlServerHaModel) => {
+    const allData = await tableRef.value!.getAllData<SqlServerHaModel>();
     if(allData.length === 0) {
       Message({
         theme: 'primary',
@@ -872,7 +872,7 @@
    */
   const handleSwitchCluster = (
     type: TicketTypesStrings,
-    data: SqlServerHaClusterModel,
+    data: SqlServerHaModel,
   ) => {
     if (!type) return;
 
@@ -907,7 +907,7 @@
   /**
    * 删除集群
    */
-  const handleDeleteCluster = (data: SqlServerHaClusterModel) => {
+  const handleDeleteCluster = (data: SqlServerHaModel) => {
     const { cluster_name: name } = data;
     InfoBox({
       type: 'warning',
@@ -935,7 +935,7 @@
     });
   };
 
-  const handleResetCluster = (data: SqlServerHaClusterModel) => {
+  const handleResetCluster = (data: SqlServerHaModel) => {
     currentData.value = data
     isShowClusterReset.value = true
   }
@@ -946,7 +946,7 @@
   };
 
   // 设置行样式
-  const setRowClass = (row: SqlServerHaClusterModel) => {
+  const setRowClass = (row: SqlServerHaModel) => {
     const classStack = [];
     if (row.isNew) {
       classStack.push('is-new-row');
@@ -961,7 +961,7 @@
    * 查看详情
    */
   const handleToDetails = (
-    data: SqlServerHaClusterModel,
+    data: SqlServerHaModel,
     isAllSpread = false,
   ) => {
     stretchLayoutSplitScreen();
@@ -973,8 +973,8 @@
     }
   };
 
-  const handleSelection = (key: number[], list: Record<number, SqlServerHaClusterModel>[]) => {
-    selected.value = list as unknown as SqlServerHaClusterModel[];
+  const handleSelection = (key: number[], list: Record<number, SqlServerHaModel>[]) => {
+    selected.value = list as unknown as SqlServerHaModel[];
   };
 
   const handleClearSelected = () => {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/master-failover/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/master-failover/pages/page1/components/RenderData/RenderCluster.vue
index 6421fcae8a..1893cc54e2 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/master-failover/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/master-failover/pages/page1/components/RenderData/RenderCluster.vue
@@ -33,7 +33,7 @@
   import { ref, shallowRef, watch } from 'vue';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import type { IHostData } from './Row.vue';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
index 5377d92f59..ccc5dcf7e1 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
@@ -35,7 +35,7 @@
   import { ref, shallowRef, watch } from 'vue';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/permission/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/permission/Index.vue
index cb7f4bf394..53a9152a8c 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/permission/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/permission/Index.vue
@@ -100,7 +100,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import SqlserverPermissionAccountModel from '@services/model/sqlserver-permission/sqlserver-permission-account';
+  import SqlserverPermissionAccountModel from '@services/model/sqlserver/sqlserver-permission-account';
   import {
     deleteSqlserverAccount,
     getSqlserverPermissionRules,
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/local/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/local/Index.vue
index cfbf6ca514..eaa33402b9 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/local/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/local/Index.vue
@@ -32,8 +32,8 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
 
   import { useTicketCloneInfo } from '@hooks';
 
@@ -61,7 +61,7 @@
 
   const { t } = useI18n();
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -95,9 +95,7 @@
     isShowBatchSelector.value = true;
   };
   // 批量选择
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedClusters.value = selected;
     const list = _.flatten(Object.values(selected));
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/Index.vue
index cae10c12d1..5a465c411d 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/Index.vue
@@ -33,8 +33,8 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
 
   import { useTicketCloneInfo } from '@hooks';
 
@@ -67,7 +67,7 @@
   const isShowBatchTargetSelector = ref(false);
 
   const selectedSrcClusters = shallowRef<{
-    [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[];
+    [key: string]: (SqlServerSingleModel | SqlServerHaModel)[];
   }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
@@ -109,9 +109,7 @@
     isShowBatchTargetSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedSrcClusters.value = selected;
     const list = _.flatten(Object.values(selected));
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/DstCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/DstCluster.vue
index c787437ae4..668b57631e 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/DstCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/DstCluster.vue
@@ -37,8 +37,8 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { filterClusters } from '@services/source/dbbase';
 
   import { ClusterTypes } from '@common/const';
@@ -84,7 +84,7 @@
   const isShowBatchSelector = ref(false);
   const localDomain = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -95,11 +95,11 @@
       name: t('SqlServer 主从'),
       disabledRowConfig: [
         {
-          handler: (data: SqlServerHaClusterModel) => data.isOffline,
+          handler: (data: SqlServerHaModel) => data.isOffline,
           tip: t('集群已禁用'),
         },
         {
-          handler: (data: SqlServerSingleClusterModel) =>
+          handler: (data: SqlServerSingleModel) =>
             compareVersion(data.major_version, props.srcClusterData!.majorVersion),
           tip: t('高版本不能恢复到低版本'),
         },
@@ -111,11 +111,11 @@
       name: t('SqlServer 单节点'),
       disabledRowConfig: [
         {
-          handler: (data: SqlServerSingleClusterModel) => data.isOffline,
+          handler: (data: SqlServerSingleModel) => data.isOffline,
           tip: t('集群已禁用'),
         },
         {
-          handler: (data: SqlServerSingleClusterModel) =>
+          handler: (data: SqlServerSingleModel) =>
             compareVersion(data.major_version, props.srcClusterData!.majorVersion),
           tip: t('高版本不能恢复到低版本'),
         },
@@ -131,7 +131,7 @@
     },
     {
       validator: (value: string) =>
-        filterClusters<SqlServerHaClusterModel>({
+        filterClusters<SqlServerHaModel>({
           bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           exact_domain: value,
         }).then((data) => {
@@ -183,9 +183,7 @@
     isShowBatchSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedClusters.value = selected;
     const [clusterData] = Object.values(selected)[0];
     modelValue.value = {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue
index a9f9bdfaa3..206278e639 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/rollback/pages/page1/components/other-cluster/components/SrcCluster.vue
@@ -37,8 +37,8 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { filterClusters } from '@services/source/dbbase';
 
   import { ClusterTypes } from '@common/const';
@@ -66,7 +66,7 @@
   const isShowBatchSelector = ref(false);
   const localDomain = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
@@ -103,7 +103,7 @@
     },
     {
       validator: (value: string) =>
-        filterClusters<SqlServerHaClusterModel>({
+        filterClusters<SqlServerHaModel>({
           bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
           exact_domain: value,
         }).then((data) => {
@@ -156,9 +156,7 @@
     isShowBatchSelector.value = true;
   };
 
-  const handelClusterChange = (selected: {
-    [key: string]: Array<SqlServerSingleClusterModel | SqlServerHaClusterModel>;
-  }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<SqlServerSingleModel | SqlServerHaModel> }) => {
     selectedClusters.value = selected;
     const [clusterData] = Object.values(selected)[0];
     modelValue.value = {
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
index 2b220b2eb6..93723891c0 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/single-cluster/components/List.vue
@@ -87,7 +87,7 @@
     useRouter,
   } from 'vue-router';
 
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import {
     getSingleClusterDetail,
     getSingleClusterList,
@@ -188,8 +188,8 @@
   const tableRef = ref<InstanceType<typeof DbTable>>();
   const isShowExcelAuthorize = ref(false);
   const isShowClusterReset = ref(false)
-  const currentData = ref<SqlServerSingleClusterModel>()
-  const selected = ref<SqlServerSingleClusterModel[]>([])
+  const currentData = ref<SqlServerSingleModel>()
+  const selected = ref<SqlServerSingleModel[]>([])
 
   /** 集群授权 */
   const authorizeShow = ref(false);
@@ -316,7 +316,7 @@
           {t('访问入口')}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => (
+      render: ({ data }: { data: SqlServerSingleModel }) => (
         <TextOverflowLayout>
           {{
             default: () => (
@@ -391,7 +391,7 @@
           {t('集群名称')}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => (
+      render: ({ data }: { data: SqlServerSingleModel }) => (
         <TextOverflowLayout>
           {{
             default: () => data.cluster_name,
@@ -434,7 +434,7 @@
         checked: columnCheckedMap.value.bk_cloud_id,
       },
       width: 90,
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.bk_cloud_name || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.bk_cloud_name || '--'}</span>,
     },
     {
       label: t('状态'),
@@ -453,14 +453,14 @@
         ],
         checked: columnCheckedMap.value.status,
       },
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <RenderClusterStatus data={data.status} />,
+      render: ({ data }: { data: SqlServerSingleModel }) => <RenderClusterStatus data={data.status} />,
     },
     {
       label: t('容量使用率'),
       field: 'cluster_stats',
       width: 240,
       showOverflowTooltip: false,
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <ClusterCapacityUsageRate clusterStats={data.cluster_stats} />
+      render: ({ data }: { data: SqlServerSingleModel }) => <ClusterCapacityUsageRate clusterStats={data.cluster_stats} />
     },
     {
       label: t('实例'),
@@ -489,7 +489,7 @@
           {t('实例')}
         </RenderHeadCopy>
       ),
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => (
+      render: ({ data }: { data: SqlServerSingleModel }) => (
         <RenderInstances
           highlightIps={batchSearchIpInatanceList.value}
           data={data.storages}
@@ -509,7 +509,7 @@
         list: columnAttrs.value.db_module_id,
         checked: columnCheckedMap.value.db_module_id,
       },
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.db_module_name || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.db_module_name || '--'}</span>,
     },
     {
       label: t('版本'),
@@ -520,7 +520,7 @@
         list: columnAttrs.value.major_version,
         checked: columnCheckedMap.value.major_version,
       },
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.major_version || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.major_version || '--'}</span>,
     },
     {
       label: t('地域'),
@@ -531,20 +531,20 @@
         list: columnAttrs.value.region,
         checked: columnCheckedMap.value.region,
       },
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.region || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.region || '--'}</span>,
     },
     {
       label: t('创建人'),
       field: 'creator',
       width: 140,
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.creator || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.creator || '--'}</span>,
     },
     {
       label: t('部署时间'),
       field: 'create_at',
       width: 160,
       sort: true,
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.createAtDisplay || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.createAtDisplay || '--'}</span>,
     },
     {
       label: t('时区'),
@@ -554,14 +554,14 @@
         list: columnAttrs.value.time_zone,
         checked: columnCheckedMap.value.time_zone,
       },
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => <span>{data.cluster_time_zone || '--'}</span>,
+      render: ({ data }: { data: SqlServerSingleModel }) => <span>{data.cluster_time_zone || '--'}</span>,
     },
     {
       label: t('操作'),
       field: '',
       width: tableOperationWidth.value,
       fixed: isStretchLayoutOpen.value ? false : 'right',
-      render: ({ data }: { data: SqlServerSingleClusterModel }) => (
+      render: ({ data }: { data: SqlServerSingleModel }) => (
         <>
           {
             data.isOnline ? (
@@ -690,7 +690,7 @@
    */
   const handleSwitchCluster = (
     type: TicketTypesStrings,
-    data: SqlServerSingleClusterModel,
+    data: SqlServerSingleModel,
   ) => {
     if (!type) return;
 
@@ -725,7 +725,7 @@
   /**
    * 删除集群
    */
-  const handleDeleteCluster = (data: SqlServerSingleClusterModel) => {
+  const handleDeleteCluster = (data: SqlServerSingleModel) => {
     const { cluster_name: name } = data;
     InfoBox({
       type: 'warning',
@@ -753,7 +753,7 @@
     });
   };
 
-  const handleResetCluster = (data: SqlServerSingleClusterModel) => {
+  const handleResetCluster = (data: SqlServerSingleModel) => {
     currentData.value = data
     isShowClusterReset.value = true
   }
@@ -785,12 +785,12 @@
   }
 
   // 获取列表数据下的实例子列表
-  const getInstanceListByRole = (dataList: SqlServerSingleClusterModel[], field: keyof SqlServerSingleClusterModel) => dataList.reduce((result, curRow) => {
-    result.push(...curRow[field] as SqlServerSingleClusterModel['storages']);
+  const getInstanceListByRole = (dataList: SqlServerSingleModel[], field: keyof SqlServerSingleModel) => dataList.reduce((result, curRow) => {
+    result.push(...curRow[field] as SqlServerSingleModel['storages']);
     return result;
-  }, [] as SqlServerSingleClusterModel['storages']);
+  }, [] as SqlServerSingleModel['storages']);
 
-  const handleCopySelected = <T,>(field: keyof T, role?: keyof SqlServerSingleClusterModel) => {
+  const handleCopySelected = <T,>(field: keyof T, role?: keyof SqlServerSingleModel) => {
     if(role) {
       handleCopy(getInstanceListByRole(selected.value, role) as T[], field)
       return;
@@ -798,8 +798,8 @@
     handleCopy(selected.value as T[], field)
   }
 
-  const handleCopyAll = async <T,>(field: keyof T, role?: keyof SqlServerSingleClusterModel) => {
-    const allData = await tableRef.value!.getAllData<SqlServerSingleClusterModel>();
+  const handleCopyAll = async <T,>(field: keyof T, role?: keyof SqlServerSingleModel) => {
+    const allData = await tableRef.value!.getAllData<SqlServerSingleModel>();
     if(allData.length === 0) {
       Message({
         theme: 'primary',
@@ -815,7 +815,7 @@
   }
 
   // 设置行样式
-  const setRowClass = (row: SqlServerSingleClusterModel) => {
+  const setRowClass = (row: SqlServerSingleModel) => {
     const classStack = [];
     if (row.isNew) {
       classStack.push('is-new-row');
@@ -826,8 +826,8 @@
     return classStack.join(' ');
   };
 
-  const handleSelection = (key: number[], list: Record<number, SqlServerSingleClusterModel>[]) => {
-    selected.value = list as unknown as SqlServerSingleClusterModel[];
+  const handleSelection = (key: number[], list: Record<number, SqlServerSingleModel>[]) => {
+    selected.value = list as unknown as SqlServerSingleModel[];
   };
 
   const handleClearSelected = () => {
@@ -848,7 +848,7 @@
    * 查看详情
    */
   const handleToDetails = (
-    data: SqlServerSingleClusterModel,
+    data: SqlServerSingleModel,
     isAllSpread: boolean = false,
   ) => {
     stretchLayoutSplitScreen();
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-add/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-add/pages/page1/Index.vue
index de8be1474e..200c437fe1 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-add/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-add/pages/page1/Index.vue
@@ -65,8 +65,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SqlServerHaClusterModel from '@services/model/sqlserver/sqlserver-ha-cluster';
-  import SqlServerSingleClusterModel from '@services/model/sqlserver/sqlserver-single-cluster';
+  import SqlServerHaModel from '@services/model/sqlserver/sqlserver-ha';
+  import SqlServerSingleModel from '@services/model/sqlserver/sqlserver-single';
   import { getHaClusterList } from '@services/source/sqlserveHaCluster';
   import { createTicket } from '@services/source/ticket';
 
@@ -108,7 +108,7 @@
   const isSubmitting = ref(false);
 
   const tableData = shallowRef<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleClusterModel | SqlServerHaClusterModel)[] }>({
+  const selectedClusters = shallowRef<{ [key: string]: (SqlServerSingleModel | SqlServerHaModel)[] }>({
     [ClusterTypes.SQLSERVER_HA]: [],
     [ClusterTypes.SQLSERVER_SINGLE]: [],
   });
diff --git a/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue b/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
index b5f459f986..bbafb4cd20 100644
--- a/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
+++ b/dbm-ui/frontend/src/views/db-manage/sqlserver/slave-rebuild/pages/page1/components/new-host/components/RenderData/RenderNewSlave.vue
@@ -54,7 +54,7 @@
   import { useRequest } from 'vue-request';
 
   import { getModuleDetail } from '@services/source/configs';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
@@ -84,7 +84,7 @@
 
   const disabledTips = computed(() => (props.oldSlave ? '' : t('请先选择从库主机')));
 
-  const disableHostMethod = (hostData: HostDetails) => {
+  const disableHostMethod = (hostData: HostInfo) => {
     if (!hostModuleRelatedSystemVersion.value) {
       return t('获取从库主机操作系统失败');
     }
@@ -104,7 +104,7 @@
   const elementRef = ref<ComponentExposed<typeof RenderElement>>();
   const isShowIpSelector = ref(false);
 
-  const localHostData = shallowRef<HostDetails>();
+  const localHostData = shallowRef<HostInfo>();
   const hostModuleRelatedSystemVersion = ref('');
 
   const rules = [
@@ -143,7 +143,7 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     [localHostData.value] = hostList;
   };
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/Index.vue
index d061124a9e..93b92f9aea 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/Index.vue
@@ -64,7 +64,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import TendbClusterModel from '@services/model/spider/tendbCluster';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderCluster.vue
index 3cb699f348..4e6bbc920e 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderCluster.vue
@@ -25,7 +25,7 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { filterClusters } from '@services/source/dbbase';
 
   import { useGlobalBizs } from '@stores';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderHost.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderHost.vue
index b37d42e604..e22263232f 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/add-mnt/pages/page1/components/RenderData/RenderHost.vue
@@ -87,7 +87,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkHost } from '@services/source/ipchooser';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { OSTypes } from '@common/const';
 
@@ -126,7 +126,7 @@
   const showEditIcon = ref(false);
   const isOverflow = ref(false);
 
-  const localHostList = shallowRef<HostDetails[]>([]);
+  const localHostList = shallowRef<HostInfo[]>([]);
 
   const isShowOverflowTip = computed(() => isOverflow.value && showEditIcon.value);
 
@@ -186,13 +186,13 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     localHostList.value = hostList;
   };
 
   defineExpose<Exposes>({
     getValue() {
-      const formatHost = (hostList: HostDetails[]) =>
+      const formatHost = (hostList: HostInfo[]) =>
         hostList.map((item) => ({
           bk_host_id: item.host_id,
           ip: item.ip,
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/Index.vue
index ab5fdd3c5e..08f9581f06 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/Index.vue
@@ -115,7 +115,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -156,7 +156,7 @@
   const isSubmitting = ref(false);
 
   const tableData = shallowRef<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   const formData = reactive({
     backup_source: 'local',
@@ -184,7 +184,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: Record<string, Array<SpiderModel>>) => {
+  const handelClusterChange = (selected: Record<string, Array<TendbClusterModel>>) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/components/RenderData/RenderCluster.vue
index 686dd89ecf..298e60753c 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/capacity-change/pages/page1/components/RenderData/RenderCluster.vue
@@ -27,7 +27,7 @@
   import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { filterClusters } from '@services/source/dbbase';
 
   import { useGlobalBizs } from '@stores';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page1/Index.vue
index bb5b800a37..23e597b3a0 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/checksum/pages/page1/Index.vue
@@ -136,7 +136,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/tendbCluster';
+  import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo, useTimeZoneFormat } from '@hooks';
@@ -184,7 +184,7 @@
   });
 
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbclusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -221,7 +221,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbclusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/Index.vue
index a55215fd7c..985399c84a 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/Index.vue
@@ -104,7 +104,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -147,7 +147,7 @@
   const formData = reactive(createDefaultData());
 
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -178,7 +178,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
index 33bb1751d7..13f84f2b14 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
@@ -27,7 +27,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import { getSpiderList } from '@services/source/spider';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import TableEditSelect from '@views/db-manage/redis/common/edit/Select.vue';
 
@@ -67,7 +67,7 @@
   const localValue = ref('');
   const backupList = shallowRef<Record<'label' | 'value', string>[]>([]);
 
-  const { run: fetchClusterList, loading: isListLoading } = useRequest(getSpiderList, {
+  const { run: fetchClusterList, loading: isListLoading } = useRequest(getTendbClusterList, {
     onSuccess(data) {
       if (data.results.length < 1) {
         backupList.value = [...baseList];
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page1/Index.vue
index 2e32c1d169..da1f3ca5cd 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-clear/pages/page1/Index.vue
@@ -77,7 +77,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/tendbCluster';
+  import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -114,7 +114,7 @@
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbclusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -152,7 +152,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbclusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page1/Index.vue
index 8f7f97d559..0a53da52d0 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-rename/pages/page1/Index.vue
@@ -79,8 +79,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import { getSpiderList } from '@services/source/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -123,7 +123,7 @@
 
   const formData = reactive(createDefaultData());
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -143,7 +143,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
@@ -192,7 +192,7 @@
       return;
     }
 
-    const resultList = await getSpiderList({ exact_domain: domain });
+    const resultList = await getTendbClusterList({ exact_domain: domain });
     if (resultList.results.length < 1) {
       return;
     }
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/Index.vue
index 215d35a5ab..fadd0d8130 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/Index.vue
@@ -65,7 +65,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -100,7 +100,7 @@
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -138,7 +138,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderBackupLocal.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
index 070b946560..286bd58161 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderBackupLocal.vue
@@ -28,7 +28,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import { getSpiderList } from '@services/source/spider';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import TableEditSelect from '@components/render-table/columns/select/index.vue';
 
@@ -62,7 +62,7 @@
   const localValue = ref('');
   const backupList = shallowRef<Record<'value' | 'label', string>[]>([]);
 
-  const { run: fetchClusterList, loading: isListLoading } = useRequest(getSpiderList, {
+  const { run: fetchClusterList, loading: isListLoading } = useRequest(getTendbClusterList, {
     onSuccess(data) {
       if (data.results.length < 1) {
         backupList.value = [remoteValue];
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page1/Index.vue
index 2b4826be85..2c808303b9 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/flashback/pages/page1/Index.vue
@@ -68,7 +68,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { checkFlashbackDatabase } from '@services/source/remoteService';
   import { createTicket } from '@services/source/ticket';
 
@@ -108,7 +108,7 @@
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -130,7 +130,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/Index.vue
index 6d761bbcf4..c9ea4f62e8 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/Index.vue
@@ -40,8 +40,8 @@
 <script setup lang="tsx">
   import { useRequest } from 'vue-request';
 
-  import type TendbInstanceModel from '@services/model/spider/tendbInstance';
-  import { getSpiderInstanceDetails } from '@services/source/spider';
+  import type TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
+  import { getTendbclusterInstanceDetail } from '@services/source/tendbcluster';
 
   import BaseInfo from './components/BaseInfo.vue';
   import ParamsConfig from './components/ParamsConfig.vue';
@@ -56,14 +56,14 @@
   const props = defineProps<Props>();
 
   const activePanel = ref('info');
-  const data = ref<TendbInstanceModel>();
+  const data = ref<TendbclusterInstanceModel>();
   const queryConfigInfos = computed(() => ({
     dbModuleId: data.value?.db_module_id ?? 0,
     clusterId: props.instanceData?.clusterId,
     version: data.value?.version ?? '',
   }));
 
-  const { loading: isLoading, run: fetchInstDetails } = useRequest(getSpiderInstanceDetails, {
+  const { loading: isLoading, run: fetchInstDetails } = useRequest(getTendbclusterInstanceDetail, {
     manual: true,
     onSuccess(result) {
       data.value = result;
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/components/BaseInfo.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/components/BaseInfo.vue
index 98941955cb..ae8815e26c 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/components/BaseInfo.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/detail/components/BaseInfo.vue
@@ -1,16 +1,3 @@
-<!--
- * 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>
   <EditInfo
     class="base-info pt-20"
@@ -21,7 +8,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import type TendbInstanceModel from '@services/model/spider/tendbInstance';
+  import type TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
 
   import {
     type ClusterInstStatus,
@@ -34,7 +21,7 @@
   } from '@components/editable-info/index.vue';
 
   interface Props {
-    data: TendbInstanceModel
+    data: TendbclusterInstanceModel
   }
 
   const props = defineProps<Props>();
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/list/Index.vue
index 76b12b5b69..00ac7f7a3b 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list-instance/components/list/Index.vue
@@ -39,7 +39,7 @@
       <DbTable
         ref="tableRef"
         :columns="columns"
-        :data-source="getSpiderInstanceList"
+        :data-source="getTendbclusterInstanceList"
         :pagination-extra="paginationExtra"
         :row-class="setRowClass"
         selectable
@@ -55,8 +55,8 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import type TendbInstanceModel from '@services/model/spider/tendbInstance';
-  import { getSpiderInstanceList } from '@services/source/spider';
+  import type TendbInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
+  import { getTendbclusterInstanceList } from '@services/source/tendbcluster';
 
   import {
     useCopy,
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/Index.vue
index 947842db8d..a1d2258661 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/Index.vue
@@ -60,9 +60,9 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { getMonitorUrls } from '@services/source/monitorGrafana';
-  import { getSpiderDetails } from '@services/source/spider';
+  import { getTendbclusterDetail } from '@services/source/tendbcluster';
 
   import { useGlobalBizs } from '@stores';
 
@@ -101,7 +101,7 @@
     return targetPanel;
   });
 
-  const { loading: isLoading, run: fetchResourceDetails } = useRequest(getSpiderDetails, {
+  const { loading: isLoading, run: fetchResourceDetails } = useRequest(getTendbclusterDetail, {
     manual: true,
     onSuccess(data) {
       clusterData.value = data;
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/components/BaseInfo.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/components/BaseInfo.vue
index e6b902c453..f37f47701f 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/components/BaseInfo.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/detail/components/BaseInfo.vue
@@ -21,7 +21,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
 
   import EditInfo, { type InfoColumn } from '@components/editable-info/index.vue';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
index f039e429bf..5bdc8c92bd 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/Index.vue
@@ -144,13 +144,13 @@
     useRouter,
   } from 'vue-router';
 
-  import TendbClusterModel from '@services/model/spider/tendbCluster';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import {
-    getSpiderClusterPrimary,
-    getSpiderDetail,
-    getSpiderInstanceList,
+    getTendbclusterDetail,
+    getTendbclusterInstanceList,
     getTendbClusterList,
-  } from '@services/source/spider';
+    getTendbclusterPrimary,
+  } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
   import { getUserList } from '@services/source/user';
 
@@ -433,7 +433,7 @@
                 <span v-db-console="tendbCluster.clusterManage.modifyEntryConfiguration">
                   <EditEntryConfig
                     id={data.id}
-                    getDetailInfo={getSpiderDetail}
+                    getDetailInfo={getTendbclusterDetail}
                     permission={data.permission.access_entry_edit}
                     resource={DBTypes.TENDBCLUSTER}
                     renderEntry={renderEntry}
@@ -576,7 +576,7 @@
           <span v-db-console="tendbCluster.clusterManage.modifyEntryConfiguration">
             <EditEntryConfig
               id={data.id}
-              getDetailInfo={getSpiderDetail}
+              getDetailInfo={getTendbclusterDetail}
               permission={data.permission.access_entry_edit}
               resource={DBTypes.TENDBCLUSTER}
               renderEntry={renderEntry}
@@ -667,7 +667,7 @@
             })}
             role="spider_master"
             clusterId={data.id}
-            dataSource={getSpiderInstanceList}
+            dataSource={getTendbclusterInstanceList}
           >
             {{
               append: ({ data }: { data: TendbClusterModel['spider_master'][number] }) =>
@@ -715,7 +715,7 @@
             })}
             role="spider_slave"
             clusterId={data.id}
-            dataSource={getSpiderInstanceList}
+            dataSource={getTendbclusterInstanceList}
           />
         );
       },
@@ -758,7 +758,7 @@
             })}
             role="spider_mnt"
             clusterId={data.id}
-            dataSource={getSpiderInstanceList}
+            dataSource={getTendbclusterInstanceList}
           />
         );
       },
@@ -799,7 +799,7 @@
             title={t('【inst】实例预览', { inst: data.master_domain, title: 'RemoteDB' })}
             role="remote_master"
             clusterId={data.id}
-            dataSource={getSpiderInstanceList}>
+            dataSource={getTendbclusterInstanceList}>
             {{
               default: ({ data }: { data:TendbClusterModel['remote_db'][0] }) => {
                 if (data.shard_id !== undefined) {
@@ -848,7 +848,7 @@
             title={t('【inst】实例预览', { inst: data.master_domain, title: 'RemoteDR' })}
             role="remote_slave"
             clusterId={data.id}
-            dataSource={getSpiderInstanceList}>
+            dataSource={getTendbclusterInstanceList}>
             {{
               default: ({ data }: { data:TendbClusterModel['remote_dr'][0] }) => {
                 if (data.shard_id !== undefined) {
@@ -1048,7 +1048,7 @@
     },
   ]);
 
-  const { run: getSpiderClusterPrimaryRun } = useRequest(getSpiderClusterPrimary, {
+  const { run: getSpiderClusterPrimaryRun } = useRequest(getTendbclusterPrimary, {
     manual: true,
     onSuccess(data) {
       if (data.length > 0) {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/CapacityChange.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/CapacityChange.vue
index a8b9a5e0d6..29852c16b1 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/CapacityChange.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/CapacityChange.vue
@@ -92,7 +92,7 @@
   import { InfoBox } from 'bkui-vue';
   import dayjs from 'dayjs';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketMessage } from '@hooks';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/ScaleUp.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/ScaleUp.vue
index 0020263649..99e20a1d3a 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/ScaleUp.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/ScaleUp.vue
@@ -65,7 +65,7 @@
 <script setup lang="tsx">
   import { InfoBox } from 'bkui-vue';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketMessage } from '@hooks';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/Shrink.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/Shrink.vue
index 0b517bd3b0..0f490633b8 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/Shrink.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/Shrink.vue
@@ -59,7 +59,7 @@
   import { InfoBox } from 'bkui-vue';
   import { useI18n } from 'vue-i18n';
 
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketMessage } from '@hooks';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/SpecInfo.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/SpecInfo.vue
index 0fede9d9fc..a389722a3c 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/SpecInfo.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/list/components/list/components/SpecInfo.vue
@@ -35,7 +35,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import { type InstanceSpecInfo } from '@services/model/spider/tendbCluster';
+  import { type InstanceSpecInfo } from '@services/model/tendbcluster/tendbcluster';
 
   interface Props {
     data: InstanceSpecInfo;
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderCluster.vue
index 5bfc7eea80..eacc0c1b49 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderCluster.vue
@@ -25,7 +25,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderMaster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderMaster.vue
index 0737c04f19..275276abf6 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderMaster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-failover/pages/page1/components/RenderData/RenderMaster.vue
@@ -30,7 +30,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/Index.vue
index 7781440e0d..a9087af5d3 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/Index.vue
@@ -82,7 +82,7 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import { getSpiderMachineList } from '@services/source/spider';
+  import { getTendbclusterMachineList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -201,7 +201,7 @@
       return;
     }
     tableData.value[index].isLoading = true;
-    const spiderMachineResult = await getSpiderMachineList({
+    const spiderMachineResult = await getTendbclusterMachineList({
       ip,
       instance_role: 'remote_master',
     }).finally(() => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderNewInstace.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderNewInstace.vue
index 1c74dd4ce6..367d16d6f8 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderNewInstace.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderNewInstace.vue
@@ -132,7 +132,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkHost, getHostTopoInfos } from '@services/source/ipchooser';
-  import type { HostDetails } from '@services/types/ip';
+  import type { HostInfo } from '@services/types/ip';
 
   import { useGlobalBizs } from '@stores';
 
@@ -189,7 +189,7 @@
 
   const conflicHostMap = shallowRef<Record<string, Array<HostTopoInfo>>>({});
   const conflicHostSelectMap = shallowRef<Record<string, HostTopoInfo>>({});
-  const localHostList = shallowRef<HostDetails[]>([]);
+  const localHostList = shallowRef<HostInfo[]>([]);
 
   let masterHost = {} as HostTopoInfo;
   let slaveHost = {} as HostTopoInfo;
@@ -344,12 +344,11 @@
     isShowIpSelector.value = true;
   };
 
-  const disableDialogSubmitMethod = (hostList: HostDetails[]) => (hostList.length === 2 ? false : t('需n台', { n: 2 }));
+  const disableDialogSubmitMethod = (hostList: HostInfo[]) => (hostList.length === 2 ? false : t('需n台', { n: 2 }));
 
-  const disableHostMethod = (data: HostDetails, list: HostDetails[]) =>
-    list.length >= 2 ? t('仅需n台', { n: 2 }) : false;
+  const disableHostMethod = (data: HostInfo, list: HostInfo[]) => (list.length >= 2 ? t('仅需n台', { n: 2 }) : false);
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     localHostList.value = hostList;
     localValue.value = hostList.map((hostItem) => hostItem.ip).join(',');
   };
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderRelatedInstance.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderRelatedInstance.vue
index 2c3fb148c4..4468bb8339 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderRelatedInstance.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderRelatedInstance.vue
@@ -9,7 +9,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import { getSpiderMachineList } from '@services/source/spider';
+  import { getTendbclusterMachineList } from '@services/source/tendbcluster';
 
   import RenderText from '@components/render-table/columns/text-plain/index.vue';
 
@@ -33,7 +33,7 @@
     loading,
     data: spiderMachineListResult,
     run: getSpiderMachineListRun,
-  } = useRequest(getSpiderMachineList, {
+  } = useRequest(getTendbclusterMachineList, {
     manual: true,
   });
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderSlaveHost.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderSlaveHost.vue
index 0e11c7c7a6..54206e1b9e 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderSlaveHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderSlaveHost.vue
@@ -26,7 +26,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import RemotePairInstanceModel from '@services/model/mysql-cluster/remote-pair-instance';
+  import RemotePairInstanceModel from '@services/model/mysql/remote-pair-instance';
   import { getRemoteMachineInstancePair } from '@services/source/mysqlCluster';
 
   import RenderText from '@components/render-table/columns/text-plain/index.vue';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
index dce14d9fb9..94c2c2713e 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderCluster.vue
@@ -26,7 +26,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue
index 50350672df..3ad93e8b80 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-swap/pages/page1/components/RenderData/RenderMaster.vue
@@ -29,7 +29,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/Index.vue
index 63385ad96a..08f766bd1c 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/Index.vue
@@ -53,8 +53,8 @@
   import { shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import type { HostDetails } from '@services/types/ip';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import type { HostInfo } from '@services/types';
 
   import { ClusterTypes, OSTypes } from '@common/const';
 
@@ -92,8 +92,8 @@
   const isShowBatchInput = ref(false);
   const tableData = ref<IDataRow[]>([createRowData()]);
 
-  const localHostList = shallowRef<HostDetails[]>([]);
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({
+  const localHostList = shallowRef<HostInfo[]>([]);
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({
     [ClusterTypes.TENDBCLUSTER]: [],
   });
 
@@ -102,7 +102,7 @@
   // 集群域名是否已存在表格的映射表
   const domainMemo: Record<string, boolean> = {};
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     if (checkListEmpty(tableData.value)) {
       return;
     }
@@ -119,7 +119,7 @@
     const localIps = localHostList.value.map((item) => item.ip);
     const whiteIps = _.flatMap(whiteList.map((item) => item.ips));
     const finalIps = Array.from(new Set([...localIps, ...whiteIps]));
-    localHostList.value = finalIps.map((ip) => ({ ip }) as HostDetails);
+    localHostList.value = finalIps.map((ip) => ({ ip }) as HostInfo);
     tableData.value.forEach((item) => (item.authorizeIps = localHostList.value.map((info) => info.ip)));
   };
 
@@ -151,7 +151,7 @@
   };
 
   // 输入集群后查询集群信息并填充到table
-  const handleInputCluster = async (index: number, item: SpiderModel) => {
+  const handleInputCluster = async (index: number, item: TendbClusterModel) => {
     const row = createRowData({
       clusterData: {
         id: item.id,
@@ -167,7 +167,7 @@
   };
 
   // 批量选择
-  const handelClusterChange = (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/BatchInput.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/BatchInput.vue
index 740043e0cc..22f353ad4d 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/BatchInput.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/BatchInput.vue
@@ -90,7 +90,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import { getSpiderList } from '@services/source/spider';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import { useCopy } from '@hooks';
 
@@ -104,7 +104,7 @@
     variableList: string[];
   }
 
-  type SpiderModel = ServiceReturnType<typeof getSpiderList>['results'][number];
+  type SpiderModel = ServiceReturnType<typeof getTendbClusterList>['results'][number];
 
   const props = defineProps<Props>();
   const emits = defineEmits<Emits>();
@@ -210,7 +210,7 @@
     loading.value = true;
     const newLineInfos = newLines.map((item) => getContents(item));
     const clusters = newLineInfos.map((item) => item[0]);
-    const clusterInfoResults = await getSpiderList({
+    const clusterInfoResults = await getTendbClusterList({
       offset: 0,
       limit: -1,
       domain: clusters.join(','),
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnCluster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnCluster.vue
index 4ed06aa0d4..5cb17592c0 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnCluster.vue
@@ -27,8 +27,8 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import { getSpiderList } from '@services/source/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import TableEditInput from '@views/db-manage/tendb-cluster/common/edit/Input.vue';
 
@@ -40,7 +40,7 @@
   }
 
   interface Emits {
-    (e: 'clusterInputFinish', value: SpiderModel): void;
+    (e: 'clusterInputFinish', value: TendbClusterModel): void;
   }
 
   interface Exposes {
@@ -72,7 +72,7 @@
     },
     {
       validator: (value: string) =>
-        getSpiderList({ exact_domain: value }).then((data) => {
+        getTendbClusterList({ exact_domain: value }).then((data) => {
           if (data.results.length > 0) {
             if (!isSkipInputFinish) {
               emits('clusterInputFinish', data.results[0]);
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnHost.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnHost.vue
index 2c8e78a67d..000cf2b3ec 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/ColumnHost.vue
@@ -94,7 +94,7 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types/ip';
+  import type { HostInfo } from '@services/types/ip';
 
   import { OSTypes } from '@common/const';
 
@@ -126,7 +126,7 @@
   // const showEditIcon = ref(false);
   // const isOverflow = ref(false);
 
-  const localHostList = shallowRef<HostDetails[]>([]);
+  const localHostList = shallowRef<HostInfo[]>([]);
 
   const renderText = computed(() => localHostList.value.map((item) => item.ip).join(',  '));
 
@@ -138,7 +138,7 @@
     () => props.data,
     () => {
       if (props.data.length) {
-        localHostList.value = props.data.map((ip) => ({ ip })) as HostDetails[];
+        localHostList.value = props.data.map((ip) => ({ ip })) as HostInfo[];
       }
     },
     {
@@ -168,7 +168,7 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (hostList: HostDetails[]) => {
+  const handleHostChange = (hostList: HostInfo[]) => {
     localHostList.value = hostList;
   };
 
@@ -176,7 +176,7 @@
     const localIps = localHostList.value.map((item) => item.ip);
     const whiteIps = _.flatMap(whiteList.map((item) => item.ips));
     const finalIps = Array.from(new Set([...localIps, ...whiteIps]));
-    localHostList.value = finalIps.map((ip) => ({ ip }) as HostDetails);
+    localHostList.value = finalIps.map((ip) => ({ ip }) as HostInfo);
   };
 
   defineExpose<Exposes>({
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/Row.vue
index de4a6c0e62..51881570ef 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/target-cluster/components/Row.vue
@@ -57,7 +57,7 @@
 <script setup lang="ts">
   import { watch } from 'vue';
 
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
 
   import ColumnCluster from './ColumnCluster.vue';
   import ColumnHost from './ColumnHost.vue';
@@ -90,7 +90,7 @@
     (e: 'add', params: Array<IDataRow>): void;
     (e: 'remove'): void;
     (e: 'clone', value: IDataRow): void;
-    (e: 'clusterInputFinish', value: SpiderModel): void;
+    (e: 'clusterInputFinish', value: TendbClusterModel): void;
   }
 
   interface Exposes {
@@ -117,7 +117,7 @@
     },
   );
 
-  const handleClusterInputFinish = (value: SpiderModel) => {
+  const handleClusterInputFinish = (value: TendbClusterModel) => {
     emits('clusterInputFinish', value);
   };
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/Index.vue
index 458675c0ac..6dc97d5034 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/Index.vue
@@ -31,7 +31,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import OpenareaTemplateModel from '@services/model/openarea/openareaTemplate';
   import { getPermissionRules } from '@services/source/permission';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/components/PrivRuleDetail.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/components/PrivRuleDetail.vue
index 8b04342c80..580a64db08 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/components/PrivRuleDetail.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-create/components/template-detail/components/PrivRuleDetail.vue
@@ -19,7 +19,7 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { getPermissionRules } from '@services/source/permission';
 
   interface Props {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/Index.vue
index d52ccfe3c3..12b0a87d97 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/Index.vue
@@ -116,8 +116,8 @@
   import { useRequest } from 'vue-request';
   import { useRoute, useRouter } from 'vue-router';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
-  import SpiderModel from '@services/model/spider/tendbCluster';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
+  import TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
   import { create as createOpenarea, getDetail, update as updateOpenarea } from '@services/source/openarea';
   import { getPermissionRules } from '@services/source/permission';
 
@@ -171,7 +171,7 @@
     domain: '',
   });
 
-  const clusterSelectorValue = shallowRef<Record<string, SpiderModel[]>>({
+  const clusterSelectorValue = shallowRef<Record<string, TendbclusterModel[]>>({
     [ClusterTypes.TENDBCLUSTER]: []
   });
 
@@ -333,7 +333,7 @@
     isShowClusterSelector.value = true;
   };
 
-  const handelClusterChange = (selected: Record<string, SpiderModel[]>) => {
+  const handelClusterChange = (selected: Record<string, TendbclusterModel[]>) => {
     clusterSelectorValue.value = selected;
 
     const { id, master_domain: domain, cluster_type: clusterType } = selected[ClusterTypes.TENDBCLUSTER][0];
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/components/config-rule/components/RenderData/RenderPrivData/components/PermissionRule.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/components/config-rule/components/RenderData/RenderPrivData/components/PermissionRule.vue
index 4b93d5db08..f828db83c9 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/components/config-rule/components/RenderData/RenderPrivData/components/PermissionRule.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/openarea-template-create/components/config-rule/components/RenderData/RenderPrivData/components/PermissionRule.vue
@@ -51,7 +51,7 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { getPermissionRules } from '@services/source/permission';
 
   interface Props {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/Operation.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/Operation.vue
index 7f9aed4b38..ea9fb6fe2b 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/Operation.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/partition-manage/components/Operation.vue
@@ -146,7 +146,7 @@
     edit as editPartition,
     verifyPartitionField,
   } from '@services/source/partitionManage';
-  import { getSpiderList } from '@services/source/spider';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import { dbSysExclude } from '@common/const';
   import { dbRegex } from '@common/regex';
@@ -284,7 +284,7 @@
     ],
   }));
 
-  const { loading: isCluserListLoading, data: clusterList } = useRequest(getSpiderList, {
+  const { loading: isCluserListLoading, data: clusterList } = useRequest(getTendbClusterList, {
     defaultParams: [
       {
         limit: -1,
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/Index.vue
index da972cf9b2..ca93d75dfd 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/Index.vue
@@ -65,7 +65,7 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { getPermissionRules } from '@services/source/permission';
   import type { PermissionRuleInfo } from '@services/types/permission';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/AccountInfoDialog.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/AccountInfoDialog.vue
index 263d0606b2..2f2f7a5426 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/AccountInfoDialog.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/AccountInfoDialog.vue
@@ -41,7 +41,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import type { PermissionRuleAccount } from '@services/types/permission';
 
   import { useDeleteAccount } from '../hooks/useDeleteAccount';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/CreateRule.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/CreateRule.vue
index e645ac1e62..2df62b2564 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/CreateRule.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/permission/components/CreateRule.vue
@@ -208,7 +208,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import {
     createAccountRule,
     getPermissionRules,
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page1/Index.vue
index 29b2d76b21..3ee5982af1 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-client/pages/page1/Index.vue
@@ -69,7 +69,7 @@
 
   import { precheckPermissionClone } from '@services/source/permission';
   import { createTicket } from '@services/source/ticket';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useTicketCloneInfo } from '@hooks';
 
@@ -104,7 +104,7 @@
   const remark = ref('');
 
   const tableData = shallowRef<Array<IDataRow>>([createRowData({})]);
-  const selectedIps = shallowRef<HostDetails[]>([]);
+  const selectedIps = shallowRef<HostInfo[]>([]);
 
   let ipMemo = {} as Record<string, boolean>;
 
@@ -122,7 +122,7 @@
     isShowIpSelector.value = true;
   };
 
-  const handleHostChange = (data: HostDetails[]) => {
+  const handleHostChange = (data: HostInfo[]) => {
     selectedIps.value = data;
     const newList = data.reduce((result, item) => {
       const { ip } = item;
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/BatchEntry.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/BatchEntry.vue
index e542f7f61b..94d348eafa 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/BatchEntry.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/BatchEntry.vue
@@ -114,7 +114,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue
index 67ddc9718e..a9721068d7 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/RenderTarget.vue
@@ -27,7 +27,7 @@
   import { useI18n } from 'vue-i18n';
 
   import { checkMysqlInstances } from '@services/source/instances';
-  import type { InstanceInfos } from '@services/types/clusters';
+  import type { InstanceInfos } from '@services/types';
 
   import { useGlobalBizs } from '@stores';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/Row.vue
index f7ee6a5587..4edabda07a 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/privilege-clone-inst/pages/page1/components/RenderData/Row.vue
@@ -78,7 +78,7 @@
   });
 </script>
 <script setup lang="ts">
-  import type SpiderModel from '@services/model/spider/spider';
+  import type SpiderModel from '@services/model/tendbcluster/tendbcluster';
 
   import RenderCluster from './RenderCluster.vue';
   import RenderModule from './RenderModule.vue';
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/Index.vue
index 48d8bbeb08..b958c696c3 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/Index.vue
@@ -82,8 +82,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import { getSpiderList } from '@services/source/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -124,7 +124,7 @@
   const clusterNodeTypeMap = ref<Record<string, string[]>>({});
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   const canSubmit = computed(() => tableData.value.filter((item) => Boolean(item.cluster)).length > 0);
 
@@ -132,11 +132,11 @@
     [ClusterTypes.TENDBCLUSTER]: {
       disabledRowConfig: [
         {
-          handler: (data: SpiderModel) => data.status !== 'normal',
+          handler: (data: TendbClusterModel) => data.status !== 'normal',
           tip: t('集群异常'),
         },
         {
-          handler: (data: SpiderModel) => data.spider_master.length <= 2 && data.spider_slave.length <= 1,
+          handler: (data: TendbClusterModel) => data.spider_master.length <= 2 && data.spider_slave.length <= 1,
           tip: t('Master 至少保留 2 台 ，Slave 至少 保留 1台'),
         },
       ],
@@ -178,7 +178,7 @@
   };
 
   // 根据集群选择返回的数据加工成table所需的数据
-  const generateRowDateFromRequest = (item: SpiderModel) => ({
+  const generateRowDateFromRequest = (item: TendbClusterModel) => ({
     rowKey: random(),
     isLoading: false,
     cluster: item.master_domain,
@@ -197,7 +197,7 @@
   });
 
   // 批量选择
-  const handelClusterChange = async (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = async (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
@@ -231,7 +231,7 @@
       return;
     }
     tableData.value[index].isLoading = true;
-    const ret = await getSpiderList({ domain }).finally(() => {
+    const ret = await getTendbClusterList({ domain }).finally(() => {
       tableData.value[index].isLoading = false;
     });
     if (ret.results.length < 1) {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/components/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/components/Row.vue
index daea1abd58..72c1bd8cc3 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/components/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-down/pages/page1/components/Row.vue
@@ -67,8 +67,8 @@
 <script lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import { getSpiderMachineList } from '@services/source/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbclusterMachineList } from '@services/source/tendbcluster';
 
   import { ClusterTypes } from '@common/const';
 
@@ -94,8 +94,8 @@
     nodeType: string;
     masterCount: number;
     slaveCount: number;
-    spiderMasterList: SpiderModel['spider_master'];
-    spiderSlaveList: SpiderModel['spider_slave'];
+    spiderMasterList: TendbClusterModel['spider_master'];
+    spiderSlaveList: TendbClusterModel['spider_slave'];
     spec?: SpecInfo;
     hostSelectType?: string;
     selectedNodeList?: IValue[];
@@ -175,15 +175,15 @@
           name: t('主机选择'),
           topoConfig: {
             filterClusterId: props.data!.clusterId,
-            countFunc: (clusterItem: SpiderModel) => {
+            countFunc: (clusterItem: TendbClusterModel) => {
               const hostList = isMater ? clusterItem.spider_master : clusterItem.spider_slave;
               const ipList = hostList.map((hostItem) => hostItem.ip);
               return new Set(ipList).size;
             },
           },
           tableConfig: {
-            getTableList: (params: ServiceReturnType<typeof getSpiderMachineList>) =>
-              getSpiderMachineList({
+            getTableList: (params: ServiceReturnType<typeof getTendbclusterMachineList>) =>
+              getTendbclusterMachineList({
                 ...params,
                 spider_role: isMater ? 'spider_master' : 'spider_slave',
               }),
@@ -196,8 +196,8 @@
         },
         {
           tableConfig: {
-            getTableList: (params: ServiceReturnType<typeof getSpiderMachineList>) =>
-              getSpiderMachineList({
+            getTableList: (params: ServiceReturnType<typeof getTendbclusterMachineList>) =>
+              getTendbclusterMachineList({
                 ...params,
                 spider_role: isMater ? 'spider_master' : 'spider_slave',
               }),
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/Index.vue
index 03ef9178f8..9190aafd9a 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/Index.vue
@@ -70,8 +70,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import { getSpiderList } from '@services/source/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -109,7 +109,7 @@
   const clusterNodeTypeMap = ref<Record<string, string[]>>({});
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   const canSubmit = computed(() => tableData.value.filter((item) => Boolean(item.cluster)).length > 0);
 
@@ -117,7 +117,7 @@
     [ClusterTypes.TENDBCLUSTER]: {
       disabledRowConfig: [
         {
-          handler: (data: SpiderModel) => data.status !== 'normal',
+          handler: (data: TendbClusterModel) => data.status !== 'normal',
           tip: t('集群异常'),
         },
       ],
@@ -159,7 +159,7 @@
   };
 
   // 根据集群选择返回的数据加工成table所需的数据
-  const generateRowDateFromRequest = (item: SpiderModel) => {
+  const generateRowDateFromRequest = (item: TendbClusterModel) => {
     const masterCount = item.spider_master.length;
     const slaveCount = item.spider_slave.length;
     return {
@@ -185,7 +185,7 @@
   };
 
   // 批量选择
-  const handelClusterChoosed = async (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChoosed = async (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
@@ -218,7 +218,7 @@
       return;
     }
     tableData.value[index].isLoading = true;
-    const ret = await getSpiderList({ domain }).finally(() => {
+    const ret = await getTendbClusterList({ domain }).finally(() => {
       tableData.value[index].isLoading = false;
     });
     if (ret.results.length < 1) {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/RenderHostType.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/RenderHostType.vue
index 054c59daf7..70a4d99d73 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/RenderHostType.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/RenderHostType.vue
@@ -33,7 +33,7 @@
     </TableEditSelect>
   </div>
   <IpSelector
-    v-model:showDialog="showIpSelector"
+    v-model:show-dialog="showIpSelector"
     :biz-id="bizId"
     button-text=""
     :data="selectedIpList"
@@ -46,7 +46,7 @@
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import IpSelector from '@components/ip-selector/IpSelector.vue';
   import TableEditSelect from '@components/render-table/columns/select/index.vue';
@@ -82,7 +82,7 @@
   const localValue = ref(props.data);
   const showIpSelector = ref(false);
 
-  const selectedIpList = shallowRef<HostDetails[]>([]);
+  const selectedIpList = shallowRef<HostInfo[]>([]);
 
   const ipList = computed(() => selectedIpList.value.map((item) => item.ip));
 
@@ -120,7 +120,7 @@
   //   })
   // }
 
-  const handleChangeIP = (ipList: HostDetails[]) => {
+  const handleChangeIP = (ipList: HostInfo[]) => {
     selectedIpList.value = ipList;
     emits(
       'ip-list-change',
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/Row.vue
index fbc5711cf8..b7f26b4854 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-scale-up/pages/page1/components/Row.vue
@@ -57,7 +57,7 @@
   </tr>
 </template>
 <script lang="ts">
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
 
   import OperateColumn from '@components/render-table/columns/operate-column/index.vue';
 
@@ -80,8 +80,8 @@
     masterCount: number;
     slaveCount: number;
     mntCount: number; // 校验 spider_master + spider _mnt <=37
-    spiderMasterList: SpiderModel['spider_master'];
-    spiderSlaveList: SpiderModel['spider_slave'];
+    spiderMasterList: TendbClusterModel['spider_master'];
+    spiderSlaveList: TendbClusterModel['spider_slave'];
     // spec?: SpecInfo;
     specId?: number;
     targetNum?: string;
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/Index.vue
index 40a2db77f4..f300581be9 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/Index.vue
@@ -67,8 +67,8 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import SpiderModel from '@services/model/spider/spider';
-  import { getSpiderList } from '@services/source/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -105,7 +105,7 @@
   const tableData = ref([createRowData()]);
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<SpiderModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbClusterModel> }>({ [ClusterTypes.TENDBCLUSTER]: [] });
 
   const totalNum = computed(() => tableData.value.filter((item) => Boolean(item.cluster)).length);
 
@@ -113,7 +113,7 @@
     [ClusterTypes.TENDBCLUSTER]: {
       disabledRowConfig: [
         {
-          handler: (data: SpiderModel) => data.spider_slave.length > 0,
+          handler: (data: TendbClusterModel) => data.spider_slave.length > 0,
           tip: t('该集群已有只读集群'),
         },
       ],
@@ -138,7 +138,7 @@
   };
 
   // 根据集群选择返回的数据加工成table所需的数据
-  const generateRowDateFromRequest = (item: SpiderModel) => ({
+  const generateRowDateFromRequest = (item: TendbClusterModel) => ({
     rowKey: random(),
     isLoading: false,
     cluster: item.master_domain,
@@ -156,7 +156,7 @@
   });
 
   // 批量选择
-  const handelClusterChange = async (selected: { [key: string]: Array<SpiderModel> }) => {
+  const handelClusterChange = async (selected: { [key: string]: Array<TendbClusterModel> }) => {
     selectedClusters.value = selected;
     const list = selected[ClusterTypes.TENDBCLUSTER];
     const newList = list.reduce((result, item) => {
@@ -188,7 +188,7 @@
       return;
     }
     tableData.value[index].isLoading = true;
-    const ret = await getSpiderList({ domain }).finally(() => {
+    const ret = await getTendbClusterList({ domain }).finally(() => {
       tableData.value[index].isLoading = false;
     });
     if (ret.results.length < 1) {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/Index.vue
index 5333565bb8..ed91991403 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/proxy-slave-apply/pages/page1/components/cluster-selector-table/Index.vue
@@ -43,7 +43,7 @@
   import { shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import SpiderModel from '@services/model/spider/spider';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import type {
     ListBase,
   } from '@services/types';
@@ -57,9 +57,9 @@
 
   interface Props {
     activeTab: string,
-    selected: Record<string, SpiderModel[]>,
+    selected: Record<string, TendbClusterModel[]>,
     // eslint-disable-next-line vue/no-unused-properties
-    getResourceList: (params: Record<string, any>) => Promise<ListBase<SpiderModel[]>>
+    getResourceList: (params: Record<string, any>) => Promise<ListBase<TendbClusterModel[]>>
   }
 
   interface Emits {
@@ -153,7 +153,7 @@
       label: t('集群'),
       field: 'cluster_name',
       showOverflowTooltip: true,
-      render: ({ data }: { data: SpiderModel }) => (
+      render: ({ data }: { data: TendbClusterModel }) => (
       <div class="cluster-name-box">
           <div class="cluster-name">{data.master_domain}</div>
           {data.operations && data.operations.length > 0 && <bk-popover
@@ -185,7 +185,7 @@
       label: t('状态'),
       field: 'status',
       minWidth: 100,
-      render: ({ data }: { data: SpiderModel }) => {
+      render: ({ data }: { data: TendbClusterModel }) => {
         const info = data.status === 'normal' ? { theme: 'success', text: t('正常') } : { theme: 'danger', text: t('异常') };
         return <DbStatus theme={info.theme}>{info.text}</DbStatus>;
       },
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/common/RenderClusterInputSelect.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/common/RenderClusterInputSelect.vue
index 5a8c7c1c43..b514c81446 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/common/RenderClusterInputSelect.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/common/RenderClusterInputSelect.vue
@@ -30,9 +30,9 @@
   import { useI18n } from 'vue-i18n';
 
   import TendbhaModel from '@services/model/mysql/tendbha';
-  import type TendbClusterModel from '@services/model/spider/tendbCluster';
+  import type TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { queryClusters } from '@services/source/mysqlCluster';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   import { useGlobalBizs } from '@stores';
 
@@ -113,7 +113,7 @@
   ];
 
   const queryClustersById = (id: number) => {
-    getSpiderListByBizId({
+    getTendbclusterListByBizId({
       cluster_ids: [id],
       bk_biz_id: currentBizId,
     }).then((data) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/render-data/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/render-data/Index.vue
index e3f2acb46f..fdbf6666bb 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/render-data/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/rollback/pages/page1/components/render-data/Index.vue
@@ -43,7 +43,7 @@
     @change="handelClusterChange" />
 </template>
 <script lang="ts">
-  import { getTendbClusterList } from '@services/source/spider';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
 
   import type { HostDataItem } from '@views/db-manage/mysql/rollback/pages/page1/components/common/RenderHostInputSelect.vue';
 
@@ -117,7 +117,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRouter } from 'vue-router';
 
-  import TendbClusterModel from '@services/model/spider/tendbCluster';
+  import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
   import { RollbackClusterTypes } from '@services/model/ticket/details/mysql';
   import { createTicket } from '@services/source/ticket';
 
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/Index.vue
index eaffecf300..e10ed9e04b 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/Index.vue
@@ -85,7 +85,7 @@
   import type { UnwrapRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import { getSpiderMachineList } from '@services/source/spider';
+  import { getTendbclusterMachineList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useGlobalBizs } from '@stores';
@@ -220,7 +220,7 @@
       return;
     }
     tableData.value[index].isLoading = true;
-    const spiderMachineResult = await getSpiderMachineList({
+    const spiderMachineResult = await getTendbclusterMachineList({
       ip,
       instance_role: 'remote_slave',
     }).finally(() => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderNewSlaveHost.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderNewSlaveHost.vue
index e094bc0b22..78b9eaff4f 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderNewSlaveHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderNewSlaveHost.vue
@@ -91,7 +91,7 @@
   import { getResourceSpecList } from '@services/source/dbresourceSpec';
 
   // import { checkHost, getHostTopo } from '@services/source/ipchooser'
-  // import type { HostDetails } from '@services/types/ip';
+  // import type { HostInfo } from '@services/types/ip';
   import { useGlobalBizs } from '@stores';
 
   import { ClusterTypes } from '@common/const';
@@ -335,9 +335,9 @@
   //   return false
   // }
 
-  // const disableIdleDialogSubmitMethod = (hostList: HostDetails[]) => hostList.length === 1 ? false : t('需n台', { n: 1 });
+  // const disableIdleDialogSubmitMethod = (hostList: HostInfo[]) => hostList.length === 1 ? false : t('需n台', { n: 1 });
 
-  // const disableIdleHostMethod = (data: HostDetails, list: HostDetails[]) => {
+  // const disableIdleHostMethod = (data: HostInfo, list: HostInfo[]) => {
   //   const otherAllSelectHostMap = getOtherAllSelectHostMap(idleHostSelectMemo)
   //   if (otherAllSelectHostMap[data.ip]) {
   //     return t('已被其他行选中');
@@ -348,7 +348,7 @@
   //   return false
   // }
 
-  // const handleIdleHostChange = (hostList: HostDetails[]) => {
+  // const handleIdleHostChange = (hostList: HostInfo[]) => {
   //   localHostList.value = hostList.map(hostItem => ({
   //     bk_biz_id: hostItem.biz.id,
   //     bk_cloud_id: hostItem.cloud_id,
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderOldSlaveHost.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderOldSlaveHost.vue
index a7aebca810..da4ff0963f 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderOldSlaveHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/RenderOldSlaveHost.vue
@@ -27,7 +27,7 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import { getSpiderMachineList } from '@services/source/spider';
+  import { getTendbclusterMachineList } from '@services/source/tendbcluster';
 
   import { ipv4 } from '@common/regex';
 
@@ -71,7 +71,7 @@
     },
     {
       validator: (value: string) =>
-        getSpiderMachineList({
+        getTendbclusterMachineList({
           ip: value,
           instance_role: 'remote_slave',
         }).then((data) => {
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/Row.vue
index ab4d09aed9..ea1f7e1c61 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/slave-rebuild/pages/page1/components/new-host/components/render-data/Row.vue
@@ -55,7 +55,7 @@
   import _ from 'lodash';
   import { useI18n } from 'vue-i18n';
 
-  import SpiderMachineModel from '@services/model/spider/spiderMachine';
+  import TendbclusterMachineModel from '@services/model/tendbcluster/tendbcluster-machine';
 
   import type { IValue } from '@components/instance-selector/Index.vue';
   import OperateColumn from '@components/render-table/columns/operate-column/index.vue';
@@ -76,7 +76,7 @@
       ip: string;
       domian: string;
       clusterId: number;
-      specConfig: SpiderMachineModel['spec_config'];
+      specConfig: TendbclusterMachineModel['spec_config'];
       slaveInstanceList: NonNullable<IValue['related_instances']>;
     };
   }
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/Index.vue
index 2ec1274acb..1e7131126f 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/Index.vue
@@ -64,8 +64,8 @@
   import { ref, shallowRef } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type ImportHostModel from '@services/model/db-resource/import-host';
   import { importResource } from '@services/source/dbresourceResource';
+  import type { HostInfo } from '@services/types';
 
   import { messageSuccess } from '@utils';
 
@@ -86,7 +86,7 @@
 
   const formRef = ref();
   const isSubmiting = ref(false);
-  const hostSelectList = shallowRef<ImportHostModel[]>([]);
+  const hostSelectList = shallowRef<HostInfo[]>([]);
   const width = Math.ceil(window.innerWidth * 0.8);
 
   const contentHeight = Math.ceil(window.innerHeight * 0.8 - 48);
@@ -128,6 +128,7 @@
     .bk-modal-header {
       display: none;
     }
+
     .bk-dialog-content {
       padding: 0;
       margin: 0;
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/FormPanel.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/FormPanel.vue
index 0ceb809d5e..72503ce05f 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/FormPanel.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/FormPanel.vue
@@ -154,16 +154,16 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import type ImportHostModel from '@services/model/db-resource/import-host';
   import { getBizs } from '@services/source/cmdb';
   import { fetchDbTypeList } from '@services/source/infras';
+  import type { HostInfo } from '@services/types';
 
   import { useCopy } from '@hooks';
 
   import { messageWarn } from '@utils';
 
   interface Props {
-    hostList: ImportHostModel[];
+    hostList: HostInfo[];
   }
   interface Emits {
     (e: 'update:hostList', value: Props['hostList']): void;
@@ -243,17 +243,17 @@
     copy(ipList.join('\n'));
   };
   // 复制单个指定主机 IP
-  const handleCopy = (hostItem: ImportHostModel) => {
+  const handleCopy = (hostItem: HostInfo) => {
     copy(hostItem.ip);
   };
   // 删除单个主机
-  const handleRemove = (hostItem: ImportHostModel) => {
+  const handleRemove = (hostItem: HostInfo) => {
     const hostListResult = props.hostList.reduce((result, item) => {
       if (item.host_id !== hostItem.host_id) {
         result.push(item);
       }
       return result;
-    }, [] as ImportHostModel[]);
+    }, [] as HostInfo[]);
 
     emits('update:hostList', hostListResult);
   };
diff --git a/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/select-host-panel/Index.vue b/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/select-host-panel/Index.vue
index f0a82ae2fc..24f42dbc8b 100644
--- a/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/select-host-panel/Index.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/pool/components/import-host/components/select-host-panel/Index.vue
@@ -56,15 +56,15 @@
   } from 'vue';
   import { useI18n } from 'vue-i18n';
 
-  import type ImportHostModel from '@services/model/db-resource/import-host';
   import { fetchListDbaHost } from '@services/source/dbresourceResource';
+  import type { HostInfo } from '@services/types';
 
   import DbStatus from '@components/db-status/index.vue';
 
   import HostEmpty from './components/HostEmpty.vue';
 
   interface Props {
-    modelValue: ImportHostModel[],
+    modelValue: HostInfo[],
     contentHeight: number
   }
   interface Emits {
@@ -89,7 +89,7 @@
     {
       label: 'IPV6',
       field: 'ipv6',
-      render: ({ data }: { data: ImportHostModel}) => data.ipv6 || '--',
+      render: ({ data }: { data: HostInfo}) => data.ipv6 || '--',
     },
     {
       label: t('管控区域'),
@@ -98,7 +98,7 @@
     {
       label: t('Agent 状态'),
       field: 'agent',
-      render: ({ data }: { data: ImportHostModel}) => {
+      render: ({ data }: { data: HostInfo}) => {
         const info = data.alive === 1 ? { theme: 'success', text: t('正常') } : { theme: 'danger', text: t('异常') };
         return <DbStatus theme={info.theme}>{info.text}</DbStatus>;
       },
@@ -121,7 +121,7 @@
     const newValueIdMap = newModleValue.reduce((result, item) => ({
       ...result,
       [item.host_id]: true,
-    }), {} as Record<ImportHostModel['host_id'], boolean>);
+    }), {} as Record<HostInfo['host_id'], boolean>);
     oldModleValue.forEach((hostData) => {
       if (!newValueIdMap[hostData.host_id]) {
         tableRef.value.removeSelectByKey(hostData.host_id);
@@ -129,7 +129,7 @@
     });
   });
 
-  const disableSelectMethod = (data: ImportHostModel) => {
+  const disableSelectMethod = (data: HostInfo) => {
     if (data.alive !== 1) {
       return t('异常主机不可用');
     }
@@ -153,7 +153,7 @@
     fetchData();
   };
 
-  const handleSelection = (key: number[], dataList: ImportHostModel[]) => {
+  const handleSelection = (key: number[], dataList: HostInfo[]) => {
     emits('update:modelValue', dataList);
   };
 
diff --git a/dbm-ui/frontend/src/views/resource-manage/record/components/HostDetail.vue b/dbm-ui/frontend/src/views/resource-manage/record/components/HostDetail.vue
index 7da6aaf6d6..ad2b49b0d1 100644
--- a/dbm-ui/frontend/src/views/resource-manage/record/components/HostDetail.vue
+++ b/dbm-ui/frontend/src/views/resource-manage/record/components/HostDetail.vue
@@ -42,7 +42,7 @@
 
   import type OperationModel from '@services/model/db-resource/Operation';
   import { fetchHostListByHostId } from '@services/source/dbresourceResource';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import DbStatus from '@components/db-status/index.vue';
 
@@ -71,7 +71,7 @@
     {
       label: 'IPV6',
       field: 'ipv6',
-      render: ({ data }: { data: HostDetails}) => data.ipv6 || '--',
+      render: ({ data }: { data: HostInfo}) => data.ipv6 || '--',
     },
     {
       label: '管控区域',
@@ -80,7 +80,7 @@
     {
       label: 'Agent 状态',
       field: 'agent',
-      render: ({ data }: { data: HostDetails}) => {
+      render: ({ data }: { data: HostInfo}) => {
         const info = data.alive === 1 ? { theme: 'success', text: t('正常') } : { theme: 'danger', text: t('异常') };
         return (
           <DbStatus theme={info.theme}>
diff --git a/dbm-ui/frontend/src/views/task-history/components/PreviewHost.vue b/dbm-ui/frontend/src/views/task-history/components/PreviewHost.vue
index 02ade84a6e..8ebfc9934d 100644
--- a/dbm-ui/frontend/src/views/task-history/components/PreviewHost.vue
+++ b/dbm-ui/frontend/src/views/task-history/components/PreviewHost.vue
@@ -54,7 +54,7 @@
   import { useRequest } from 'vue-request';
 
   import { getHostDetails } from '@services/source/ipchooser';
-  import type { HostDetails } from '@services/types';
+  import type { HostInfo } from '@services/types';
 
   import { useCopy } from '@hooks';
 
@@ -82,15 +82,15 @@
   }, {
     label: 'IPv6',
     field: 'ipv6',
-    render: ({ data }: {data: HostDetails}) => data.ipv6 || '--',
+    render: ({ data }: {data: HostInfo}) => data.ipv6 || '--',
   }, {
     label: t('管控区域'),
     field: 'bk_cloud_name',
-    render: ({ data }: {data: HostDetails}) => data.cloud_area.name || '--',
+    render: ({ data }: {data: HostInfo}) => data.cloud_area.name || '--',
   }, {
     label: t('Agent状态'),
     field: 'alive',
-    render: ({ data }: {data: HostDetails}) => {
+    render: ({ data }: {data: HostInfo}) => {
       if (typeof data.alive !== 'number') return '--';
 
       const text = [t('异常'), t('正常')];
@@ -99,27 +99,27 @@
   }, {
     label: t('主机名称'),
     field: 'host_name',
-    render: ({ data }: {data: HostDetails}) => data.host_name || '--',
+    render: ({ data }: {data: HostInfo}) => data.host_name || '--',
   }, {
     label: t('OS名称'),
     field: 'os_name',
-    render: ({ data }: {data: HostDetails}) => data.os_name || '--',
+    render: ({ data }: {data: HostInfo}) => data.os_name || '--',
   }, {
     label: t('所属云厂商'),
     field: 'cloud_vendor',
-    render: ({ data }: {data: HostDetails}) => data.cloud_vendor || '--',
+    render: ({ data }: {data: HostInfo}) => data.cloud_vendor || '--',
   }, {
     label: t('OS类型'),
     field: 'os_type',
-    render: ({ data }: {data: HostDetails}) => data.os_type || '--',
+    render: ({ data }: {data: HostInfo}) => data.os_type || '--',
   }, {
     label: t('主机ID'),
     field: 'host_id',
-    render: ({ data }: {data: HostDetails}) => data.host_id || '--',
+    render: ({ data }: {data: HostInfo}) => data.host_id || '--',
   }, {
     label: 'Agent ID',
     field: 'agent_id',
-    render: ({ data }: {data: HostDetails}) => data.agent_id || '--',
+    render: ({ data }: {data: HostInfo}) => data.agent_id || '--',
   }];
   const settings = {
     fields: columns.map(item => ({
diff --git a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/InstanceList.vue b/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/InstanceList.vue
index bfe54657d6..56fccd4a22 100644
--- a/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/InstanceList.vue
+++ b/dbm-ui/frontend/src/views/temporary-paassword-modify/index/components/form-item/InstanceList.vue
@@ -46,11 +46,11 @@
   import { useRequest } from 'vue-request';
 
   import TendbhaInstanceModel from '@services/model/mysql/tendbha-instance';
-  import TendbInstanceModel from '@services/model/spider/tendbInstance';
   import SqlServerHaInstanceModel from '@services/model/sqlserver/sqlserver-ha-instance';
   import SqlServerSingleInstanceModel from '@services/model/sqlserver/sqlserver-single-instance';
+  import TendbclusterInstanceModel from '@services/model/tendbcluster/tendbcluster-instance';
   import { queryAdminPassword } from '@services/source/permission';
-  import { getSpiderInstanceList } from '@services/source/spider';
+  import { getTendbclusterInstanceList } from '@services/source/tendbcluster';
   import { getTendbhaInstanceList } from '@services/source/tendbha';
 
   import { clusterTypeInfos,ClusterTypes } from '@common/const';
@@ -58,7 +58,7 @@
   import InstanceSelector, { type InstanceSelectorValues, type IValue, type PanelListType } from '@components/instance-selector/Index.vue';
 
 
-  type IRowData = TendbhaInstanceModel|TendbInstanceModel|SqlServerHaInstanceModel|SqlServerSingleInstanceModel
+  type IRowData = TendbhaInstanceModel|TendbclusterInstanceModel|SqlServerHaInstanceModel|SqlServerSingleInstanceModel
 
   const { t } = useI18n();
 
@@ -87,7 +87,7 @@
       {
         name: 'TendbCluster',
         tableConfig: {
-          getTableList: (params: ServiceParameters<typeof getSpiderInstanceList>) => getSpiderInstanceList({
+          getTableList: (params: ServiceParameters<typeof getTendbclusterInstanceList>) => getTendbclusterInstanceList({
             ...params,
             spider_ctl: true,
           }),
@@ -110,7 +110,7 @@
   const instanceSelectorValue = shallowRef<Record<string, IValue[]>>({
     [ClusterTypes.TENDBSINGLE]: [] as TendbhaInstanceModel[],
     [ClusterTypes.TENDBHA]: [] as TendbhaInstanceModel[],
-    [ClusterTypes.TENDBCLUSTER]: [] as TendbInstanceModel[],
+    [ClusterTypes.TENDBCLUSTER]: [] as TendbclusterInstanceModel[],
     [ClusterTypes.SQLSERVER_HA]: [] as SqlServerHaInstanceModel[],
     [ClusterTypes.SQLSERVER_SINGLE]: [] as SqlServerSingleInstanceModel[],
   });
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/openarea/components/PermissionRule.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/openarea/components/PermissionRule.vue
index 8b7547cd5a..1045db8e7c 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/openarea/components/PermissionRule.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/openarea/components/PermissionRule.vue
@@ -24,7 +24,7 @@
   import { useI18n } from 'vue-i18n';
   import { useRequest } from 'vue-request';
 
-  import MysqlPermissonAccountModel from '@services/model/mysql-permisson/mysql-permission-account';
+  import MysqlPermissonAccountModel from '@services/model/mysql/mysql-permission-account';
   import { getPermissionRules } from '@services/source/permission';
 
   import { useGlobalBizs } from '@stores';
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/AddNodes.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/AddNodes.vue
index aaa1bb9205..3c7b938e78 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/AddNodes.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/AddNodes.vue
@@ -27,7 +27,7 @@
   import type { SpiderAddNodesDeatils } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
   import { getResourceSpecList } from '@services/source/dbresourceSpec';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderAddNodesDeatils>
@@ -75,7 +75,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [{
       bk_biz_id: props.ticketDetails.bk_biz_id,
       offset: 0,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/CheckSum.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/CheckSum.vue
index d6f4146d8e..9415680d9c 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/CheckSum.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/CheckSum.vue
@@ -49,7 +49,7 @@
 
   import type { SpiderCheckSumDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   import { utcDisplayTime } from '@utils';
 
@@ -123,7 +123,7 @@
     },
   ];
 
-  useRequest(getSpiderListByBizId, {
+  useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Destroy.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Destroy.vue
index 5830d07bc5..14309ded90 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Destroy.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Destroy.vue
@@ -31,7 +31,7 @@
 
   import type { SpiderDestroyDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderDestroyDetails>;
@@ -56,7 +56,7 @@
     },
   ];
 
-  useRequest(getSpiderListByBizId, {
+  useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Disable.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Disable.vue
index 73847762dd..bb4056ec71 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Disable.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Disable.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderDisableDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderDisableDetails>;
@@ -50,7 +50,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Enable.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Enable.vue
index 7c2d8c8ce6..06274817c1 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Enable.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Enable.vue
@@ -31,7 +31,7 @@
 
   import type { SpiderEnableDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderEnableDetails>;
@@ -56,7 +56,7 @@
     },
   ];
 
-  useRequest(getSpiderListByBizId, {
+  useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Flashback.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Flashback.vue
index 3deb17ce64..d0260d9200 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Flashback.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/Flashback.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderFlashbackDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   import { utcDisplayTime } from '@utils';
 
@@ -87,7 +87,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/FullBackup.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/FullBackup.vue
index 8fa65cb5d0..bf8b9a7abb 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/FullBackup.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/FullBackup.vue
@@ -37,7 +37,7 @@
 
   import type { SpiderFullBackupDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderFullBackupDetails>;
@@ -89,7 +89,7 @@
     return fileTagMap[fileTag];
   });
 
-  useRequest(getSpiderListByBizId, {
+  useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTApply.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTApply.vue
index 421025417b..5eb3b364d6 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTApply.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTApply.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderMNTApplyDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderMNTApplyDetails>;
@@ -57,7 +57,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTDestroy.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTDestroy.vue
index a8a151b7c8..76d815dd6c 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTDestroy.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MNTDestroy.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderMNTDestroyDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderMNTDestroyDetails>;
@@ -56,7 +56,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/NodeRebalance.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/NodeRebalance.vue
index 94e4e4a595..ea107b9ed3 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/NodeRebalance.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/NodeRebalance.vue
@@ -45,7 +45,7 @@
   import type { SpiderNodeRebalanceDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
   import { getResourceSpecList } from '@services/source/dbresourceSpec';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   import { utcDisplayTime } from '@utils';
 
@@ -105,7 +105,7 @@
     },
   ];
 
-  useRequest(getSpiderListByBizId, {
+  useRequest(getTendbclusterListByBizId, {
     defaultParams: [{
       bk_biz_id: props.ticketDetails.bk_biz_id,
       offset: 0,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/ReduceNodes.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/ReduceNodes.vue
index ec3eff5139..ec35c7b7db 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/ReduceNodes.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/ReduceNodes.vue
@@ -27,7 +27,7 @@
   import type { SpiderReduceNodesDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
   import { getResourceSpecList } from '@services/source/dbresourceSpec';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderReduceNodesDetails>
@@ -83,7 +83,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [{
       bk_biz_id: props.ticketDetails.bk_biz_id,
       offset: 0,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/RenameDatabase.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/RenameDatabase.vue
index 615d1ae119..b29555a2f5 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/RenameDatabase.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/RenameDatabase.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderRenameDatabaseDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderRenameDatabaseDetails>;
@@ -62,7 +62,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveApply.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveApply.vue
index d5ece1ccc1..6be0087bdf 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveApply.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveApply.vue
@@ -27,7 +27,7 @@
   import type { SpiderSlaveApplyDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
   import { getResourceSpecList } from '@services/source/dbresourceSpec';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderSlaveApplyDetails>
@@ -68,7 +68,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [{
       bk_biz_id: props.ticketDetails.bk_biz_id,
       offset: 0,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveDestroy.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveDestroy.vue
index 62b98e5d75..d5429a105a 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveDestroy.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/SlaveDestroy.vue
@@ -31,7 +31,7 @@
 
   import type { SpiderSlaveDestroyDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderSlaveDestroyDetails>;
@@ -56,7 +56,7 @@
     },
   ];
 
-  useRequest(getSpiderListByBizId, {
+  useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TableBackup.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TableBackup.vue
index c1655d899c..f6d0468730 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TableBackup.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TableBackup.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderTableBackupDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderTableBackupDetails>;
@@ -80,7 +80,7 @@
     },
   ];
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TruncateDatabase.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TruncateDatabase.vue
index f197086544..0766c30d87 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TruncateDatabase.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/TruncateDatabase.vue
@@ -25,7 +25,7 @@
 
   import type { SpiderTruncateDatabaseDetails } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   interface Props {
     ticketDetails: TicketModel<SpiderTruncateDatabaseDetails>;
@@ -87,7 +87,7 @@
     drop_database: t('删除整库_dropdatabase'),
   };
 
-  const { loading } = useRequest(getSpiderListByBizId, {
+  const { loading } = useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
         bk_biz_id: props.ticketDetails.bk_biz_id,
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/rollback/components/RollbackExistCluster.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/rollback/components/RollbackExistCluster.vue
index accb82f007..2d40fe9b46 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/rollback/components/RollbackExistCluster.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/rollback/components/RollbackExistCluster.vue
@@ -21,10 +21,10 @@
 <script setup lang="tsx">
   import { useI18n } from 'vue-i18n';
 
-  import type SpiderModel from '@services/model/spider/spider';
+  import type TendbclusterModel from '@services/model/tendbcluster/tendbcluster';
   import type { MySQLRollbackDetails } from '@services/model/ticket/details/mysql';
   import TicketModel from '@services/model/ticket/ticket';
-  import { getSpiderListByBizId } from '@services/source/spider';
+  import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 
   import { type BackupSources, selectList } from '@views/db-manage/mysql/rollback/pages/page1/components/common/const';
 
@@ -129,7 +129,7 @@
     },
   ];
 
-  const targetClusters = shallowRef<Array<SpiderModel>>([]);
+  const targetClusters = shallowRef<Array<TendbclusterModel>>([]);
 
   const tableData = computed(()=>{
     const { clusters, infos } = props.ticketDetails.details;
@@ -145,7 +145,7 @@
     ()=> props.ticketDetails.details,
     () => {
       const targetClusterIds = props.ticketDetails.details.infos.map(item => Number(item.target_cluster_id));
-      getSpiderListByBizId({
+      getTendbclusterListByBizId({
         cluster_ids: targetClusterIds,
         bk_biz_id: props.ticketDetails.bk_biz_id,
       }).then((data) => {
diff --git a/dbm-ui/frontend/src/views/tickets/common/hooks/useTargetClusterData.ts b/dbm-ui/frontend/src/views/tickets/common/hooks/useTargetClusterData.ts
index 2caa1f6811..8977decf45 100644
--- a/dbm-ui/frontend/src/views/tickets/common/hooks/useTargetClusterData.ts
+++ b/dbm-ui/frontend/src/views/tickets/common/hooks/useTargetClusterData.ts
@@ -16,7 +16,7 @@ import { useI18n } from 'vue-i18n';
 
 import type { MysqlAuthorizationDetails } from '@services/model/ticket/details/mysql';
 import TicketModel from '@services/model/ticket/ticket';
-import { getResourcesByBizId as getSpiderResources } from '@services/source/spider';
+import { getTendbclusterListByBizId } from '@services/source/tendbcluster';
 import { getTendbhaListByBizId } from '@services/source/tendbha';
 import { getTendbsingleListByBizId } from '@services/source/tendbsingle';
 
@@ -31,7 +31,7 @@ export function useTargetClusterData(ticketDetails: TicketModel<MysqlAuthorizati
   const apiMap = {
     [ClusterTypes.TENDBSINGLE]: getTendbsingleListByBizId,
     [ClusterTypes.TENDBHA]: getTendbhaListByBizId,
-    spider: getSpiderResources,
+    [ClusterTypes.TENDBCLUSTER]: getTendbclusterListByBizId,
   };
 
   const listState = reactive({
@@ -76,11 +76,7 @@ export function useTargetClusterData(ticketDetails: TicketModel<MysqlAuthorizati
    * 获取目标集群列表
    */
   const fetchCluster = () => {
-    const type = (
-      ticketDetails?.details?.authorize_data?.cluster_type === ClusterTypes.TENDBCLUSTER
-        ? 'spider'
-        : ticketDetails?.details?.authorize_data?.cluster_type
-    ) as keyof typeof apiMap;
+    const type = ticketDetails?.details?.authorize_data?.cluster_type as keyof typeof apiMap;
 
     if (!apiMap[type]) {
       return;