diff --git a/dbm-ui/frontend/src/components/instance-selector/components/tendb-cluster-host/table/Index.vue b/dbm-ui/frontend/src/components/instance-selector/components/tendb-cluster-host/table/Index.vue
index 28f125de2e..4dc1d0f3d6 100644
--- a/dbm-ui/frontend/src/components/instance-selector/components/tendb-cluster-host/table/Index.vue
+++ b/dbm-ui/frontend/src/components/instance-selector/components/tendb-cluster-host/table/Index.vue
@@ -186,7 +186,7 @@
       field: props.firsrColumn?.field ? props.firsrColumn.field : 'instance_address',
     },
     {
-      label: t('关联的从库实例'),
+      label: t('关联实例'),
       field: 'related_instances',
       showOverflowTooltip: true,
       width: 200,
diff --git a/dbm-ui/frontend/src/locales/zh-cn.json b/dbm-ui/frontend/src/locales/zh-cn.json
index 8dbbbbb676..06a40ca3c8 100644
--- a/dbm-ui/frontend/src/locales/zh-cn.json
+++ b/dbm-ui/frontend/src/locales/zh-cn.json
@@ -3606,5 +3606,6 @@
   "无只读主机": "无只读主机",
   "批量录入：按行录入，快速批量输入多个单元格的值": "批量录入：按行录入，快速批量输入多个单元格的值",
   "高可用": "高可用",
+  "关联实例": "关联实例",
   "这行勿动！新增翻译请在上一行添加！": ""
 }
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 a9087af5d3..7bd482cd91 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
@@ -26,6 +26,7 @@
           :key="item.rowKey"
           ref="rowRefs"
           :data="item"
+          :inputed-ips="inputedIps"
           :removeable="tableData.length < 2"
           @add="(payload: Array<IDataRow>) => handleAppend(index, payload)"
           @clone="(payload: IDataRow) => handleClone(index, payload)"
@@ -129,6 +130,7 @@
 
   const selected = shallowRef({ TendbClusterHost: [] } as InstanceSelectorValues<IValue>);
 
+  const inputedIps = computed(() => tableData.value.map((item) => item.clusterData.ip));
   const totalNum = computed(() => tableData.value.filter((item) => Boolean(item.clusterData.ip)).length);
 
   // ip 是否已存在表格的映射表
@@ -222,6 +224,11 @@
       masterInstanceList: spiderMachineItem.related_instances,
     });
     ipMemo[ip] = true;
+    Object.keys(ipMemo).forEach((ip) => {
+      if (ipMemo[ip]) {
+        selected.value.TendbClusterHost.push({ ip } as IValue);
+      }
+    });
   };
 
   // 追加一个集群
@@ -264,7 +271,7 @@
   const handleSubmit = async () => {
     try {
       isSubmitting.value = true;
-      const rowDataList = await Promise.all(rowRefs.value!.map((item) => item.getValue()));
+      const infos = await Promise.all(rowRefs.value!.map((item) => item.getValue()));
       const params = {
         bk_biz_id: currentBizId,
         ticket_type: TicketTypes.TENDBCLUSTER_MIGRATE_CLUSTER,
@@ -272,24 +279,9 @@
         details: {
           ...formData,
           ip_source: 'manual_input',
-          infos: rowDataList.map((rowItem, rowIndex) => {
-            const { clusterData } = tableData.value[rowIndex];
-            return {
-              cluster_id: clusterData.clusterId,
-              new_master: rowItem.newInstaceList[0],
-              new_slave: rowItem.newInstaceList[1],
-              old_master: {
-                ip: clusterData.ip,
-                bk_cloud_id: clusterData.cloudId,
-                bk_host_id: clusterData.hostId,
-                bk_biz_id: currentBizId,
-              },
-              old_slave: rowItem.old_master,
-            };
-          }),
+          infos,
         },
       };
-
       await createTicket(params).then((data) => {
         window.changeConfirm = false;
         router.push({
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderMasterHost.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderMasterHost.vue
index a3faf5d7f8..3a30a7c5dd 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderMasterHost.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderMasterHost.vue
@@ -22,9 +22,6 @@
   </div>
 </template>
 
-<script lang="ts">
-  const hostsMemo: { [key: string]: Record<string, boolean> } = {};
-</script>
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
 
@@ -36,10 +33,9 @@
 
   import TableEditInput from '@components/render-table/columns/input/index.vue';
 
-  import { random } from '@utils';
-
   interface Props {
     ip?: string;
+    inputedIps?: string[];
   }
 
   interface Emits {
@@ -47,22 +43,30 @@
   }
 
   interface Exposes {
-    getValue: () => Promise<string>;
+    getValue: () => Promise<{
+      cluster_id: number;
+      old_master: {
+        bk_biz_id: number;
+        bk_cloud_id: number;
+        bk_host_id: number;
+        ip: string;
+      };
+    }>;
   }
 
   const props = withDefaults(defineProps<Props>(), {
     ip: '',
+    inputedIps: () => [],
   });
-  const emits = defineEmits<Emits>();
 
-  const instanceKey = `render_host_${random()}`;
-  hostsMemo[instanceKey] = {};
+  const emits = defineEmits<Emits>();
 
   const { currentBizId } = useGlobalBizs();
   const { t } = useI18n();
 
   const localValue = ref(props.ip);
   const editRef = ref();
+  const hostInfo = ref<ServiceReturnType<typeof checkMysqlInstances>[number]>();
 
   const rules = [
     {
@@ -80,7 +84,9 @@
           instance_addresses: [value],
         });
         if (data.length > 0) {
+          [hostInfo.value] = data;
           localValue.value = data[0].ip;
+          emits('inputFinish', value);
           return true;
         }
         return false;
@@ -88,27 +94,7 @@
       message: t('目标主机不存在'),
     },
     {
-      validator: () => {
-        const currentClusterSelectMap = hostsMemo[instanceKey];
-        const otherClusterMemoMap = { ...hostsMemo };
-        delete otherClusterMemoMap[instanceKey];
-
-        const otherClusterIdMap = Object.values(otherClusterMemoMap).reduce(
-          (result, item) => ({
-            ...result,
-            ...item,
-          }),
-          {} as Record<string, boolean>,
-        );
-
-        const currentSelectClusterIdList = Object.keys(currentClusterSelectMap);
-        for (let i = 0; i < currentSelectClusterIdList.length; i++) {
-          if (otherClusterIdMap[currentSelectClusterIdList[i]]) {
-            return false;
-          }
-        }
-        return true;
-      },
+      validator: (value: string) => props.inputedIps.filter((item) => item === value).length < 2,
       message: t('目标主机重复'),
     },
   ];
@@ -116,9 +102,9 @@
   // 同步外部值
   watch(
     () => props.ip,
-    (newIp) => {
-      if (newIp) {
-        localValue.value = newIp;
+    () => {
+      if (props.ip) {
+        localValue.value = props.ip;
       }
     },
     {
@@ -130,7 +116,9 @@
     localValue,
     () => {
       if (localValue.value) {
-        hostsMemo[instanceKey][localValue.value] = true;
+        setTimeout(() => {
+          editRef.value!.getValue();
+        });
       }
     },
     {
@@ -139,20 +127,20 @@
   );
 
   const handleInputFinish = (value: string) => {
-    hostsMemo[instanceKey][localValue.value] = true;
-    emits('inputFinish', value);
+    localValue.value = value;
   };
 
-  onBeforeUnmount(() => {
-    delete hostsMemo[instanceKey];
-  });
-
   defineExpose<Exposes>({
     getValue() {
-      return editRef.value
-        .getValue()
-        .then(() => localValue.value)
-        .catch(() => Promise.reject(localValue.value));
+      return editRef.value!.getValue().then(() => ({
+        cluster_id: hostInfo.value?.cluster_id,
+        old_master: {
+          ip: hostInfo.value?.ip,
+          bk_cloud_id: hostInfo.value?.bk_cloud_id,
+          bk_host_id: hostInfo.value?.bk_host_id,
+          bk_biz_id: currentBizId,
+        },
+      }));
     },
   });
 </script>
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 7f2f2a8305..cf7709657e 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
@@ -96,7 +96,6 @@
       }"
       :data="localHostList"
       :disable-dialog-submit-method="disableDialogSubmitMethod"
-      :disable-host-method="disableHostMethod"
       :os-types="[OSTypes.Linux]"
       service-mode="idle_only"
       :show-view="false"
@@ -123,7 +122,26 @@
 </template>
 
 <script lang="ts">
+  import { checkHost, getHostTopoInfos } from '@services/source/ipchooser';
+  import type { HostInfo } from '@services/types';
+
+  import type { HostItem, IDataRow } from './Row.vue';
+
   const singleHostSelectMemo: { [key: string]: Record<string, boolean> } = {};
+
+  type HostTopoInfo = ServiceReturnType<typeof getHostTopoInfos>['hosts_topo_info'][number];
+
+  interface Props {
+    clusterData: IDataRow['clusterData'];
+    newHostList: IDataRow['newHostList'];
+  }
+
+  interface Exposes {
+    getValue: () => Promise<{
+      new_master: HostItem;
+      new_slave: HostItem;
+    }>;
+  }
 </script>
 
 <script setup lang="ts">
@@ -131,9 +149,6 @@
   import tippy, { type Instance, type SingleTarget } from 'tippy.js';
   import { useI18n } from 'vue-i18n';
 
-  import { checkHost, getHostTopoInfos } from '@services/source/ipchooser';
-  import type { HostInfo } from '@services/types';
-
   import { useGlobalBizs } from '@stores';
 
   import { OSTypes } from '@common/const';
@@ -145,26 +160,6 @@
 
   import { random } from '@utils';
 
-  import type { IDataRow } from './Row.vue';
-
-  type HostTopoInfo = ServiceReturnType<typeof getHostTopoInfos>['hosts_topo_info'][number];
-
-  interface Props {
-    clusterData: IDataRow['clusterData'];
-    newHostList: IDataRow['newHostList'];
-  }
-
-  interface Exposes {
-    getValue: () => Promise<
-      {
-        ip: string;
-        bk_cloud_id: number;
-        bk_host_id: number;
-        bk_biz_id: number;
-      }[]
-    >;
-  }
-
   const props = defineProps<Props>();
 
   const genHostKey = (hostData: HostTopoInfo) => `#${hostData.bk_cloud_id}#${hostData.ip}`;
@@ -303,7 +298,12 @@
   watch(
     () => props.newHostList,
     () => {
-      localValue.value = props.newHostList.join(',');
+      if (props.newHostList.length > 0) {
+        localValue.value = props.newHostList.join(',');
+        setTimeout(() => {
+          inputRef.value!.getValue();
+        });
+      }
     },
     {
       immediate: true,
@@ -344,13 +344,14 @@
     isShowIpSelector.value = true;
   };
 
-  const disableDialogSubmitMethod = (hostList: HostInfo[]) => (hostList.length === 2 ? false : t('需n台', { n: 2 }));
-
-  const disableHostMethod = (data: HostInfo, list: HostInfo[]) => (list.length >= 2 ? t('仅需n台', { n: 2 }) : false);
+  const disableDialogSubmitMethod = (hostList: HostInfo[]) => (hostList.length === 2 ? false : t('仅需n台', { n: 2 }));
 
   const handleHostChange = (hostList: HostInfo[]) => {
     localHostList.value = hostList;
     localValue.value = hostList.map((hostItem) => hostItem.ip).join(',');
+    setTimeout(() => {
+      inputRef.value!.getValue();
+    });
   };
 
   const handleConflictHostChange = (hostData: HostTopoInfo, checked: boolean) => {
@@ -381,10 +382,10 @@
         bk_host_id: hostItem.host_id,
         bk_biz_id: hostItem.biz.id,
       }));
-      return inputRef
-        .value!.getValue()
-        .then(() => Promise.resolve(hostList))
-        .catch(() => Promise.reject(hostList));
+      return inputRef.value!.getValue().then(() => ({
+        new_master: hostList[0],
+        new_slave: hostList[1],
+      }));
     },
   });
 </script>
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 54206e1b9e..d09c518049 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
@@ -40,12 +40,14 @@
     (e: 'change', value: string): void;
   }
 
-  interface Expose {
+  interface Exposes {
     getValue: () => Promise<{
-      ip: string;
-      bk_cloud_id: number;
-      bk_host_id: number;
-      bk_biz_id: number;
+      old_slave: {
+        bk_biz_id: number;
+        bk_cloud_id: number;
+        bk_host_id: number;
+        ip: string;
+      };
     }>;
   }
 
@@ -94,18 +96,16 @@
     },
   );
 
-  defineExpose<Expose>({
+  defineExpose<Exposes>({
     getValue() {
-      const slave = slaveInfo.value;
-      if (slave) {
-        return Promise.resolve({
-          ip: slave.ip,
-          bk_cloud_id: slave.bk_cloud_id,
-          bk_host_id: slave.bk_host_id,
-          bk_biz_id: slave.bk_biz_id,
-        });
-      }
-      return textRef.value!.getValue();
+      return textRef.value!.getValue().then(() => ({
+        old_slave: {
+          ip: slaveInfo.value?.ip,
+          bk_cloud_id: slaveInfo.value?.bk_cloud_id,
+          bk_host_id: slaveInfo.value?.bk_host_id,
+          bk_biz_id: slaveInfo.value?.bk_biz_id,
+        },
+      }));
     },
   });
 </script>
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/Row.vue
index 111ca8262c..66ed82292d 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/Row.vue
@@ -15,7 +15,8 @@
   <tr>
     <td style="padding: 0">
       <RenderMasterHost
-        ref="hostRef"
+        ref="masterRef"
+        :inputed-ips="inputedIps"
         :ip="data.clusterData.ip"
         @input-finish="handleInputFinish" />
     </td>
@@ -26,7 +27,7 @@
     </td>
     <td style="padding: 0">
       <RenderSlaveHost
-        ref="slavaRef"
+        ref="slaveRef"
         :cloud-id="data.clusterData.cloudId"
         :ip="data.clusterData.ip"
         :placeholder="t('输入主机后自动生成')"
@@ -102,12 +103,11 @@
     masterInstanceList: [] as IDataRow['masterInstanceList'],
     newHostList: [],
   });
-</script>
 
-<script setup lang="ts">
   interface Props {
     data: IDataRow;
     removeable: boolean;
+    inputedIps: string[];
   }
 
   interface Emits {
@@ -117,29 +117,35 @@
     (e: 'hostInputFinish', value: string): void;
   }
 
-  interface HostItem {
-    ip: string;
+  export interface HostItem {
+    bk_biz_id: number;
     bk_cloud_id: number;
     bk_host_id: number;
-    bk_biz_id: number;
+    ip: string;
   }
 
   interface Exposes {
     getValue: () => Promise<{
-      newInstaceList: HostItem[];
+      cluster_id: number;
       old_master: HostItem;
+      old_slave: HostItem;
+      new_master: HostItem;
+      new_slave: HostItem;
     }>;
   }
+</script>
 
+<script setup lang="ts">
   const props = defineProps<Props>();
+
   const emits = defineEmits<Emits>();
 
   const { t } = useI18n();
 
-  const hostRef = ref<InstanceType<typeof RenderMasterHost>>();
-  const instanceRef = ref<InstanceType<typeof RenderNewInstace>>();
-  const slavaRef = ref<InstanceType<typeof RenderSlaveHost>>();
+  const masterRef = ref<InstanceType<typeof RenderMasterHost>>();
+  const slaveRef = ref<InstanceType<typeof RenderSlaveHost>>();
   const slaveHost = ref('');
+  const instanceRef = ref<InstanceType<typeof RenderNewInstace>>();
 
   const masterInstanceList = computed(() =>
     props.data.masterInstanceList.map((instanceItem) => instanceItem.instance).join('\n'),
@@ -164,37 +170,35 @@
     emits('remove');
   };
 
-  const getRowData = () => [hostRef.value!.getValue(), instanceRef.value!.getValue(), slavaRef.value!.getValue()];
-
   const handleClone = () => {
-    Promise.allSettled(getRowData()).then((rowData) => {
-      const [ip, newInstaceList] = rowData.map((item) => (item.status === 'fulfilled' ? item.value : item.reason));
+    Promise.all([masterRef.value!.getValue(), instanceRef.value!.getValue()]).then(([masterData, instanceData]) => {
       emits('clone', {
         rowKey: random(),
         isLoading: false,
         clusterData: {
-          ip,
-          clusterId: 0,
+          ip: masterData.old_master.ip,
+          clusterId: masterData.cluster_id,
           domain: '',
-          cloudId: 0,
+          cloudId: masterData.old_master.bk_cloud_id,
           cloudName: '',
-          hostId: 0,
+          hostId: masterData.old_master.bk_host_id,
         },
         masterInstanceList: [],
-        newHostList: newInstaceList.map((item: { ip: string }) => item.ip),
+        newHostList: [instanceData.new_master.ip, instanceData.new_slave.ip],
       });
     });
   };
 
   defineExpose<Exposes>({
-    async getValue() {
-      return Promise.all(getRowData()).then((data) => {
-        const [ip, newInstaceList, oldMaster] = data;
-        return {
-          newInstaceList,
-          old_master: oldMaster,
-        };
-      });
+    getValue() {
+      return Promise.all([masterRef.value!.getValue(), slaveRef.value!.getValue(), instanceRef.value!.getValue()]).then(
+        ([masterData, slaveData, instanceData]) =>
+          ({
+            ...masterData,
+            ...slaveData,
+            ...instanceData,
+          }) as ServiceReturnType<Exposes['getValue']>,
+      );
     },
   });
 </script>
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MigrateCluster.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MigrateCluster.vue
index ccfa60a5bc..0554aa575a 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MigrateCluster.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/spider/MigrateCluster.vue
@@ -13,12 +13,14 @@
 
 <template>
   <DbOriginalTable
-    class="details-migrate__table"
     :columns="columns"
-    :data="dataList" />
-  <DemandInfo
-    :config="config"
-    :data="ticketDetails" />
+    :data="tableData" />
+  <div class="ticket-details-item">
+    <span class="ticket-details-item-label">{{ t('备份源') }}：</span>
+    <span class="ticket-details-item-value">
+      {{ props.ticketDetails.details.backup_source === 'local' ? t('本地备份') : t('远程备份') }}
+    </span>
+  </div>
 </template>
 
 <script setup lang="tsx">
@@ -26,92 +28,107 @@
 
   import type { SpiderMigrateCluster } from '@services/model/ticket/details/spider';
   import TicketModel from '@services/model/ticket/ticket';
-
-  import DemandInfo, {
-    type DemandInfoConfig,
-  } from '../components/DemandInfo.vue';
+  import { checkInstance } from '@services/source/dbbase';
 
   interface Props {
     ticketDetails: TicketModel<SpiderMigrateCluster>
   }
 
-  type dataItem = {
-    clusterId: number,
-    newMasterIp: string,
-    newSlaveIp: string,
-    domain: string,
-    name: string,
+  interface IDataRow {
+    oldMasterIp: string,
+    oldMasterRelatedInstance: string[],
+    oldSlaveIp: string,
+    oldSlaveRelatedInstance: string[],
+    clusterDomain: string,
+    clusterName: string,
+    newIps: string
   }
 
   const props = defineProps<Props>();
 
   const { t } = useI18n();
 
-  const config: DemandInfoConfig[] = [
+  const columns = [
     {
-      list: [
-        {
-          label: t('备份源'),
-          key: 'details.backup_source',
-          render: () => props.ticketDetails.details.backup_source === 'local' ? t('本地备份') : t('远程备份')
-        },
-      ],
+      label: t('目标主库主机'),
+      field: 'oldMasterIp',
+      render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
     },
-  ]
-
-  const columns = [
     {
-      label: t('集群ID'),
-      field: 'clusterId',
+      label: t('主库主机关联实例'),
+      field: 'oldMasterRelatedInstance',
+      render: ({ data }: { data: IDataRow }) => data.oldMasterRelatedInstance.map((item: string) => <p class="mb-4">{item}</p>),
+    },
+    {
+      label: t('目标从库主机'),
+      field: 'oldSlaveIp',
       render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
     },
+    {
+      label: t('从库主机关联实例'),
+      field: 'oldSlaveRelatedInstance',
+      render: ({ data }: { data: IDataRow }) => data.oldSlaveRelatedInstance.map((item: string) => <p class="mb-4">{item}</p>),
+    },
     {
       label: t('集群名称'),
-      field: 'immute_domain',
       showOverflowTooltip: false,
-      render: ({ data }: { data: dataItem }) => (
+      render: ({ data }: { data: IDataRow }) => (
         <div class="cluster-name text-overflow"
           v-overflow-tips={{
             content: `
-              <p>${t('域名')}：${data.domain}</p>
-              ${data.name ? `<p>${('集群别名')}：${data.name}</p>` : null}
-            `,
+                    <p>${t('域名')}：${data.clusterDomain}</p>
+                    ${data.clusterName ? `<p>${('集群别名')}：${data.clusterName}</p>` : null}
+                  `,
             allowHTML: true,
-        }}>
-          <span>{data.domain}</span><br />
-          <span class="cluster-name__alias">{data.name}</span>
+          }}>
+          <span>{data.clusterDomain}</span><br />
+          <span class="cluster-name__alias">{data.clusterName}</span>
         </div>
       ),
     },
     {
-      label: t('新主库IP'),
-      field: 'newMasterIp',
+      label: t('新实例'),
+      field: 'newIps',
       render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
     },
-    {
-      label: t('新从库IP'),
-      field: 'newSlaveIp',
-      render: ({ cell }: { cell: string }) => <span>{cell || '--'}</span>,
-    }
   ];
 
-  const dataList = computed(() => {
-    const { infos, clusters } = props.ticketDetails.details;
-    const result: dataItem[] = []
-    infos.forEach(infoItem => {
-      const clusterData = clusters[infoItem.cluster_id];
-      result.push({
-        clusterId: infoItem.cluster_id,
-        newMasterIp: infoItem.new_master.ip,
-        newSlaveIp: infoItem.new_slave.ip,
-        domain: clusterData.immute_domain,
-        name: clusterData.name,
-      })
-    })
-    return result;
-  });
+  const tableData = shallowRef<IDataRow[]>([]);
+
+  watch(
+    () => props.ticketDetails.details,
+    async () => {
+      const { infos, clusters } = props.ticketDetails.details;
+      const oldIps = infos.flatMap(info => [info.old_master.ip, info.old_slave.ip]);
+
+      const instanceList = await checkInstance({
+        instance_addresses: oldIps,
+        bk_biz_id: props.ticketDetails.bk_biz_id,
+      });
+
+      const instancesByIp = instanceList.reduce<Record<string, string[]>>((acc, { ip, instance_address }) => {
+        acc[ip] = acc[ip] || [];
+        acc[ip].push(instance_address);
+        return acc;
+      }, {});
+
+      tableData.value = infos.map(info => ({
+        oldMasterIp: info.old_master.ip,
+        oldMasterRelatedInstance: instancesByIp[info.old_master.ip],
+        oldSlaveIp: info.old_slave.ip,
+        oldSlaveRelatedInstance: instancesByIp[info.old_slave.ip],
+        clusterDomain: clusters[info.cluster_id].immute_domain,
+        clusterName: clusters[info.cluster_id].name,
+        newIps: `${info.new_master.ip}, ${info.new_slave.ip}`,
+      }));
+    },
+    {
+      immediate: true,
+    }
+  );
 </script>
 
 <style lang="less" scoped>
   @import '@views/tickets/common/styles/DetailsTable.less';
+  @import '@views/tickets/common/styles/ticketDetails.less';
 </style>