修改bug

src/views/realTimeSync/dataBaseToDataBase/getMetadataModal.vue

@@ -59,6 +59,7 @@
 
   /**确定按钮*/
   async function handleSubmit() {
+    emit('success');
     createMessage.success('获取元数据成功');
     closeModal();
   }

src/views/realTimeSync/dataBaseToDataBase/optionPage.vue

@@ -51,14 +51,14 @@
           style="margin-right: 100px"
           icon="material-symbols:drive-file-move-outline-sharp"
           :size="40"
-          :color="'#54c8e8'"
+          :color="selectedItem === '5' ? '#19ee02' : '#54c8e8'"
           @click="handleChangeTab('5')"
         />
         <Icon
           style="margin-right: 10px"
           icon="tabler:database-export"
           :size="40"
-          :color="'#54c8e8'"
+          :color="selectedItem === '1' ? '#19ee02' : '#54c8e8'"
           @click="handleChangeTab('1')"
         />
         <Icon style="margin-right: 10px" icon="quill:arrow-right" :size="35" :color="'#000000'" />
@@ -66,7 +66,7 @@
           style="margin-right: 10px"
           icon="simple-icons:apachekafka"
           :size="40"
-          :color="'#54c8e8'"
+          :color="selectedItem === '2' ? '#19ee02' : '#54c8e8'"
           @click="handleChangeTab('2')"
         />
         <Icon style="margin-right: 10px" icon="quill:arrow-right" :size="35" :color="'#2f3031'" />
@@ -74,7 +74,7 @@
           style="margin-right: 10px"
           icon="tabler:database-export"
           :size="40"
-          :color="'#54c8e8'"
+          :color="selectedItem === '3' ? '#19ee02' : '#54c8e8'"
           @click="handleChangeTab('3')"
         />
         <Icon style="margin-right: 10px" icon="quill:arrow-right" :size="35" :color="'#2f3031'" />
@@ -82,7 +82,7 @@
           style="margin-right: 10px"
           icon="grommet-icons:settings-option"
           :size="40"
-          :color="'#54c8e8'"
+          :color="selectedItem === '4' ? '#19ee02' : '#54c8e8'"
           @click="handleChangeTab('4')"
         />
       </div>
@@ -583,7 +583,7 @@
         </TabPane>
       </Tabs>
     </div>
-    <GetMetadataModal @register="registerGetMetadataModal" />
+    <GetMetadataModal @register="registerGetMetadataModal" @success="successGetMetadata" />
     <SaveModal @register="registerSaveModal" />
     <VersionManageModal @register="registerVersionManageModal" />
     <AddBaseRulesModal @register="registerAddBaseRulesModal" />
@@ -659,6 +659,7 @@
   const isEdit = ref(true);
   const version = ref('V1');
   const isStart = ref('false');
+  const selectedItem = ref();
   const versionOptions = [
     {
       label: 'V1',
@@ -1015,6 +1016,8 @@
     if (type === 'get') {
       openGetMetadataModal(true);
     }
+  }
+  function successGetMetadata() {
     tableDetail.value = true;
   }
 
@@ -1068,6 +1071,7 @@
     reloadServerTopicOptionsTable();
   }
   function handleChangeTab(key) {
+    selectedItem.value = key;
     tabKey.value = key;
   }
 

src/views/realTimeSync/dataBaseToDataBase/sceneSelectionModal.vue

 <template>
-  <BasicModal width="40%" v-bind="$attrs" @register="registerModal" title="场景选择">
+  <BasicModal
+    width="40%"
+    :showOkBtn="false"
+    :showCancelBtn="false"
+    v-bind="$attrs"
+    @register="registerModal"
+    title="选择场景类型"
+  >
     <List>
       <Row :gutter="16">
         <template v-for="item in cardList" :key="item.title">