From f3625f994c568287cc3da0f5636246b4d27405a4 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <leocaoxiaozhu@gmail.com>
Date: Tue, 18 Aug 2026 15:48:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(frontend):=20=E8=A1=A8=E6=A0=BC=E9=A1=B5?=
 =?UTF-8?q?=E7=94=BB=E5=B8=83=E5=85=81=E8=AE=B8=E6=94=B6=E7=BC=A9=EF=BC=8C?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=88=86=E9=A1=B5=E6=9D=A1=E8=A2=AB=E8=A3=81?=
 =?UTF-8?q?=E6=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

内容自然高度超出视口时，画布 flex 不收缩导致分页条被裁掉且无滚动
条可及；为 .data-table-page 的画布补充 flex: 1 1 auto 与 min-height: 0。
---
 frontend/src/layouts/MainLayout.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index 6cb75d7..574b6f3 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/frontend/src/layouts/MainLayout.vue
@@ -72,6 +72,12 @@ onUnmounted(() => {
     overflow-y: hidden;
   }
 
+  /* 表格页画布需允许收缩，否则内容自然高度超出视口时分页条会被裁掉且无滚动条可及 */
+  &:has(.data-table-page) .page-canvas {
+    flex: 1 1 auto;
+    min-height: 0;
+  }
+
   &:has(.create-wizard-layout) {
     overflow-y: hidden;