fix(frontend): tendbcluster迁移主从bug #7767

# Reviewed, transaction id: 23412
TencentBlueKing · Nov 11, 2024 · f08be7f · f08be7f
1 parent 704b9cc
commit f08be7f
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 28 deletions.
diff --git a/...i/frontend/src/components/instance-selector/components/tendb-cluster-host/table/Index.vue b/...i/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
@@ -3670,5 +3670,6 @@
   "无只读主机": "无只读主机",
   "批量录入：按行录入，快速批量输入多个单元格的值": "批量录入：按行录入，快速批量输入多个单元格的值",
   "高可用": "高可用",
+  "关联实例": "关联实例",
   "这行勿动！新增翻译请在上一行添加！": ""
 }
diff --git a/...ws/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderMasterHost.vue b/...ws/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderMasterHost.vue
@@ -115,9 +115,11 @@
   watch(
     localValue,
     () => {
-      setTimeout(() => {
-        editRef.value!.getValue();
-      });
+      if (localValue.value) {
+        setTimeout(() => {
+          editRef.value!.getValue();
+        });
+      }
     },
     {
       immediate: true,

diff --git a/...ws/db-manage/tendb-cluster/master-slave-clone/pages/page1/components/RenderNewInstace.vue b/...ws/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"
@@ -345,9 +344,7 @@
     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;

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
@@ -13,12 +13,14 @@
 
 <template>
   <DbOriginalTable
-    class="details-migrate__table"
     :columns="columns"
     :data="tableData" />
-  <DemandInfo
-    :config="config"
-    :data="ticketDetails" />
+  <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">
@@ -28,10 +30,6 @@
   import TicketModel from '@services/model/ticket/ticket';
   import { checkInstance } from '@services/source/dbbase';
 
-  import DemandInfo, {
-    type DemandInfoConfig,
-  } from '../components/DemandInfo.vue';
-
   interface Props {
     ticketDetails: TicketModel<SpiderMigrateCluster>
   }
@@ -50,18 +48,6 @@
 
   const { t } = useI18n();
 
-  const config: DemandInfoConfig[] = [
-    {
-      list: [
-        {
-          label: t('备份源'),
-          key: 'details.backup_source',
-          render: () => props.ticketDetails.details.backup_source === 'local' ? t('本地备份') : t('远程备份')
-        },
-      ],
-    },
-  ]
-
   const columns = [
     {
       label: t('目标主库主机'),
@@ -144,4 +130,5 @@
 
 <style lang="less" scoped>
   @import '@views/tickets/common/styles/DetailsTable.less';
+  @import '@views/tickets/common/styles/ticketDetails.less';
 </style>