From 4ae16a1addfb4800d0193ce5599f77630334466d Mon Sep 17 00:00:00 2001
From: BBIT-Kai <2911862937@qq.com>
Date: Wed, 29 Apr 2026 15:00:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E8=A1=A8=E6=A0=BC=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/layouts/MainLayout.vue | 13 ++++++++++++-
 web/src/style.css              | 13 +++++++++++++
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
index 30ae580..7c42321 100644
--- a/web/src/layouts/MainLayout.vue
+++ b/web/src/layouts/MainLayout.vue
@@ -29,7 +29,11 @@
       ></div>
     </n-layout-sider>
 
-    <n-layout class="app-main" :class="{ 'app-main-fullscreen': isFullscreen }">
+    <n-layout
+      class="app-main"
+      :class="{ 'app-main-fullscreen': isFullscreen }"
+      content-style="display:flex;flex-direction:column;height:100%;min-height:0;"
+    >
       <header v-if="!isFullscreen" class="app-header">
         <div class="header-main">
           <n-button
@@ -264,9 +268,16 @@ async function handleLogout() {
 .content-scroll {
   height: 100%;
   min-height: 0;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
 }
 
+.content-scroll > * {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 .app-backdrop {
   background: #f5f7fb;
 }
diff --git a/web/src/style.css b/web/src/style.css
index d347d88..955a64c 100644
--- a/web/src/style.css
+++ b/web/src/style.css
@@ -198,6 +198,19 @@ body {
   padding: 12px 2px 0;
 }
 
+.app-vxe-table-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.app-vxe-table-body > .vxe-table {
+  flex: 1;
+  min-height: 0;
+}
+
 .page-card .n-data-table {
   background: transparent;
 }