fix: 三大块改新样式

src/views/infra/numStrategy/index.vue

@@ -1,5 +1,11 @@
 <template>
-  <div>
+  <div class="m-4">
+    <div>
+      <XTTitle title="登录日志" :go-back="true" :right-data="titleData" @click="handleImport" />
+      <div class="flex items-center justify-between my-4">
+        <XTForm :form-data="formData" @change="callForm" />
+      </div>
+    </div>
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'type'">
@@ -40,7 +46,7 @@
           />
         </template>
       </template>
-      <template #toolbar>
+      <!-- <template #toolbar>
         <Button
           v-auth="['sys:numStrategy:add']"
           type="primary"
@@ -58,7 +64,7 @@
         >
           批量删除
         </Button>
-      </template>
+      </template> -->
     </BasicTable>
     <FormDrawer @register="registerDrawer" @success="handleSuccess" />
     <ViewDrawer @register="registerDrawerView" @success="handleSuccess" />
@@ -67,15 +73,15 @@
 <script lang="ts" setup>
   import { onBeforeMount, ref } from 'vue';
   import { Tag } from 'ant-design-vue';
-  import { Button } from '/@/components/Button';
+  // import { Button } from '/@/components/Button';
 
-  import { BasicTable, useTable, TableAction } from '/@/components/Table';
+  import { BasicTable, useTable, TableAction } from '/@/components/TableCard';
 
   // import { useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
   import FormDrawer from './formDrawer.vue';
   import ViewDrawer from './viewDrawer.vue';
-  import { columns, searchFormSchema } from './data';
+  import { columns } from './data';
 
   import {
     serialNumStrategyQueryPage,
@@ -90,6 +96,16 @@
     typeOptions.value = await listDictModel({ dictCode: 'sys_numbering_type' });
   });
 
+  // formdata
+  const formData = [
+    {
+      name: 'opName',
+      componentType: 'Input',
+      placeholder: '请输入操作名称',
+      width: 200,
+      prefix: 'icon-xt-search',
+    },
+  ];
   const { createConfirm, createMessage } = useMessage();
   // const [registerModal, { openModal }] = useModal();
   const [registerDrawer, { openDrawer }] = useDrawer();
@@ -103,7 +119,6 @@
   ]) as any;
 
   const [registerTable, { reload, getSelectRowKeys }] = useTable({
-    title: '编号策略 ',
     api: serialNumStrategyQueryPage,
     rowKey: 'id',
     columns,
@@ -111,7 +126,6 @@
     rowSelection: { type: 'checkbox' },
     formConfig: {
       labelWidth: 120,
-      schemas: searchFormSchema,
       autoSubmitOnEnter: true,
       baseColProps: { xs: 24, sm: 12, md: 12, lg: 8 },
       resetButtonOptions: {
@@ -140,11 +154,11 @@
   }
 
   // 新增按钮事件
-  function handleCreate() {
-    openDrawer(true, {
-      isUpdate: false,
-    });
-  }
+  // function handleCreate() {
+  //   openDrawer(true, {
+  //     isUpdate: false,
+  //   });
+  // }
 
   // 编辑按钮事件
   function handleEdit(record: Recordable) {
@@ -197,4 +211,9 @@
     console.log(values);
     await reload();
   }
+  // 查询回调函数
+  async function callForm(data) {
+    opName.value = data.opName;
+    await reload();
+  }
 </script>

src/views/monitor/loginLog/index.vue

@@ -71,7 +71,7 @@
   import FormDrawer from './formDrawer.vue';
   import ViewDrawer from './viewDrawer.vue';
   import importView from './importModal/importView.vue';
-  import { columns, searchFormSchema } from './data';
+  import { columns } from './data';
 
   import { LogQueryPage, LogRemove, LogLoginExport } from '/@/api/monitor/LogApi';
   import { listDictModel } from '/@/api/common';
@@ -136,7 +136,6 @@
     rowSelection: { type: 'checkbox' },
     formConfig: {
       labelWidth: 120,
-      schemas: searchFormSchema,
       autoSubmitOnEnter: true,
       baseColProps: { xs: 24, sm: 12, md: 12, lg: 8 },
       resetButtonOptions: {