From 27939453852f5b89cbf51f0c06de621972c12afe Mon Sep 17 00:00:00 2001
From: andyesfly <35127884@qq.com>
Date: Wed, 19 Aug 2026 14:52:30 +0800
Subject: [PATCH] =?UTF-8?q?style(system/menu):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E8=A1=A8=E6=A0=BC=E5=B1=95=E7=A4=BA=E6=95=88?=
 =?UTF-8?q?=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整表格展开默认行为，为菜单名称列添加省略和固定宽度，优化表格单元格样式
---
 client/src/views/system/menu/index.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/client/src/views/system/menu/index.vue b/client/src/views/system/menu/index.vue
index 1516c5c..a20e3e4 100644
--- a/client/src/views/system/menu/index.vue
+++ b/client/src/views/system/menu/index.vue
@@ -13,8 +13,11 @@
 				:data-source="menuList"
 				:loading="loading"
 				:pagination="false"
-				:default-expand-all-rows="true"
 				row-key="id"
+				:expandable="{
+					defaultExpandAllRows: false,
+					showExpandColumn: true,
+				}"
 			>
 				<template #bodyCell="{ column, record }">
 					<template v-if="column.dataIndex === 'menuType'">
@@ -148,7 +151,7 @@ const loading = ref(false);
 const menuList = ref<MenuItem[]>([]);
 
 const columns = [
-	{ title: '菜单名称', dataIndex: 'menuName', key: 'menuName' },
+	{ title: '菜单名称', dataIndex: 'menuName', key: 'menuName', width: 120, ellipsis: true },
 	{ title: '路由路径', dataIndex: 'menuPath', key: 'menuPath', width: 160 },
 	{ title: '组件', dataIndex: 'component', key: 'component', width: 180 },
 	{ title: '图标', dataIndex: 'icon', key: 'icon', width: 120 },
@@ -331,5 +334,15 @@ async function handleDelete(record: MenuItem) {
 	:deep(.ant-btn-link) {
 		padding: 0 4px;
 	}
+
+	:deep(.ant-table-row-expand-icon) {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	:deep(.ant-table-cell) {
+		white-space: nowrap;
+	}
 }
 </style>