diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbBackup.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbBackup.ts
index 7b8f0bc728..a3b9dcfb12 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbBackup.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbBackup.ts
@@ -18,18 +18,20 @@ import { random } from '@utils';
 // Mysql 全库备份
 export function generateMysqlDbBackupCloneData(ticketData: TicketModel<MySQLFullBackupDetails>) {
   const { clusters, infos } = ticketData.details;
-  const tableDataList = infos.clusters.map((item) => ({
+  const isNewProtocol = Array.isArray(infos);
+  const tableDataList = (isNewProtocol ? infos : infos.clusters).map((item) => ({
     rowKey: random(),
     clusterData: {
       id: item.cluster_id,
       domain: clusters[item.cluster_id].immute_domain,
+      type: clusters[item.cluster_id].cluster_type,
     },
     backupLocal: item.backup_local,
   }));
   return Promise.resolve({
     tableDataList,
-    backupType: infos.backup_type,
-    fileTag: infos.file_tag,
+    backupType: isNewProtocol ? ticketData.details.backup_type : infos.backup_type,
+    fileTag: isNewProtocol ? ticketData.details.file_tag : infos.file_tag,
     remark: ticketData.remark,
   });
 }
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbTableBackup.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbTableBackup.ts
index 1605c6a88a..8966753389 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbTableBackup.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/mysql/haDbTableBackup.ts
@@ -13,6 +13,8 @@
 import type { MySQLTableBackupDetails } from '@services/model/ticket/details/mysql';
 import TicketModel from '@services/model/ticket/ticket';
 
+import { ClusterTypes } from '@common/const';
+
 import { random } from '@utils';
 
 // Mysql 库表备份
@@ -24,6 +26,7 @@ export function generateMysqlDbTableBackupCloneData(ticketData: TicketModel<MySQ
       id: item.cluster_id,
       domain: clusters[item.cluster_id].immute_domain,
     },
+    backupLocal: item.backup_on || clusters[item.cluster_id].cluster_type === ClusterTypes.TENDBHA ? 'Slave' : 'Master',
     dbPatterns: item.db_patterns,
     tablePatterns: item.table_patterns,
     ignoreDbs: item.ignore_dbs,
diff --git a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/dbBackup.ts b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/dbBackup.ts
index 38475fc15a..f6e18d3f86 100644
--- a/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/dbBackup.ts
+++ b/dbm-ui/frontend/src/hooks/useTicketCloneInfo/generateCloneData/spider/dbBackup.ts
@@ -19,7 +19,8 @@ import { random } from '@utils';
 // Spider TenDBCluster 全备单据
 export function generateSpiderDbBackupCloneData(ticketData: TicketModel<SpiderFullBackupDetails>) {
   const { infos, clusters } = ticketData.details;
-  const tableDataList = infos.clusters.map((item) => {
+  const isNewProtocol = Array.isArray(infos);
+  const tableDataList = (isNewProtocol ? infos : infos.clusters).map((item) => {
     const clusterItem = clusters[item.cluster_id];
 
     return {
@@ -35,8 +36,8 @@ export function generateSpiderDbBackupCloneData(ticketData: TicketModel<SpiderFu
   return Promise.resolve({
     tableDataList,
     form: {
-      backup_type: infos.backup_type,
-      file_tag: infos.file_tag,
+      backup_type: isNewProtocol ? ticketData.details.backup_type : infos.backup_type,
+      file_tag: isNewProtocol ? ticketData.details.file_tag : infos.file_tag,
       remark: ticketData.remark,
     },
   });
diff --git a/dbm-ui/frontend/src/services/model/ticket/details/mysql.ts b/dbm-ui/frontend/src/services/model/ticket/details/mysql.ts
index 46f0a1f801..ef3f6c05d7 100644
--- a/dbm-ui/frontend/src/services/model/ticket/details/mysql.ts
+++ b/dbm-ui/frontend/src/services/model/ticket/details/mysql.ts
@@ -286,15 +286,26 @@ export interface MySQLFlashback extends DetailBase {
  */
 export interface MySQLFullBackupDetails extends DetailBase {
   clusters: DetailClusters;
-  infos: {
-    backup_type: string;
-    clusters: {
-      backup_local: string;
-      cluster_id: number;
-    }[];
-    file_tag: string;
-    online: boolean;
-  };
+  // 新版协议
+  backup_type: string;
+  file_tag: string;
+  online: boolean;
+  infos:
+    | {
+        // 旧版协议
+        backup_type: string;
+        clusters: {
+          backup_local: string;
+          cluster_id: number;
+        }[];
+        file_tag: string;
+        online: boolean;
+      }
+    | {
+        // 新版协议
+        backup_local: string;
+        cluster_id: number;
+      }[];
 }
 
 /**
diff --git a/dbm-ui/frontend/src/services/model/ticket/details/spider.ts b/dbm-ui/frontend/src/services/model/ticket/details/spider.ts
index 7740983584..a133143322 100644
--- a/dbm-ui/frontend/src/services/model/ticket/details/spider.ts
+++ b/dbm-ui/frontend/src/services/model/ticket/details/spider.ts
@@ -191,14 +191,24 @@ export interface SpiderTableBackupDetails {
 
 // Spider TenDBCluster 全备单据
 export interface SpiderFullBackupDetails {
-  infos: {
-    backup_type: 'logical' | 'physical';
-    file_tag: 'MYSQL_FULL_BACKUP' | 'LONGDAY_DBFILE_3Y';
-    clusters: {
-      cluster_id: number;
-      backup_local: string; // spider_mnt:: 127.0.0.1: 8000
-    }[];
-  };
+  // 新版协议
+  backup_type: 'logical' | 'physical';
+  file_tag: 'MYSQL_FULL_BACKUP' | 'LONGDAY_DBFILE_3Y';
+  infos:
+    | {
+        // 旧版协议
+        backup_type: 'logical' | 'physical';
+        file_tag: 'MYSQL_FULL_BACKUP' | 'LONGDAY_DBFILE_3Y';
+        clusters: {
+          cluster_id: number;
+          backup_local: string; // spider_mnt:: 127.0.0.1: 8000
+        }[];
+      }
+    | {
+        // 新版协议
+        cluster_id: number;
+        backup_local: string; // spider_mnt:: 127.0.0.1: 8000
+      }[];
   clusters: DetailClusters;
 }
 
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/Index.vue
index 493c498652..c594804994 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/Index.vue
@@ -29,7 +29,7 @@
           :removeable="tableData.length < 2"
           @add="(payload: Array<IDataRow>) => handleAppend(index, payload)"
           @clone="(payload: IDataRow) => handleClone(index, payload)"
-          @input-cluster-finish="(item: IDataRow) => handleInputCluster(index, item)"
+          @cluster-input-finish="(clusterId: number) => handleChangeCluster(index, clusterId)"
           @remove="handleRemove(index)" />
       </RenderData>
       <DbForm
@@ -74,7 +74,7 @@
       <TicketRemark v-model="formData.remark" />
       <ClusterSelector
         v-model:is-show="isShowBatchSelector"
-        :cluster-types="[ClusterTypes.TENDBHA]"
+        :cluster-types="[ClusterTypes.TENDBHA, ClusterTypes.TENDBSINGLE]"
         :selected="selectedClusters"
         @change="handelClusterChange" />
     </div>
@@ -105,6 +105,8 @@
   import { useRouter } from 'vue-router';
 
   import TendbhaModel from '@services/model/mysql/tendbha';
+  import TendbsingleModel from '@services/model/mysql/tendbsingle';
+  import { queryClusters } from '@services/source/mysqlCluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -149,7 +151,10 @@
   const formData = reactive(createDefaultData());
 
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
-  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel> }>({ [ClusterTypes.TENDBHA]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel | TendbsingleModel> }>({
+    [ClusterTypes.TENDBHA]: [],
+    [ClusterTypes.TENDBSINGLE]: [],
+  });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -174,28 +179,32 @@
     }
     tableData.value.forEach((row) => {
       Object.assign(row, {
-        backupLocal: value,
+        backupLocal: !row.clusterData || row.clusterData.type === ClusterTypes.TENDBSINGLE ? 'master' : value,
       });
     });
   };
 
   // 批量选择
-  const handelClusterChange = (selected: Record<string, Array<TendbhaModel>>) => {
+  const handelClusterChange = (selected: Record<string, Array<TendbhaModel | TendbsingleModel>>) => {
     selectedClusters.value = selected;
-    const newList = selected[ClusterTypes.TENDBHA].reduce((results, clusterData) => {
-      const domain = clusterData.master_domain;
-      if (!domainMemo[domain]) {
-        const row = createRowData({
-          clusterData: {
-            id: clusterData.id,
-            domain: clusterData.master_domain,
-          },
-        });
-        results.push(row);
-        domainMemo[domain] = true;
-      }
-      return results;
-    }, [] as IDataRow[]);
+    const newList = [...selected[ClusterTypes.TENDBHA], ...selected[ClusterTypes.TENDBSINGLE]].reduce(
+      (results, clusterData) => {
+        const domain = clusterData.master_domain;
+        if (!domainMemo[domain]) {
+          const row = createRowData({
+            clusterData: {
+              id: clusterData.id,
+              domain: clusterData.master_domain,
+              type: clusterData.cluster_type,
+            },
+          });
+          results.push(row);
+          domainMemo[domain] = true;
+        }
+        return results;
+      },
+      [] as IDataRow[],
+    );
 
     if (checkListEmpty(tableData.value)) {
       tableData.value = newList;
@@ -206,8 +215,34 @@
   };
 
   // 输入一个集群
-  const handleInputCluster = (index: number, item: IDataRow) => {
-    tableData.value[index] = item;
+  const handleChangeCluster = async (index: number, clusterId: number) => {
+    if (tableData.value[index].clusterData?.id === clusterId) {
+      return;
+    }
+
+    const resultList = await queryClusters({
+      cluster_filters: [
+        {
+          id: clusterId,
+        },
+      ],
+      bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+    });
+    if (resultList.length < 1) {
+      return;
+    }
+    const item = resultList[0];
+    const domain = item.master_domain;
+    const row = createRowData({
+      clusterData: {
+        id: item.id,
+        domain,
+        type: item.cluster_type,
+      },
+    });
+    tableData.value[index] = row;
+    domainMemo[domain] = true;
+    selectedClusters.value[item.cluster_type].push(item);
   };
 
   // 追加集群
@@ -225,8 +260,10 @@
     tableData.value = dataList;
     if (domain) {
       delete domainMemo[domain];
-      const clustersArr = selectedClusters.value[ClusterTypes.TENDBHA];
-      selectedClusters.value[ClusterTypes.TENDBHA] = clustersArr.filter((item) => item.master_domain !== domain);
+      const haList = selectedClusters.value[ClusterTypes.TENDBHA];
+      selectedClusters.value[ClusterTypes.TENDBHA] = haList.filter((item) => item.master_domain !== domain);
+      const singleList = selectedClusters.value[ClusterTypes.TENDBSINGLE];
+      selectedClusters.value[ClusterTypes.TENDBSINGLE] = singleList.filter((item) => item.master_domain !== domain);
     }
   };
 
@@ -250,10 +287,9 @@
         ticket_type: 'MYSQL_HA_FULL_BACKUP',
         remark: formData.remark,
         details: {
-          infos: {
-            ...formData,
-            clusters: infos,
-          },
+          backup_type: formData.backup_type,
+          file_tag: formData.file_tag,
+          infos,
         },
       }).then((data) => {
         window.changeConfirm = false;
@@ -276,6 +312,7 @@
     tableData.value = [createRowData()];
     Object.assign(formData, createDefaultData());
     selectedClusters.value[ClusterTypes.TENDBHA] = [];
+    selectedClusters.value[ClusterTypes.TENDBSINGLE] = [];
     domainMemo = {};
     window.changeConfirm = false;
   };
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Index.vue
index 0e47e049bf..9d97d54ada 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Index.vue
@@ -78,11 +78,11 @@
   const selectList = [
     {
       value: 'master',
-      label: 'master',
+      label: 'Master',
     },
     {
       value: 'slave',
-      label: 'slave',
+      label: 'Slave',
     },
   ];
 
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 291c4e3d56..1283354341 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
@@ -12,22 +12,19 @@
 -->
 
 <template>
-  <BkLoading :loading="isListLoading">
-    <TableEditSelect
-      ref="editSelectRef"
-      :disabled="!clusterData"
-      :list="backupList"
-      :model-value="modelValue"
-      :placeholder="t('请选择xx', [t('备份位置')])"
-      :rules="rules"
-      @change="(value) => handleChange(value as string)" />
-  </BkLoading>
+  <TableEditSelect
+    ref="editSelectRef"
+    :disabled="!clusterData"
+    :list="baseList"
+    :model-value="localValue"
+    :placeholder="t('请选择xx', [t('备份位置')])"
+    :rules="rules"
+    @change="(value) => handleChange(value as string)" />
 </template>
 <script setup lang="ts">
   import { useI18n } from 'vue-i18n';
-  import { useRequest } from 'vue-request';
 
-  import { getTendbClusterList } from '@services/source/tendbcluster';
+  import { ClusterTypes } from '@common/const';
 
   import TableEditSelect from '@components/render-table/columns/select/index.vue';
 
@@ -52,53 +49,36 @@
     },
   ];
 
-  const baseList = [
-    {
-      value: 'master',
-      label: 'master',
-    },
-    {
-      value: 'slave',
-      label: 'slave',
-    },
-  ];
-
   const editSelectRef = ref();
   const localValue = ref('');
-  const backupList = shallowRef<Record<'label' | 'value', string>[]>([]);
 
-  const { run: fetchClusterList, loading: isListLoading } = useRequest(getTendbClusterList, {
-    onSuccess(data) {
-      if (data.results.length < 1) {
-        backupList.value = [...baseList];
-        return;
-      }
-      const mntList = data.results[0].spider_mnt.map((item) => ({
-        label: `运维节点(${item.ip}#${item.port})`,
-        value: `spider_mnt::${item.instance}`,
-      }));
-      backupList.value = [...baseList, ...mntList];
-    },
-    manual: true,
+  const baseList = computed(() => {
+    const list: Record<'label' | 'value', string>[] = [
+      {
+        value: 'master',
+        label: 'Master',
+      },
+    ];
+
+    if (props.clusterData?.type === ClusterTypes.TENDBHA) {
+      list.push({
+        value: 'slave',
+        label: 'Slave',
+      });
+    }
+
+    return list;
   });
 
-  watch(
-    () => props.modelValue,
-    () => {
-      localValue.value = props.modelValue;
-    },
-    {
-      immediate: true,
-    },
-  );
+  watchEffect(() => {
+    localValue.value = props.modelValue || 'master';
+  });
 
   watch(
-    () => props.clusterData,
+    () => props.clusterData?.type,
     () => {
-      if (props.clusterData) {
-        fetchClusterList({
-          cluster_ids: props.clusterData.id,
-        });
+      if (props.clusterData?.type === ClusterTypes.TENDBSINGLE) {
+        localValue.value = 'master';
       }
     },
     {
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderCluster.vue
deleted file mode 100644
index 3b47e53273..0000000000
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/RenderCluster.vue
+++ /dev/null
@@ -1,174 +0,0 @@
-<!--
- * TencentBlueKing is pleased to support the open source community by making 蓝鲸智云-DB管理系统(BlueKing-BK-DBM) available.
- *
- * Copyright (C) 2017-2023 THL A29 Limited, a Tencent company. All rights reserved.
- *
- * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
- * You may obtain a copy of the License athttps://opensource.org/licenses/MIT
- *
- * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed
- * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for
- * the specific language governing permissions and limitations under the License.
--->
-
-<template>
-  <TableEditInput
-    ref="editRef"
-    v-model="localDomain"
-    :placeholder="t('请输入集群域名或从表头批量选择')"
-    :rules="rules"
-    @input="handleInputChange"
-    @submit="handleInputFinish" />
-</template>
-<script lang="ts">
-  const clusterIdMemo: { [key: string]: Record<string, boolean> } = {};
-</script>
-<script setup lang="ts">
-  import { useI18n } from 'vue-i18n';
-
-  import { queryClusters } from '@services/source/mysqlCluster';
-
-  import { useGlobalBizs } from '@stores';
-
-  import TableEditInput from '@components/render-table/columns/input/index.vue';
-
-  import { random } from '@utils';
-
-  import type { IDataRow } from './Row.vue';
-
-  interface Props {
-    modelValue?: IDataRow['clusterData'];
-  }
-
-  interface Emits {
-    (e: 'inputCreate', value: Array<string>): void;
-    (e: 'inputClusterFinish', value: string): void;
-  }
-
-  interface Exposes {
-    getValue: () => Array<number>;
-  }
-
-  const props = defineProps<Props>();
-  const emits = defineEmits<Emits>();
-
-  const instanceKey = `render_cluster_${random()}`;
-  clusterIdMemo[instanceKey] = {};
-
-  const { t } = useI18n();
-
-  const { currentBizId } = useGlobalBizs();
-
-  const editRef = ref();
-
-  const localClusterId = ref(0);
-  const localDomain = ref('');
-  const isShowEdit = ref(true);
-
-  const rules = [
-    {
-      validator: (value: string) => Boolean(value),
-      message: t('目标集群不能为空'),
-    },
-    {
-      validator: (value: string) =>
-        queryClusters({
-          cluster_filters: [
-            {
-              immute_domain: value,
-            },
-          ],
-          bk_biz_id: currentBizId,
-        }).then((data) => {
-          if (data.length > 0) {
-            localClusterId.value = data[0].id;
-            return true;
-          }
-          return false;
-        }),
-      message: t('目标集群不存在'),
-    },
-    {
-      validator: () => {
-        const currentClusterSelectMap = clusterIdMemo[instanceKey];
-        const otherClusterMemoMap = { ...clusterIdMemo };
-        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;
-      },
-      message: t('目标集群重复'),
-    },
-  ];
-
-  // 同步外部值
-  watch(
-    () => props.modelValue,
-    () => {
-      if (props.modelValue) {
-        localClusterId.value = props.modelValue.id;
-        localDomain.value = props.modelValue.domain;
-        isShowEdit.value = false;
-      } else {
-        isShowEdit.value = true;
-      }
-    },
-    {
-      immediate: true,
-    },
-  );
-
-  watch(
-    localClusterId,
-    () => {
-      if (!localClusterId.value) {
-        clusterIdMemo[instanceKey] = {};
-        return;
-      }
-      clusterIdMemo[instanceKey] = { [localClusterId.value]: true };
-    },
-    {
-      immediate: true,
-    },
-  );
-
-  const handleInputChange = (value: string) => {
-    if (value === '') {
-      clusterIdMemo[instanceKey] = {};
-    }
-  };
-
-  const handleInputFinish = (value: string) => {
-    emits('inputClusterFinish', value);
-  };
-
-  onBeforeUnmount(() => {
-    delete clusterIdMemo[instanceKey];
-  });
-
-  defineExpose<Exposes>({
-    getValue() {
-      return editRef.value
-        .getValue()
-        .then(() => ({
-          cluster_id: localClusterId.value,
-        }))
-        .catch(() =>
-          Promise.reject({
-            cluster_id: localClusterId.value,
-          }),
-        );
-    },
-  });
-</script>
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Row.vue
index e72d614f08..a2e501cb45 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-backup/pages/page1/components/RenderData/Row.vue
@@ -17,7 +17,7 @@
       <RenderCluster
         ref="clusterRef"
         :model-value="data.clusterData"
-        @input-cluster-finish="handleInputFinish" />
+        @id-change="handleClusterIdChange" />
     </FixedColumn>
     <td style="padding: 0">
       <RenderBackupLocal
@@ -44,6 +44,7 @@
     clusterData?: {
       id: number;
       domain: string;
+      type: string;
     };
     backupLocal: string;
   }
@@ -56,8 +57,9 @@
   });
 </script>
 <script setup lang="ts">
+  import RenderCluster from '@views/db-manage/mysql/common/edit-field/ClusterName.vue';
+
   import RenderBackupLocal from './RenderBackupLocal.vue';
-  import RenderCluster from './RenderCluster.vue';
 
   interface Props {
     data: IDataRow;
@@ -67,7 +69,7 @@
     (e: 'add', params: Array<IDataRow>): void;
     (e: 'remove'): void;
     (e: 'clone', value: IDataRow): void;
-    (e: 'inputClusterFinish', value: IDataRow): void;
+    (e: 'clusterInputFinish', value: number): void;
   }
 
   interface Exposes {
@@ -81,16 +83,8 @@
   const clusterRef = ref();
   const backupLocalRef = ref();
 
-  const handleInputFinish = (domain: string) => {
-    emits(
-      'inputClusterFinish',
-      createRowData({
-        clusterData: {
-          id: 0,
-          domain,
-        },
-      }),
-    );
+  const handleClusterIdChange = (clusterId: number) => {
+    emits('clusterInputFinish', clusterId);
   };
 
   const handleAppend = () => {
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/Index.vue
index 5a94ab1828..ffa40211d2 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/Index.vue
@@ -36,12 +36,13 @@
           :removeable="tableData.length < 2"
           @add="(payload: Array<IDataRow>) => handleAppend(index, payload)"
           @clone="(payload: IDataRow) => handleClone(index, payload)"
+          @id-change="(clusterId: number) => handleChangeCluster(index, clusterId)"
           @remove="handleRemove(index)" />
       </RenderData>
       <TicketRemark v-model="remark" />
       <ClusterSelector
         v-model:is-show="isShowBatchSelector"
-        :cluster-types="[ClusterTypes.TENDBHA]"
+        :cluster-types="[ClusterTypes.TENDBHA, ClusterTypes.TENDBSINGLE]"
         :selected="selectedClusters"
         @change="handelClusterChange" />
       <BatchEntry
@@ -75,6 +76,8 @@
   import { useRouter } from 'vue-router';
 
   import TendbhaModel from '@services/model/mysql/tendbha';
+  import TendbsingleModel from '@services/model/mysql/tendbsingle';
+  import { filterClusters } from '@services/source/dbbase';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -128,7 +131,10 @@
   const tableData = ref<Array<IDataRow>>([createRowData({})]);
   const remark = ref('');
 
-  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel> }>({ [ClusterTypes.TENDBHA]: [] });
+  const selectedClusters = shallowRef<{ [key: string]: Array<TendbhaModel | TendbsingleModel> }>({
+    [ClusterTypes.TENDBHA]: [],
+    [ClusterTypes.TENDBSINGLE]: [],
+  });
 
   // 集群域名是否已存在表格的映射表
   let domainMemo: Record<string, boolean> = {};
@@ -152,22 +158,26 @@
     isShowBatchSelector.value = true;
   };
   // 批量选择
-  const handelClusterChange = (selected: Record<string, Array<TendbhaModel>>) => {
+  const handelClusterChange = (selected: Record<string, Array<TendbhaModel | TendbsingleModel>>) => {
     selectedClusters.value = selected;
-    const newList = selected[ClusterTypes.TENDBHA].reduce((results, clusterData) => {
-      const domain = clusterData.master_domain;
-      if (!domainMemo[domain]) {
-        const row = createRowData({
-          clusterData: {
-            id: clusterData.id,
-            domain: clusterData.master_domain,
-          },
-        });
-        results.push(row);
-        domainMemo[domain] = true;
-      }
-      return results;
-    }, [] as IDataRow[]);
+    const newList = [...selected[ClusterTypes.TENDBHA], ...selected[ClusterTypes.TENDBSINGLE]].reduce(
+      (results, clusterData) => {
+        const domain = clusterData.master_domain;
+        if (!domainMemo[domain]) {
+          const row = createRowData({
+            clusterData: {
+              id: clusterData.id,
+              domain: clusterData.master_domain,
+            },
+            backupLocal: clusterData.cluster_type === ClusterTypes.TENDBHA ? 'Slave' : 'Master',
+          });
+          results.push(row);
+          domainMemo[domain] = true;
+        }
+        return results;
+      },
+      [] as IDataRow[],
+    );
 
     if (checkListEmpty(tableData.value)) {
       tableData.value = newList;
@@ -177,6 +187,33 @@
     window.changeConfirm = true;
   };
 
+  // 输入集群后查询集群信息并填充到table
+  const handleChangeCluster = async (index: number, clusterId: number) => {
+    if (tableData.value[index].clusterData?.id === clusterId) {
+      return;
+    }
+
+    const resultList = await filterClusters<TendbhaModel | TendbsingleModel>({
+      bk_biz_id: window.PROJECT_CONFIG.BIZ_ID,
+      cluster_ids: String(clusterId),
+    });
+    if (resultList.length < 1) {
+      return;
+    }
+    const item = resultList[0];
+    const domain = item.master_domain;
+    const row = createRowData({
+      clusterData: {
+        id: item.id,
+        domain,
+      },
+      backupLocal: item.cluster_type === ClusterTypes.TENDBHA ? 'Slave' : 'Master',
+    });
+    tableData.value[index] = row;
+    domainMemo[domain] = true;
+    selectedClusters.value[item.cluster_type].push(item);
+  };
+
   const handleBatchEditColumn = (value: string | string[], filed: IDataRowBatchKey) => {
     if (!value || checkListEmpty(tableData.value)) {
       return;
@@ -201,8 +238,10 @@
     const domain = dataList[index].clusterData?.domain;
     if (domain) {
       delete domainMemo[domain];
-      const clustersArr = selectedClusters.value[ClusterTypes.TENDBHA];
-      selectedClusters.value[ClusterTypes.TENDBHA] = clustersArr.filter((item) => item.master_domain !== domain);
+      const haList = selectedClusters.value[ClusterTypes.TENDBHA];
+      selectedClusters.value[ClusterTypes.TENDBHA] = haList.filter((item) => item.master_domain !== domain);
+      const singleList = selectedClusters.value[ClusterTypes.TENDBSINGLE];
+      selectedClusters.value[ClusterTypes.TENDBSINGLE] = singleList.filter((item) => item.master_domain !== domain);
     }
     dataList.splice(index, 1);
     tableData.value = dataList;
@@ -250,6 +289,7 @@
     tableData.value = [createRowData()];
     remark.value = '';
     selectedClusters.value[ClusterTypes.TENDBHA] = [];
+    selectedClusters.value[ClusterTypes.TENDBSINGLE] = [];
     domainMemo = {};
     window.changeConfirm = false;
   };
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Index.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Index.vue
index 83c8f4a81d..e4cb417cc0 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Index.vue
@@ -27,6 +27,11 @@
     <!-- <RenderTableHeadColumn>
       {{ t('备份源') }}
     </RenderTableHeadColumn> -->
+    <RenderTableHeadColumn
+      :required="false"
+      :width="60">
+      {{ t('备份位置') }}
+    </RenderTableHeadColumn>
     <RenderTableHeadColumn
       :min-width="240"
       :width="240">
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue
index 2c50f31403..bcab43fc42 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue
@@ -17,14 +17,14 @@
       ref="editRef"
       v-model="localDomain"
       :placeholder="t('请输入集群域名或从表头批量选择')"
-      :rules="rules" />
+      :rules="rules"
+      @focus="handleFocus" />
   </div>
 </template>
-<script lang="ts">
+<!-- <script lang="ts">
   const clusterIdMemo: { [key: string]: Record<string, boolean> } = {};
-</script>
+</script> -->
 <script setup lang="ts">
-  import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
   import { queryClusters } from '@services/source/mysqlCluster';
@@ -33,8 +33,7 @@
 
   import TableEditInput from '@components/render-table/columns/input/index.vue';
 
-  import { random } from '@utils';
-
+  // import { random } from '@utils';
   import type { IDataRow } from './Row.vue';
 
   interface Props {
@@ -54,11 +53,13 @@
 
   const { t } = useI18n();
 
-  const instanceKey = `render_cluster_${random()}`;
-  clusterIdMemo[instanceKey] = {};
+  // const instanceKey = `render_cluster_${random()}`;
+  // clusterIdMemo[instanceKey] = {};
 
   const { currentBizId } = useGlobalBizs();
 
+  let isSkipInputFinish = false;
+
   const editRef = ref();
 
   const localClusterId = ref(0);
@@ -88,37 +89,40 @@
         }).then((data) => {
           if (data.length > 0) {
             localClusterId.value = data[0].id;
+            if (!isSkipInputFinish) {
+              emits('idChange', data[0].id);
+            }
             return true;
           }
           return false;
         }),
       message: t('目标集群不存在'),
     },
-    {
-      validator: () => {
-        const currentClusterSelectMap = clusterIdMemo[instanceKey];
-        const otherClusterMemoMap = { ...clusterIdMemo };
-        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;
-          }
-        }
-        emits('idChange', localClusterId.value);
-        return true;
-      },
-      message: t('目标集群重复'),
-    },
+    // {
+    //   validator: () => {
+    //     const currentClusterSelectMap = clusterIdMemo[instanceKey];
+    //     const otherClusterMemoMap = { ...clusterIdMemo };
+    //     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;
+    //       }
+    //     }
+    //     emits('idChange', localClusterId.value);
+    //     return true;
+    //   },
+    //   message: t('目标集群重复'),
+    // },
   ];
 
   // 同步外部值
@@ -139,26 +143,31 @@
   );
 
   // 获取关联集群
-  watch(
-    localClusterId,
-    () => {
-      if (!localClusterId.value) {
-        clusterIdMemo[instanceKey] = {};
-        return;
-      }
-      clusterIdMemo[instanceKey] = { [localClusterId.value]: true };
-    },
-    {
-      immediate: true,
-    },
-  );
-
-  onBeforeUnmount(() => {
-    delete clusterIdMemo[instanceKey];
-  });
+  // watch(
+  //   localClusterId,
+  //   () => {
+  //     if (!localClusterId.value) {
+  //       clusterIdMemo[instanceKey] = {};
+  //       return;
+  //     }
+  //     clusterIdMemo[instanceKey] = { [localClusterId.value]: true };
+  //   },
+  //   {
+  //     immediate: true,
+  //   },
+  // );
+
+  const handleFocus = () => {
+    isSkipInputFinish = false;
+  };
+
+  // onBeforeUnmount(() => {
+  //   delete clusterIdMemo[instanceKey];
+  // });
 
   defineExpose<Exposes>({
-    getValue() {
+    getValue(isSubmit = false) {
+      isSkipInputFinish = isSubmit;
       return editRef.value
         .getValue()
         .then(() => ({
diff --git a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Row.vue
index c4ba438178..481f71e839 100644
--- a/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/mysql/db-table-backup/pages/page1/components/RenderData/Row.vue
@@ -19,6 +19,11 @@
         :model-value="data.clusterData"
         @id-change="handleClusterIdChange" />
     </FixedColumn>
+    <td style="padding: 0">
+      <RenderText
+        :data="data.backupLocal"
+        :placeholder="t('输入集群后自动生成')" />
+    </td>
     <td style="padding: 0">
       <RenderDbName
         ref="dbPatternsRef"
@@ -57,6 +62,10 @@
   </tr>
 </template>
 <script lang="ts">
+  import { useI18n } from 'vue-i18n';
+
+  import RenderText from '@components/render-table/columns/text-plain/index.vue';
+
   import { random } from '@utils';
 
   interface Props {
@@ -71,19 +80,21 @@
       domain: string;
     };
     // backupOn: string,
+    backupLocal?: string;
     dbPatterns?: string[];
     tablePatterns?: string[];
     ignoreDbs?: string[];
     ignoreTables?: string[];
   }
 
-  export type IDataRowBatchKey = keyof Omit<IDataRow, 'rowKey' | 'clusterData'>;
+  export type IDataRowBatchKey = keyof Omit<IDataRow, 'rowKey' | 'clusterData' | 'backupLocal'>;
 
   // 创建表格数据
   export const createRowData = (data = {} as Partial<IDataRow>): IDataRow => ({
     rowKey: random(),
     clusterData: data.clusterData,
     // backupOn: data.backupOn || '',
+    backupLocal: data.backupLocal,
     dbPatterns: data.dbPatterns,
     tablePatterns: data.tablePatterns,
     ignoreDbs: data.ignoreDbs,
@@ -105,6 +116,7 @@
     (e: 'add', params: Array<IDataRow>): void;
     (e: 'remove'): void;
     (e: 'clone', value: IDataRow): void;
+    (e: 'idChange', value: number): void;
   }
 
   interface Exposes {
@@ -115,6 +127,8 @@
 
   const emits = defineEmits<Emits>();
 
+  const { t } = useI18n();
+
   const clusterRef = ref();
   // const backupSourceRef = ref();
   const dbPatternsRef = ref();
@@ -137,7 +151,7 @@
   );
 
   const handleClusterIdChange = (clusterId: number) => {
-    localClusterId.value = clusterId;
+    emits('idChange', clusterId);
   };
 
   const handleAppend = () => {
@@ -152,7 +166,7 @@
   };
 
   const getRowData = () => [
-    clusterRef.value.getValue(),
+    clusterRef.value.getValue(true),
     // backupSourceRef.value.getValue('backup_on'),
     dbPatternsRef.value.getValue('db_patterns'),
     tablePatternsRef.value.getValue('table_patterns'),
@@ -168,6 +182,7 @@
         createRowData({
           rowKey: random(),
           clusterData: props.data.clusterData,
+          backupLocal: props.data.backupLocal,
           dbPatterns: rowInfo[1].db_patterns,
           tablePatterns: rowInfo[2].table_patterns,
           ignoreDbs: rowInfo[3].ignore_dbs,
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 985399c84a..b57bd29f1c 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
@@ -256,10 +256,9 @@
         ticket_type: TicketTypes.TENDBCLUSTER_FULL_BACKUP,
         remark: formData.remark,
         details: {
-          infos: {
-            ...formData,
-            clusters: data,
-          },
+          backup_type: formData.backup_type,
+          file_tag: formData.file_tag,
+          infos: data,
         },
       }).then((data) => {
         window.changeConfirm = false;
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/Index.vue
index fb1fe682c9..63fa64e60e 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-backup/pages/page1/components/RenderData/Index.vue
@@ -82,11 +82,11 @@
   const selectList = [
     {
       value: 'master',
-      label: 'master',
+      label: 'RemoteDB',
     },
     {
       value: 'slave',
-      label: 'slave',
+      label: 'RemoteDR',
     },
   ];
 
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 13f84f2b14..7e024ae310 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
@@ -55,11 +55,11 @@
   const baseList = [
     {
       value: 'master',
-      label: 'master',
+      label: 'RemoteDB',
     },
     {
       value: 'slave',
-      label: 'slave',
+      label: 'RemoteDR',
     },
   ];
 
@@ -97,7 +97,7 @@
     () => {
       if (props.clusterData) {
         fetchClusterList({
-          cluster_ids: props.clusterData.id,
+          cluster_ids: [props.clusterData.id],
         });
       }
     },
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 fadd0d8130..7ac700b517 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
@@ -30,6 +30,7 @@
           :removeable="tableData.length < 2"
           @add="(payload: Array<IDataRow>) => handleAppend(index, payload)"
           @clone="(payload: IDataRow) => handleClone(index, payload)"
+          @id-change="(clusterId: number) => handleChangeCluster(index, clusterId)"
           @remove="handleRemove(index)" />
       </RenderData>
       <TicketRemark v-model="remark" />
@@ -66,6 +67,7 @@
   import { useRouter } from 'vue-router';
 
   import TendbClusterModel from '@services/model/tendbcluster/tendbcluster';
+  import { getTendbClusterList } from '@services/source/tendbcluster';
   import { createTicket } from '@services/source/ticket';
 
   import { useTicketCloneInfo } from '@hooks';
@@ -163,6 +165,31 @@
     window.changeConfirm = true;
   };
 
+  // 输入集群后查询集群信息并填充到table
+  const handleChangeCluster = async (index: number, clusterId: number) => {
+    if (tableData.value[index].clusterData?.id === clusterId) {
+      return;
+    }
+
+    const resultList = await getTendbClusterList({
+      cluster_ids: [clusterId],
+    });
+    if (resultList.results.length < 1) {
+      return;
+    }
+    const item = resultList.results[0];
+    const domain = item.master_domain;
+    const row = createRowData({
+      clusterData: {
+        id: item.id,
+        domain: item.master_domain,
+      },
+    });
+    tableData.value[index] = row;
+    domainMemo[domain] = true;
+    selectedClusters.value[item.cluster_type].push(item);
+  };
+
   // 追加一个集群
   const handleAppend = (index: number, appendList: Array<IDataRow>) => {
     const dataList = [...tableData.value];
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Index.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Index.vue
index 9d7ceb6fa7..fd62e9fb88 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Index.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Index.vue
@@ -168,7 +168,7 @@
   const selectList = [
     {
       value: 'remote',
-      label: 'remote',
+      label: 'RemoteDR',
     },
   ];
 
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 286bd58161..7d40273b39 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
@@ -53,10 +53,12 @@
     },
   ];
 
-  const remoteValue = {
-    value: 'remote',
-    label: 'remote',
-  };
+  const baseList = [
+    {
+      value: 'remote',
+      label: 'RemoteDR',
+    },
+  ];
 
   const editSelectRef = ref();
   const localValue = ref('');
@@ -65,14 +67,14 @@
   const { run: fetchClusterList, loading: isListLoading } = useRequest(getTendbClusterList, {
     onSuccess(data) {
       if (data.results.length < 1) {
-        backupList.value = [remoteValue];
+        backupList.value = [...baseList];
         return;
       }
       const mntList = data.results[0].spider_mnt.map((item) => ({
         label: `${item.ip}:${item.port}`,
         value: `spider_mnt::${item.instance}`,
       }));
-      backupList.value = [remoteValue, ...mntList];
+      backupList.value = [...baseList, ...mntList];
     },
     manual: true,
   });
@@ -92,7 +94,7 @@
     () => {
       if (props.clusterData) {
         fetchClusterList({
-          cluster_ids: props.clusterData.id,
+          cluster_ids: [props.clusterData.id],
         });
       }
     },
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue
index 7e921b4fab..e820a61849 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/RenderCluster.vue
@@ -19,14 +19,14 @@
       multi-input
       :placeholder="t('请输入集群_使用换行分割一次可输入多个')"
       :rules="rules"
+      @focus="handleFocus"
       @multi-input="handleMultiInput" />
   </div>
 </template>
-<script lang="ts">
+<!-- <script lang="ts">
   const clusterIdMemo: { [key: string]: Record<string, boolean> } = {};
-</script>
+</script> -->
 <script setup lang="ts">
-  import { onBeforeUnmount, ref, watch } from 'vue';
   import { useI18n } from 'vue-i18n';
 
   import { queryClusters } from '@services/source/mysqlCluster';
@@ -35,8 +35,7 @@
 
   import TableEditInput from '@views/db-manage/tendb-cluster/common/edit/Input.vue';
 
-  import { random } from '@utils';
-
+  // import { random } from '@utils';
   import type { IDataRow } from './Row.vue';
 
   interface Props {
@@ -49,7 +48,7 @@
   }
 
   interface Exposes {
-    getValue: () => Record<string, number>;
+    getValue: (isSubmit?: boolean) => Record<string, number>;
   }
 
   const props = defineProps<Props>();
@@ -57,11 +56,13 @@
 
   const { t } = useI18n();
 
-  const instanceKey = `render_cluster_${random()}`;
-  clusterIdMemo[instanceKey] = {};
+  // const instanceKey = `render_cluster_${random()}`;
+  // clusterIdMemo[instanceKey] = {};
 
   const { currentBizId } = useGlobalBizs();
 
+  let isSkipInputFinish = false;
+
   const editRef = ref();
 
   const localClusterId = ref(0);
@@ -74,7 +75,7 @@
         if (value) {
           return true;
         }
-        emits('idChange', 0);
+        // emits('idChange', 0);
         return false;
       },
       message: t('目标集群不能为空'),
@@ -91,37 +92,40 @@
         }).then((data) => {
           if (data.length > 0) {
             localClusterId.value = data[0].id;
+            if (!isSkipInputFinish) {
+              emits('idChange', localClusterId.value);
+            }
             return true;
           }
           return false;
         }),
       message: t('目标集群不存在'),
     },
-    {
-      validator: () => {
-        const currentClusterSelectMap = clusterIdMemo[instanceKey];
-        const otherClusterMemoMap = { ...clusterIdMemo };
-        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;
-          }
-        }
-        emits('idChange', localClusterId.value);
-        return true;
-      },
-      message: t('目标集群重复'),
-    },
+    // {
+    //   validator: () => {
+    //     const currentClusterSelectMap = clusterIdMemo[instanceKey];
+    //     const otherClusterMemoMap = { ...clusterIdMemo };
+    //     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;
+    //       }
+    //     }
+    //     emits('idChange', localClusterId.value);
+    //     return true;
+    //   },
+    //   message: t('目标集群重复'),
+    // },
   ];
 
   // 同步外部值
@@ -142,30 +146,35 @@
   );
 
   // 获取关联集群
-  watch(
-    localClusterId,
-    () => {
-      if (!localClusterId.value) {
-        clusterIdMemo[instanceKey] = {};
-        return;
-      }
-      clusterIdMemo[instanceKey] = { [localClusterId.value]: true };
-    },
-    {
-      immediate: true,
-    },
-  );
+  // watch(
+  //   localClusterId,
+  //   () => {
+  //     if (!localClusterId.value) {
+  //       clusterIdMemo[instanceKey] = {};
+  //       return;
+  //     }
+  //     clusterIdMemo[instanceKey] = { [localClusterId.value]: true };
+  //   },
+  //   {
+  //     immediate: true,
+  //   },
+  // );
 
   const handleMultiInput = (list: Array<string>) => {
     emits('inputCreate', list);
   };
 
-  onBeforeUnmount(() => {
-    delete clusterIdMemo[instanceKey];
-  });
+  const handleFocus = () => {
+    isSkipInputFinish = false;
+  };
+
+  // onBeforeUnmount(() => {
+  //   delete clusterIdMemo[instanceKey];
+  // });
 
   defineExpose<Exposes>({
-    getValue() {
+    getValue(isSubmit = false) {
+      isSkipInputFinish = isSubmit;
       return editRef.value
         .getValue()
         .then(() => ({
diff --git a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Row.vue b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Row.vue
index 3fb524ee19..b1f31b9005 100644
--- a/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Row.vue
+++ b/dbm-ui/frontend/src/views/db-manage/tendb-cluster/db-table-backup/pages/page1/components/RenderData/Row.vue
@@ -109,6 +109,7 @@
     (e: 'add', params: Array<IDataRow>): void;
     (e: 'remove'): void;
     (e: 'clone', value: IDataRow): void;
+    (e: 'idChange', value: number): void;
   }
 
   interface Exposes {
@@ -141,7 +142,7 @@
   );
 
   const handleClusterIdChange = (clusterId: number) => {
-    localClusterId.value = clusterId;
+    emits('idChange', clusterId);
   };
 
   const handleCreate = (list: Array<string>) => {
@@ -170,7 +171,7 @@
   };
 
   const getRowData = () => [
-    clusterRef.value!.getValue(),
+    clusterRef.value!.getValue(true),
     backupLocalRef.value!.getValue(),
     dbPatternsRef.value!.getValue('db_patterns'),
     tablePatternsRef.value!.getValue('table_patterns'),
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/FullBackup.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/FullBackup.vue
index f468568162..ba569a8613 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/FullBackup.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/FullBackup.vue
@@ -56,13 +56,16 @@
     cluster_id:number,
   }
 
+  const { infos } = props.ticketDetails.details;
+  const isNewProtocol = Array.isArray(infos);
+
   // MySQL 全库备份
   const columns = [
-    {
-      label: t('集群ID'),
-      field: 'cluster_id',
-      render: ({ cell }: { cell: number }) => <span>{cell || '--'}</span>,
-    },
+    // {
+    //   label: t('集群ID'),
+    //   field: 'cluster_id',
+    //   render: ({ cell }: { cell: number }) => <span>{cell || '--'}</span>,
+    // },
     {
       label: t('集群名称'),
       field: 'immute_domain',
@@ -96,9 +99,8 @@
   }
 
   const dataList = computed(() => {
-    const infosData = props.ticketDetails.details.infos || {};
     const clusters = props.ticketDetails.details.clusters || {};
-    return infosData?.clusters?.reduce((results, item) => {
+    return (isNewProtocol ? infos : infos.clusters).reduce((results, item) => {
       const clusterData = clusters[item.cluster_id];
       results.push(Object.assign({
         immute_domain: clusterData?.immute_domain,
@@ -112,7 +114,8 @@
 
   // 备份选项
   const backupOptions = computed(() => {
-    if (props.ticketDetails.details.infos.online) {
+    const online = isNewProtocol ? props.ticketDetails.details.online : infos.online;
+    if (online) {
       return t('在线备份');
     }
     return t('停机备份');
@@ -120,7 +123,8 @@
 
   // 备份类型
   const backupType = computed(() => {
-    if (props.ticketDetails.details.infos.backup_type === 'logical') {
+    const value = isNewProtocol ? props.ticketDetails.details.backup_type : infos.backup_type;
+    if (value === 'logical') {
       return t('逻辑备份');
     }
     return t('物理备份');
@@ -128,7 +132,7 @@
 
   // 备份保存时间
   const backupTime = computed(() => {
-    const fileTag = props.ticketDetails.details.infos.file_tag;
+    const fileTag = isNewProtocol ? props.ticketDetails.details.file_tag : infos.file_tag;
     if (!fileTagMap[fileTag]) {
       // 兼容旧单据
       if (fileTag === 'LONGDAY_DBFILE_3Y') {
diff --git a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/TableBackup.vue b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/TableBackup.vue
index 1af8c5dade..3c027b8c20 100644
--- a/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/TableBackup.vue
+++ b/dbm-ui/frontend/src/views/tickets/common/components/demand-factory/mysql/TableBackup.vue
@@ -23,6 +23,8 @@
   import type { MySQLTableBackupDetails } from '@services/model/ticket/details/mysql';
   import TicketModel from '@services/model/ticket/ticket';
 
+  import { ClusterTypes } from '@common/const';
+
   interface Props {
     ticketDetails: TicketModel<MySQLTableBackupDetails>
   }
@@ -44,15 +46,16 @@
   }
 
   const columns = [
-    {
-      label: t('集群ID'),
-      field: 'cluster_id',
-      render: ({ cell }: { cell: number }) => <span>{cell || '--'}</span>,
-    },
+    // {
+    //   label: t('集群ID'),
+    //   field: 'cluster_id',
+    //   render: ({ cell }: { cell: number }) => <span>{cell || '--'}</span>,
+    // },
     {
       label: t('集群名称'),
       field: 'immute_domain',
       showOverflowTooltip: false,
+      minWidth: 300,
       render: ({ data }: { data: backupItem }) => (
       <div class="cluster-name text-overflow"
         v-overflow-tips={{
@@ -130,7 +133,7 @@
       const clusterData = clusterIds[item.cluster_id];
       list.push(Object.assign({
         cluster_id: item.cluster_id,
-        backup_on: item.backup_on,
+        backup_on: item.backup_on || clusterData.cluster_type === ClusterTypes.TENDBHA ? 'Slave' : 'Master',
         db_patterns: item.db_patterns,
         ignore_dbs: item.ignore_dbs,
         ignore_tables: item.ignore_tables,
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 bf8b9a7abb..4b18b97082 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
@@ -18,9 +18,7 @@
   <div class="ticket-details-list">
     <div class="ticket-details-item">
       <span class="ticket-details-item-label">{{ t('备份类型') }}：</span>
-      <span class="ticket-details-item-value">{{
-        infos.backup_type === 'physical' ? t('物理备份') : t('逻辑备份')
-      }}</span>
+      <span class="ticket-details-item-value">{{ backupType === 'physical' ? t('物理备份') : t('逻辑备份') }}</span>
     </div>
     <div class="ticket-details-item">
       <span class="ticket-details-item-label">{{ t('备份保存时间') }}：</span>
@@ -53,6 +51,7 @@
   const { t } = useI18n();
 
   const { infos } = props.ticketDetails.details;
+  const isNewProtocol = Array.isArray(infos);
 
   const fileTagMap: Record<string, string> = {
     DBFILE1M: t('1个月'),
@@ -78,7 +77,7 @@
 
   // 备份保存时间
   const backupTime = computed(() => {
-    const fileTag = props.ticketDetails.details.infos.file_tag;
+    const fileTag = isNewProtocol ? props.ticketDetails.details.file_tag : infos.file_tag;
     if (!fileTagMap[fileTag]) {
       // 兼容旧单据
       if (fileTag === 'LONGDAY_DBFILE_3Y') {
@@ -89,6 +88,8 @@
     return fileTagMap[fileTag];
   });
 
+  const backupType = isNewProtocol ? props.ticketDetails.details.backup_type : infos.backup_type;
+
   useRequest(getTendbclusterListByBizId, {
     defaultParams: [
       {
@@ -105,10 +106,14 @@
         Object.assign(obj, { [item.id]: item.master_domain });
         return obj;
       }, {});
-      tableData.value = infos.clusters.reduce<RowData[]>((results, item) => {
+      const backupLocalMap: Record<string, string> = {
+        master: 'RemoteDB',
+        slave: 'RemoteDR',
+      };
+      tableData.value = (isNewProtocol ? infos : infos.clusters).reduce<RowData[]>((results, item) => {
         const obj = {
           clusterName: clusterMap[item.cluster_id],
-          position: item.backup_local,
+          position: backupLocalMap[item.backup_local] || item.backup_local,
         };
         results.push(obj);
         return results;
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 f6d0468730..74cd62d8f2 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
@@ -99,11 +99,14 @@
         },
         {} as Record<number, string>,
       );
+      const backupLocalMap: Record<string, string> = {
+        remote: 'RemoteDR',
+      };
 
       tableData.value = infos.reduce((results, item) => {
         const obj = {
           clusterName: clusterMap[item.cluster_id],
-          position: item.backup_local,
+          position: backupLocalMap[item.backup_local] || item.backup_local,
           dbName: item.db_patterns.join(','),
           tableName: item.table_patterns.join(','),
           ignoreDbName: item.ignore_dbs.join(','),