feat(frontend): 集群标准化 #4654

Author: JustaCattt

dbm-ui/frontend/src/views/cluster-standardize/components/cluster-selector/Index.vue

@@ -96,7 +96,7 @@
   }
 
   interface Emits {
-    (e: 'change', value: Record<string, ClusterInfo[]>): void;
+    (e: 'change', value: ClusterInfo[]): void;
   }
 
   const props = defineProps<Props>();
@@ -108,11 +108,7 @@
   });
 
   const panelTabActive = ref();
-  const lastValues = reactive<NonNullable<Record<string, ClusterInfo[]>>>({
-    [ClusterTypes.TENDBHA]: [],
-    [ClusterTypes.TENDBSINGLE]: [],
-    [ClusterTypes.TENDBCLUSTER]: [],
-  });
+  const lastValues = reactive<Record<string, ClusterInfo[]>>({});
 
   // const renderCom = computed(
   //   () => {
@@ -154,7 +150,7 @@
   };
 
   const handleSubmit = () => {
-    emits('change', lastValues);
+    emits('change', Object.values(lastValues).flat());
     handleClose();
   };
 

dbm-ui/frontend/src/views/cluster-standardize/components/mysql/Index.vue

@@ -122,15 +122,15 @@
   };
 
   // 从集群选择器选择确认后
-  const handelClusterChange = (data: Record<string, ClusterInfo[]>) => {
-    selected.value = data;
+  const handelClusterChange = (data: ClusterInfo[]) => {
     const newList = Object.values(data)
       .flat()
       .reduce<IDataRow[]>((result, item) => {
         const domain = item.immute_domain;
         if (!domainMemo[domain]) {
-          result.push(createRowData(item));
           domainMemo[domain] = true;
+          result.push(createRowData(item));
+          selected.value[item.cluster_type].push(item);
         }
         return result;
       }, []);

dbm-ui/frontend/src/views/cluster-standardize/components/tendbcluster/Index.vue

@@ -121,15 +121,15 @@
   };
 
   // 从集群选择器选择确认后
-  const handelClusterChange = (data: Record<string, ClusterInfo[]>) => {
-    selected.value = data;
+  const handelClusterChange = (data: ClusterInfo[]) => {
     const newList = Object.values(data)
       .flat()
       .reduce<IDataRow[]>((result, item) => {
         const domain = item.immute_domain;
         if (!domainMemo[domain]) {
-          result.push(createRowData(item));
           domainMemo[domain] = true;
+          result.push(createRowData(item));
+          selected.value[item.cluster_type].push(item);
         }
         return result;
       }, []);