From 596b5e936340a15503f01c920c3ff243130c5fd7 Mon Sep 17 00:00:00 2001
From: yangjun <1173114630@qq.com>
Date: Mon, 26 May 2025 14:31:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Table/src/BasicTable.vue |  4 +
 src/views/system/dict/index.vue         | 97 +++++++++++++++++++++++--
 2 files changed, 96 insertions(+), 5 deletions(-)

diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index 4fd6dfa..994fdce 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -627,4 +627,8 @@
   .ant-table-wrapper .ant-table.ant-table-middle .ant-table-tbody > tr > td{
     padding: 8px 8px;
   }
+  .jeecg-basic-table .ant-table-wrapper{
+    padding: 15px;
+  border-radius: 8px;
+  }
 </style>
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 9e8c784..7d27a27 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -1,4 +1,33 @@
 <template>
+
+  <div class="p-2">
+<div class="jeecg-basic-table-form-container">
+      <a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
+        <a-row :gutter="24">
+          <a-col :lg="6">
+            <a-form-item name="dictName">
+              <template #label><span title="字典名称">字典名称</span></template>
+              <j-input placeholder="请输入字典名称" v-model:value="queryParam.dictName" allow-clear ></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6">
+            <a-form-item name="dictCode">
+              <template #label><span title="字典编码">字典编码</span></template>
+              <j-input placeholder="请输入字典编码" v-model:value="queryParam.dictCode" allow-clear ></j-input>
+            </a-form-item>
+          </a-col>
+          <a-col :lg="6" :sm="24">
+            <span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
+              <a-col :lg="6">
+                <a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
+                <a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
+              </a-col>
+            </span>
+          </a-col>
+        </a-row>
+      </a-form>
+    </div>
+
   <!--引用表格-->
   <BasicTable @register="registerTable" :rowSelection="rowSelection">
     <!--插槽:table标题-->
@@ -34,11 +63,12 @@
   <DictItemList @register="registerDrawer" />
   <!--回收站弹窗-->
   <DictRecycleBinModal @register="registerModal1" @success="reload" />
+  </div>
 </template>
 
 <script lang="ts" name="system-dict" setup>
 //ts语法
-import { ref, computed, unref } from 'vue';
+import { ref,reactive, computed, unref } from 'vue';
 import { BasicTable, TableAction } from '/src/components/Table';
 import { useDrawer } from '/src/components/Drawer';
 import { useModal } from '/src/components/Modal';
@@ -51,8 +81,12 @@ import { columns, searchFormSchema } from './dict.data';
 import { list, deleteDict, batchDeleteDict, getExportUrl, getImportUrl, refreshCache, queryAllDictItems } from './dict.api';
 import { DB_DICT_DATA_KEY } from '/src/enums/cacheEnum';
 import { useUserStore } from '/@/store/modules/user';
+  import JInput from '/@/components/Form/src/jeecg/components/JInput.vue';
 
 const { createMessage } = useMessage();
+
+  const formRef = ref();
+  const queryParam = reactive<any>({});
 //字典model
 const [registerModal, { openModal }] = useModal();
 //字典配置drawer
@@ -69,9 +103,9 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     title: '数据字典',
     api: list,
     columns: columns,
-    formConfig: {
-      schemas: searchFormSchema,
-    },
+    // formConfig: {
+    //   schemas: searchFormSchema,
+    // },
     actionColumn: {
       width: 240,
     },
@@ -90,6 +124,16 @@ const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
 //注册table数据
 const [registerTable, { reload, updateTableDataRecord }, { rowSelection, selectedRowKeys, selectedRows }] = tableContext;
 
+const labelCol = reactive({
+    xs:24,
+    sm:6,
+    xl:6,
+    xxl:6
+  });
+  const wrapperCol = reactive({
+    xs: 24,
+    sm: 24,
+  });
 /**
  * 新增事件
  */
@@ -144,6 +188,21 @@ function handleSuccess({ isUpdate, values }) {
     reload();
   }
 }
+  /**
+   * 查询
+   */
+  function searchQuery() {
+    reload();
+  }
+  /**
+   * 重置
+   */
+  function searchReset() {
+    formRef.value.resetFields();
+    selectedRowKeys.value = [];
+    //刷新数据
+    reload();
+  }
 /**
  * 刷新缓存
  */
@@ -193,4 +252,32 @@ function getTableAction(record) {
 }
 </script>
 
-<style scoped></style>
+
+<style lang="less" scoped>
+.jeecg-basic-table-form-container {
+    padding: 0;
+    .table-page-search-submitButtons {
+      display: block;
+      margin-bottom: 24px;
+      white-space: nowrap;
+    }
+    .query-group-cust{
+      min-width: 100px !important;
+    }
+    .query-group-split-cust{
+      width: 30px;
+      display: inline-block;
+      text-align: center
+    }
+    .ant-form-item:not(.ant-form-item-with-help){
+      margin-bottom: 16px;
+      height: 32px;
+    }
+    :deep(.ant-picker),:deep(.ant-input-number){
+      width: 100%;
+    }
+  }
+  :deep(.ant-picker),:deep(.ant-input-number){
+    width: 100%;
+  }
+</style>