From 6ed02a2ddd2dccbf3458fe1c1652709c882b6aa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=96=AF=E7=8B=82=E7=9A=84=E7=8B=AE=E5=AD=90Li?=
 <15040126243@163.com>
Date: Tue, 24 Mar 2026 17:20:06 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BC=98=E5=8C=96=20=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E7=AE=A1=E7=90=86=E5=88=97=E8=A1=A8=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/menu/index.vue | 46 +++++++++++++++++++++++++++------
 1 file changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 075ad75..9b216bd 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -56,10 +56,19 @@
         :load="getChildrenList"
         :expand-change="expandMenuHandle"
       >
-        <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="160"></el-table-column>
-        <el-table-column prop="icon" label="图标" align="center" width="100">
+        <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="220">
           <template #default="scope">
-            <svg-icon :icon-class="scope.row.icon" />
+            <div class="menu-name-cell">
+              <svg-icon v-if="scope.row.icon" :icon-class="scope.row.icon" />
+              <span class="menu-name-text">{{ scope.row.menuName }}</span>
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="类型" width="100" align="center">
+          <template #default="scope">
+            <el-tag :type="getMenuTypeMeta(scope.row).type" size="small">
+              {{ getMenuTypeMeta(scope.row).label }}
+            </el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="orderNum" label="排序" width="60"></el-table-column>
@@ -70,11 +79,6 @@
             <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
           </template>
         </el-table-column>
-        <el-table-column label="创建时间" align="center" prop="createTime">
-          <template #default="scope">
-            <span>{{ scope.row.createTime }}</span>
-          </template>
-        </el-table-column>
         <el-table-column fixed="right" label="操作" width="180">
           <template #default="scope">
             <el-tooltip content="修改" placement="top">
@@ -367,6 +371,21 @@ const menuTableRef = ref<ElTableInstance>();
 
 const { queryParams, form, rules } = toRefs<PageData<MenuForm, MenuQuery>>(data);
 
+type MenuTagType = 'warning' | 'primary' | 'success' | 'danger';
+
+const getMenuTypeMeta = (menu: MenuVO): { label: string; type: MenuTagType } => {
+  if (menu.menuType === MenuTypeEnum.F) {
+    return { label: '按钮', type: 'warning' };
+  }
+  if (menu.isFrame === 'Y') {
+    return { label: '外链', type: 'danger' };
+  }
+  if (menu.menuType === MenuTypeEnum.M) {
+    return { label: '目录', type: 'primary' };
+  }
+  return { label: '菜单', type: 'success' };
+};
+
 /** 获取子菜单列表 */
 const getChildrenList = async (row: any, treeNode: unknown, resolve: (data: any[]) => void) => {
   menuExpandMap.value[row.menuId] = { row, treeNode, resolve };
@@ -549,6 +568,17 @@ onMounted(() => {
 }
 
 .data-table {
+  .menu-name-cell {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+  }
+
+  .menu-name-text {
+    min-width: 0;
+  }
+
   :deep(.el-button.is-link) {
     width: 32px;
     height: 32px;