From e3b137b18dc621ceb9994a67b31db01efb7bd942 Mon Sep 17 00:00:00 2001
From: zhanglei <rayzhangmail@163.com>
Date: Thu, 19 Mar 2026 17:26:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/vue/index.vue.j2 | 53 ++++++++++++++++++++++++--------------
 1 file changed, 34 insertions(+), 19 deletions(-)

diff --git a/templates/vue/index.vue.j2 b/templates/vue/index.vue.j2
index 925795e..bc55b2a 100644
--- a/templates/vue/index.vue.j2
+++ b/templates/vue/index.vue.j2
@@ -172,6 +172,10 @@ const gridOptions = {
     enabled: true,
     pageSize: 10,
   },
+  showOverflow: true,
+  minHeight: '100%',
+  maxHeight: 'auto',
+  showHeaderOverflow: true,
 }
 
 const [Grid, gridApi] = useVbenVxeGrid({gridOptions})
@@ -307,12 +311,16 @@ function handleReset() {
 
 </script>
 
+
 <template>
-  <div style="height: 100vh; padding: 16px; box-sizing: border-box;">
+  <div style="height: 100vh; padding: 16px; box-sizing: border-box; display: flex; flex-direction: column;">
     <!-- 查询表单 -->
-    <div class="bg-card mb-4 p-4 rounded shadow">
+    <div class="bg-card mb-4 p-4 rounded shadow flex-shrink-0">
       <h3 class="text-lg font-semibold mb-3">查询条件</h3>
-      <QueryForm/>
+      <div v-if="enumData.loading" class="text-center py-4 text-gray-500">
+        正在加载查询条件...
+      </div>
+      <QueryForm v-else />
       <div class="mt-3 flex gap-2">
         <button @click="handleSearch"
                 class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">
@@ -325,25 +333,32 @@ function handleReset() {
       </div>
     </div>
 
-    <!-- 数据表格 -->
-    <Grid>
-      <template #toolbar-tools>
-        <button @click="handleAdd" class="mr-2">➕ 新增</button>
-        <button @click="() => gridApi.reload()">🔄 刷新</button>
-      </template>
-
-      <template #action="{ row }">
-        <div class="flex gap-2">
-          <button @click="() => handleEdit(row)" class="text-blue-500 hover:text-blue-700">✏️ 编辑
-          </button>
-          <button @click="() => handleDelete(row)" class="text-red-500 hover:text-red-700">🗑️ 删除
-          </button>
-        </div>
-      </template>
-    </Grid>
+    <!-- 数据表格 (可滚动区域) -->
+    <div class="flex-1 overflow-hidden bg-card rounded shadow">
+      <Grid>
+        <template #toolbar-tools>
+          <button @click="handleAdd" class="mr-2">➕ 新增</button>
+          <button @click="() => gridApi.reload()">🔄 刷新</button>
+        </template>
+
+        <template #action="{ row }">
+          <div class="flex gap-2">
+            <button @click="() => handleEdit(row)" class="text-blue-500 hover:text-blue-700">✏️ 编辑
+            </button>
+            <button @click="() => handleDelete(row)" class="text-red-500 hover:text-red-700">🗑️ 删除
+            </button>
+          </div>
+        </template>
+      </Grid>
+    </div>
 
     <Modal :title="modalTitle">
       <Form/>
     </Modal>
   </div>
 </template>
+<style scoped>
+:deep(.vxe-pager--wrapper) {
+  margin-bottom: 0.5rem;
+}
+</style>
\ No newline at end of file