From b9483fd4258971b645d2ade4b4eafbd4db18a19d Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 27 Aug 2025 11:34:02 +0800
Subject: [PATCH] feat(System Settings, Settings): After the left menu is
 collapsed, the title of the first-level menu must be displayed in the
 floating card

---
 frontend/src/components/layout/Menu.vue     | 11 +++++++++++
 frontend/src/components/layout/MenuItem.vue |  5 ++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/layout/Menu.vue b/frontend/src/components/layout/Menu.vue
index a33a2823..b2081936 100644
--- a/frontend/src/components/layout/Menu.vue
+++ b/frontend/src/components/layout/Menu.vue
@@ -127,7 +127,18 @@ const routerList = computed(() => {
     border-radius: 6px;
     &.is-active {
       background-color: #fff !important;
+      font-weight: 500;
     }
   }
 }
+.ed-sub-menu {
+  .subTitleMenu {
+    display: none;
+  }
+}
+
+.ed-menu--popup-container .subTitleMenu {
+  color: #646a73 !important;
+  pointer-events: none;
+}
 </style>
diff --git a/frontend/src/components/layout/MenuItem.vue b/frontend/src/components/layout/MenuItem.vue
index d63e842c..1440ba13 100644
--- a/frontend/src/components/layout/MenuItem.vue
+++ b/frontend/src/components/layout/MenuItem.vue
@@ -81,7 +81,10 @@ const MenuItem = defineComponent({
           { index: path, onClick: () => handleMenuClick(props.menu) },
           {
             title: () => titleWithIcon({ title, icon }),
-            default: () => children.map((ele: any) => h(MenuItem, { menu: ele })),
+            default: () => [
+              h(MenuItem, { menu: { meta: { title } }, class: 'subTitleMenu' }),
+              children.map((ele: any) => h(MenuItem, { menu: ele })),
+            ],
           }
         )
       }