From ba215f6b4c4636473aac1a7104cc336fe8abbb0d Mon Sep 17 00:00:00 2001
From: liujiangyong <liu.jiangyong@free-sun.com.cn>
Date: Sun, 20 Sep 2026 10:23:01 +0800
Subject: [PATCH] fix: https://pms.anxinyun.cn/bug-view-31804.html

---
 client/src/app.less                           |  8 ++++-
 .../wuyuanbiaoba/components/TemplateList.jsx  | 30 ++++++++++++-------
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/client/src/app.less b/client/src/app.less
index a341e02..bdcd0a9 100644
--- a/client/src/app.less
+++ b/client/src/app.less
@@ -24,11 +24,17 @@
    min-height: 0;
 }
 
-.target-tabs .ant-tabs-tabpane {
+.target-tabs .ant-tabs-tabpane:not(.ant-tabs-tabpane-hidden) {
    display: flex;
    flex-direction: column;
 }
 
+// Keep Ant Design's inactive tab panes hidden. The active-pane flex rule above
+// must not override this class, otherwise both list panes render vertically.
+.target-tabs .ant-tabs-tabpane.ant-tabs-tabpane-hidden {
+   display: none;
+}
+
 // 美化滚动条
 ::-webkit-scrollbar {
    width: 8px;
diff --git a/client/src/sections/wuyuanbiaoba/components/TemplateList.jsx b/client/src/sections/wuyuanbiaoba/components/TemplateList.jsx
index 6f2e6ab..7693b21 100644
--- a/client/src/sections/wuyuanbiaoba/components/TemplateList.jsx
+++ b/client/src/sections/wuyuanbiaoba/components/TemplateList.jsx
@@ -74,19 +74,29 @@ const TemplateList = ({
    ];
 
    return (
-      <div style={{ flex: 1, overflow: "auto", padding: "0 16px" }}>
-         <Table
-            dataSource={tempListData}
-            columns={tempColumns}
-            pagination={false}
-            size="small"
-            style={{ height: "100%" }}
-            showHeader={false}
-         />
+      <div
+         style={{
+            flex: 1,
+            minHeight: 0,
+            display: "flex",
+            flexDirection: "column",
+            padding: "0 16px",
+            overflow: "hidden",
+         }}
+      >
+         <div style={{ flex: 1, minHeight: 0, overflowY: "auto" }}>
+            <Table
+               dataSource={tempListData}
+               columns={tempColumns}
+               pagination={false}
+               size="small"
+               showHeader={false}
+            />
+         </div>
          {tempListData.length < 3 && (
             <Button
                type="primary"
-               style={{ marginTop: "16px", width: "100%" }}
+               style={{ margin: "16px 0", width: "100%", flexShrink: 0 }}
                onClick={onAddTemplate}
             >
                添加新模板