修改sql审核

src/views/scriptDevelopment/sqlAudit/editAuditRulesModal.vue

@@ -10,7 +10,12 @@
     >
       <div class="toolbar" style="background: white">
         <div class="tools">
-          <a-button type="primary" style="float: right; margin: 10px 15px 10px 0">保存</a-button>
+          <a-button
+            @click="handleSave"
+            type="primary"
+            style="float: right; margin: 10px 15px 10px 0"
+            >保存</a-button
+          >
         </div>
       </div>
       <BasicForm
@@ -25,38 +30,14 @@
           <div class="editor">
             <CodeEditor v-model:value="info.sql" />
           </div>
-        </template>
-
-        <template #buttonSlot>
           <div class="buttonVerification">
-            <a-button style="margin-left: 100px; width: 80px" type="primary">检查</a-button>
+            <a-button style="width: 80px" type="primary" @click="isCheck = 'true'">检查</a-button>
             <Alert
+              v-if="isCheck === 'true'"
               style="height: 34px; margin-left: 10px"
               message="检查通过"
               type="success"
               show-icon
-              closable
-            />
-            <Alert
-              style="height: 34px; margin-left: 10px; display: none"
-              message="检查信息说明"
-              type="info"
-              show-icon
-              closable
-            />
-            <Alert
-              style="height: 34px; margin-left: 10px; display: none"
-              message="检查异常"
-              type="warning"
-              show-icon
-              closable
-            />
-            <Alert
-              style="height: 34px; margin-left: 10px; display: none"
-              message="检查错误"
-              type="error"
-              show-icon
-              closable
             />
           </div>
         </template>
@@ -66,14 +47,17 @@
 </template>
 
 <script lang="ts" setup>
-  import { computed, onMounted } from 'vue';
+  import { computed, onMounted, ref } from 'vue';
   import { PageWrapper } from '@/components/Page';
   import { tableList } from '@/views/scriptDevelopment/sqlAudit/mock';
   import { personSchema } from '@/views/scriptDevelopment/sqlAudit/mainBody.data';
   import { BasicForm, useForm } from '@/components/Form';
   import CodeEditor from '@/components/CodeEditor/src/CodeEditor.vue';
   import { Alert } from 'ant-design-vue';
+  import { useMessage } from '@/hooks/web/useMessage';
 
+  const { createMessage } = useMessage();
+  const isCheck = ref('false');
   const pros = defineProps({
     deptId: {
       type: Number,
@@ -92,6 +76,9 @@
     return {};
   });
 
+  function handleSave() {
+    createMessage.success('保存成功');
+  }
 
   function palyStart() {
     setFieldsValue(info.value);

src/views/scriptDevelopment/sqlAudit/index.vue

@@ -36,11 +36,7 @@
           </template>
         </template>
         <template #toolbar>
-          <a-input
-            style="width: 200px; margin-right: auto"
-            placeholder="输入关键字搜索"
-            allowClear
-          />
+          <span class="text-lg font-semibold" style="margin-right: 900px">审核规则</span>
           <a-button @click="handleDeleteIds">删除</a-button>
           <a-button @click="handleMove(1)">移动</a-button>
           <a-button type="primary" @click="handleNewFolder(1)">新建文件夹</a-button>
@@ -59,7 +55,7 @@
   import { PageWrapper } from '@/components/Page';
   import DeptTree from './DeptTree.vue';
   import { tableList } from './mock';
-  import { columns } from './mainBody.data';
+  import { columns, searchFormSchema } from './mainBody.data';
   import editAuditRulesModal from '@/views/scriptDevelopment/sqlAudit/editAuditRulesModal.vue';
   import { useMessage } from '@/hooks/web/useMessage';
   import { useModal } from '@/components/Modal';
@@ -99,10 +95,12 @@
     columns,
     formConfig: {
       labelWidth: 10,
+      schemas: searchFormSchema,
+      showActionButtonGroup: false,
       autoSubmitOnEnter: true,
     },
     rowSelection: true,
-    useSearchForm: false,
+    useSearchForm: true,
     showIndexColumn: false,
     showTableSetting: false,
     bordered: true,

src/views/scriptDevelopment/sqlAudit/mainBody.data.ts

@@ -142,3 +142,14 @@ export const renameSchema: FormSchema[] = [
     colProps: { lg: 24, md: 24 },
   },
 ];
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'name',
+    label: ' ',
+    component: 'Input',
+    colProps: { span: 5 },
+    componentProps: {
+      placeholder: '输入关键字搜索',
+    },
+  },
+];