修改数据库到数据库

src/views/scriptDevelopment/sqlDevelopment/GroupTree.vue

 <template>
-  <div class=" m-4 mr-0 overflow-hidden bg-white">
+  <div class="m-4 mr-0 overflow-hidden bg-white">
     <BasicTree
       title=""
       ref="treeRef"

src/views/scriptDevelopment/sqlDevelopment/index.vue

@@ -5,7 +5,7 @@
         <DataTree @select="handleSelect" style="height: 50%" />
         <GroupTree @select="handleGroupSelect" style="height: 50%" />
       </div>
-      <div class="m-4 mr-0 w-3/4 xl:w-4/5">
+      <div class="m-4 mr-0 w-3/4 xl:w-4/5" style="background-color: white">
         <div>
           <BasicTable @register="registerTable" :searchInfo="searchInfo">
             <template #headerTop>
@@ -26,11 +26,12 @@
             >
           </BasicTable>
         </div>
-        <div v-if="showTable === 'true'">
+        <div v-if="showTable === 'true'" style="margin-top: 100px">
           <BasicTable @register="registerDataPreviewTable">
             <template #headerTop>
+              <span style="font-weight: bold; font-size: 16px">数据预览</span>
               <Dropdown :trigger="['click']">
-                <span type="primary" @click.prevent style="margin-left: 1180px"
+                <span type="primary" @click.prevent style="margin-left: 1120px"
                   >字段选择<Icon
                     icon="ant-design:caret-down-filled"
                     style="font-size: 12px; margin-left: 2px"
@@ -50,8 +51,8 @@
                 </template>
               </Dropdown>
               <Icon
-                icon="bxs:download"
-                style="margin-left: 20px"
+                icon="material-symbols-light:download-sharp"
+                style="margin-left: 10px"
                 :size="25"
                 @click="handleDownload"
               />
@@ -140,7 +141,7 @@
   });
 
   const [registerDataPreviewTable] = useTable({
-    title: '数据预览',
+    title: ' ',
     api: async () => {
       const response = {
         pageNu: '1',