修改sql开发

src/views/scriptDevelopment/sqlDevelopment/index.vue

@@ -3,7 +3,7 @@
     <div class="flex">
       <div class="w-1/4 xl:w-1/5">
         <DataTree @select="handleSelect" style="height: 50%" />
-        <GroupTree @select="handleGroupSelect" style="height: 50%" />
+        <GroupTree @select="handleGroupSelect" style="height: 44%" />
       </div>
       <div class="m-4 mr-0 w-3/4 xl:w-4/5" style="background-color: white">
         <div>
@@ -29,9 +29,11 @@
         <div v-if="showTable === 'true'" style="margin-top: 100px">
           <BasicTable @register="registerDataPreviewTable">
             <template #headerTop>
+              <div style="display: flex; justify-content: space-between; align-items: center">
                 <span style="font-weight: bold; font-size: 16px">数据预览</span>
+                <div style="display: flex; align-items: center">
                   <Dropdown :trigger="['click']">
-                <span type="primary" @click.prevent style="margin-left: 1120px"
+                    <span type="primary" @click.prevent
                       >字段选择<Icon
                         icon="ant-design:caret-down-filled"
                         style="font-size: 12px; margin-left: 2px"
@@ -56,6 +58,8 @@
                     :size="25"
                     @click="handleDownload"
                   />
+                </div>
+              </div>
             </template>
           </BasicTable>
         </div>

src/views/scriptDevelopment/sqlDevelopment/sqlExecute/executeRecordModal.vue

@@ -41,6 +41,7 @@
   import { recordColumns } from '../data';
   import { recordData } from '../sqlDevelopmentData';
   import recordDetailModal from './recordDetailModal.vue';
+  import Icon from '@/components/Icon/Icon.vue';
 
   defineOptions({ name: 'KnowledgeModal' });
 

src/views/scriptDevelopment/sqlDevelopment/sqlExecute/sqlExecute.vue

 <template>
   <PageWrapper title="SQL执行" dense contentFullHeight fixedHeight @back="goBack">
     <div style="padding-top: 20px; background-color: white">
-      <BasicForm @register="registerForm">
-        <template #formFooter>
-          <div style="display: flex; justify-content: space-between">
+      <div style="display: flex; align-content: center; justify-content: space-between">
+        <div style="display: flex; align-content: center">
+          <BasicForm @register="registerForm" style="width: 300px" />
+        </div>
+        <div style="display: flex; align-content: center">
           <!--          新窗口运行-->
           <Tooltip placement="top" title="新窗口运行">
-              <a-button
-                type="primary"
-                style="margin-right: 10px; margin-left: 700px"
-                @click="handleExecute"
-              >
+            <a-button type="primary" style="margin-right: 10px" @click="handleExecute">
               <Icon icon="si:play-forward-duotone" :size="20" />
             </a-button>
           </Tooltip>
@@ -61,10 +59,10 @@
           <Tooltip placement="top" title="保存">
             <a-button type="primary" style="margin-right: 10px" @click="handleSubmit">
               <Icon icon="majesticons:save-line" :size="20" />
-              </a-button> </Tooltip
-          ></div>
-        </template>
-      </BasicForm>
+            </a-button>
+          </Tooltip>
+        </div>
+      </div>
       <CodeEditor v-model:value="jsonData" :mode="MODE.JSON" />
     </div>
     <optionsModal @register="registerModal" />
@@ -103,7 +101,7 @@
   const [registerSubmitVersionModal, { openModal: openSubmitVersionModal }] = useModal();
   const [registerForm] = useForm({
     labelWidth: 100,
-    baseColProps: { lg: 6, md: 4 },
+    baseColProps: { lg: 18, md: 18 },
     schemas: formSchema,
     showActionButtonGroup: false,
   });