From 9140c4e499ed68a5ff7545d8361f5551de2b902e Mon Sep 17 00:00:00 2001
From: H0nGzA1 <2505811377@qq.com>
Date: Thu, 9 Apr 2026 17:32:02 +0800
Subject: [PATCH] feat(menu): integrate auto-scan button and ScanModal into
 menu management

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 web/src/views/system/menu/index.vue | 45 +++++++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 2 deletions(-)

diff --git a/web/src/views/system/menu/index.vue b/web/src/views/system/menu/index.vue
index 4ab466f..b83ac86 100644
--- a/web/src/views/system/menu/index.vue
+++ b/web/src/views/system/menu/index.vue
@@ -17,6 +17,12 @@
         <el-tabs type="border-card">
           <el-tab-pane label="按钮权限配置" >
             <div style="height: 72vh">
+              <div class="menu-scan-btn">
+                <el-button type="primary" @click="handleOpenScanModal">
+                  <el-icon><Monitor /></el-icon>
+                  自动扫描
+                </el-button>
+              </div>
               <MenuButtonCom ref="menuButtonRef" />
             </div>
           </el-tab-pane>
@@ -27,6 +33,13 @@
           </el-tab-pane>
         </el-tabs>
 
+				<ScanModal
+					ref="scanModalRef"
+					v-model="scanModalVisible"
+					:menuId="selectedMenuId"
+					@success="handleScanSuccess"
+				/>
+
 			</el-col>
 		</el-row>
 
@@ -43,13 +56,14 @@
 </template>
 
 <script lang="ts" setup name="menuPages">
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, nextTick } from 'vue';
 import XEUtils from 'xe-utils';
-import { ElMessageBox } from 'element-plus';
+import { ElMessageBox, ElMessage } from 'element-plus';
 import MenuTreeCom from './components/MenuTreeCom/index.vue';
 import MenuButtonCom from './components/MenuButtonCom/index.vue';
 import MenuFormCom from './components/MenuFormCom/index.vue';
 import MenuFieldCom from './components/MenuFieldCom/index.vue';
+import ScanModal from './components/ScanModal/index.vue';
 import { GetList, DelObj } from './api';
 import { successNotification } from '/@/utils/message';
 import { APIResponseData, MenuTreeItemType } from './types';
@@ -61,6 +75,9 @@ let drawerFormData = ref<Partial<MenuTreeItemType>>({});
 let menuTreeRef = ref<InstanceType<typeof MenuTreeCom> | null>(null);
 let menuButtonRef = ref<InstanceType<typeof MenuButtonCom> | null>(null);
 let menuFieldRef = ref<InstanceType<typeof MenuFieldCom> | null>(null);
+let selectedMenuId = ref<number | null>(null);
+let scanModalVisible = ref(false);
+let scanModalRef = ref<any>(null);
 const getData = () => {
 	GetList({}).then((ret: APIResponseData) => {
 		const responseData = ret.data;
@@ -77,6 +94,7 @@ const getData = () => {
  * 菜单的点击事件
  */
 const handleTreeClick = (record: MenuTreeItemType) => {
+	selectedMenuId.value = record.id ?? null;
 	menuButtonRef.value?.handleRefreshTable(record);
   menuFieldRef.value?.handleRefreshTable(record)
 };
@@ -100,6 +118,23 @@ const handleDrawerClose = (type?: string) => {
 	drawerFormData.value = {};
 };
 
+const handleOpenScanModal = () => {
+	if (!selectedMenuId.value) {
+		ElMessage.warning('请先选择一个菜单');
+		return;
+	}
+	scanModalVisible.value = true;
+	nextTick(() => {
+		scanModalRef.value?.handleOpen();
+	});
+};
+
+const handleScanSuccess = () => {
+	if (selectedMenuId.value) {
+		menuButtonRef.value?.handleRefreshTable({ id: selectedMenuId.value });
+	}
+};
+
 /**
  * 部门的删除事件
  */
@@ -151,4 +186,10 @@ onMounted(() => {
 .menu-right-box {
 	border-radius: 8px 0 0 8px;
 }
+
+.menu-scan-btn {
+	display: flex;
+	justify-content: flex-end;
+	margin-bottom: 8px;
+}
 </style>