From 46636fe48a92771620b313ffd1026d5dc6e263b3 Mon Sep 17 00:00:00 2001
From: H0nGzA1 <2505811377@qq.com>
Date: Thu, 9 Apr 2026 20:25:34 +0800
Subject: [PATCH] fix(menu): fix height chain for button permission tab - tabs
 flex fill

- el-col: height:100% + display:flex + flex-direction:column
- el-tabs: flex:1 + display:flex + flex-direction:column fills col height
- el-tab-pane: height:100% + display:flex + flex-direction:column fills tabs height
- MenuButtonCom: fs-crud add height:100% to fill its container
- Now the full chain: page -> row(100%) -> col(100%) -> tabs(flex1) -> tab-pane(100%) -> menu-btn-pane(flex1) -> MenuButtonCom(100%) -> fs-crud(100%)

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

diff --git a/web/src/views/system/menu/components/MenuButtonCom/index.vue b/web/src/views/system/menu/components/MenuButtonCom/index.vue
index bae7493..c942086 100644
--- a/web/src/views/system/menu/components/MenuButtonCom/index.vue
+++ b/web/src/views/system/menu/components/MenuButtonCom/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div style="height: 100%">
-		<fs-crud ref="crudRef" v-bind="crudBinding">
+		<fs-crud ref="crudRef" v-bind="crudBinding" style="height: 100%">
 			<template #pagination-left>
 				<el-tooltip :content="t('message.pages.menu.buttons.batchDelete')">
 					<el-button text type="danger" :disabled="selectedRowsCount === 0" :icon="Delete" circle @click="handleBatchDelete" />
diff --git a/web/src/views/system/menu/index.vue b/web/src/views/system/menu/index.vue
index fea4648..e9f8533 100644
--- a/web/src/views/system/menu/index.vue
+++ b/web/src/views/system/menu/index.vue
@@ -13,9 +13,9 @@
 				</div>
 			</el-col>
 
-			<el-col :span="18">
-        <el-tabs type="border-card">
-          <el-tab-pane :label="$t('message.pages.menu.dialog.buttonPermission')" >
+			<el-col :span="18" style="height: 100%; display: flex; flex-direction: column;">
+        <el-tabs type="border-card" style="flex: 1; display: flex; flex-direction: column;">
+          <el-tab-pane :label="$t('message.pages.menu.dialog.buttonPermission')" style="height: 100%; display: flex; flex-direction: column;">
             <div class="menu-btn-pane">
               <div class="menu-scan-btn">
                 <el-button type="primary" @click="handleOpenScanModal">