From a092dce8964f42f5aba1afe41daeb969c2773efd Mon Sep 17 00:00:00 2001
From: H0nGzA1 <2505811377@qq.com>
Date: Thu, 9 Apr 2026 20:23:55 +0800
Subject: [PATCH] fix(menu): fix button permission card height with flex layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Outer div: flex column, fills tab-pane height
- .menu-scan-btn: fixed height ~44px
- MenuButtonCom with .menu-btn-fill: flex:1 fills remaining space
- MenuButtonCom inner: height:100% instead of 72vh
- Fixes pagination/selected-count being covered by overflow
- Also i18n "自动扫描" button text with scan.title key

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../menu/components/MenuButtonCom/index.vue   |  2 +-
 web/src/views/system/menu/index.vue           | 19 +++++++++++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/web/src/views/system/menu/components/MenuButtonCom/index.vue b/web/src/views/system/menu/components/MenuButtonCom/index.vue
index b5960d2..bae7493 100644
--- a/web/src/views/system/menu/components/MenuButtonCom/index.vue
+++ b/web/src/views/system/menu/components/MenuButtonCom/index.vue
@@ -1,5 +1,5 @@
 <template>
-	<div style="height: 72vh">
+	<div style="height: 100%">
 		<fs-crud ref="crudRef" v-bind="crudBinding">
 			<template #pagination-left>
 				<el-tooltip :content="t('message.pages.menu.buttons.batchDelete')">
diff --git a/web/src/views/system/menu/index.vue b/web/src/views/system/menu/index.vue
index b83ac86..fea4648 100644
--- a/web/src/views/system/menu/index.vue
+++ b/web/src/views/system/menu/index.vue
@@ -15,15 +15,15 @@
 
 			<el-col :span="18">
         <el-tabs type="border-card">
-          <el-tab-pane label="按钮权限配置" >
-            <div style="height: 72vh">
+          <el-tab-pane :label="$t('message.pages.menu.dialog.buttonPermission')" >
+            <div class="menu-btn-pane">
               <div class="menu-scan-btn">
                 <el-button type="primary" @click="handleOpenScanModal">
                   <el-icon><Monitor /></el-icon>
-                  自动扫描
+                  {{ $t('message.pages.menu.scan.title') }}
                 </el-button>
               </div>
-              <MenuButtonCom ref="menuButtonRef" />
+              <MenuButtonCom ref="menuButtonRef" class="menu-btn-fill" />
             </div>
           </el-tab-pane>
           <el-tab-pane label="列权限配置">
@@ -192,4 +192,15 @@ onMounted(() => {
 	justify-content: flex-end;
 	margin-bottom: 8px;
 }
+
+.menu-btn-pane {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+
+	.menu-btn-fill {
+		flex: 1;
+		overflow: hidden;
+	}
+}
 </style>