From f676f64b187e7451306b6175dce8d1b29a137081 Mon Sep 17 00:00:00 2001
From: root <root@vmi2958638.contaboserver.net>
Date: Mon, 16 Feb 2026 09:07:36 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20Logo=E5=8C=BA=E5=9F=9F=E8=87=AA=E9=80=82?=
 =?UTF-8?q?=E5=BA=94=E4=BC=98=E5=8C=96=EF=BC=8C=E6=94=AF=E6=8C=81=E6=8A=98?=
 =?UTF-8?q?=E5=8F=A0/=E5=B1=95=E5=BC=80=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 文字溢出处理(ellipsis)
- 折叠时只显示图标居中
- 传递collapsed状态给Logo组件
- 减小字体和间距适配150px侧边栏
---
 jshERP-web/src/components/menu/SideMenu.vue |  2 +-
 jshERP-web/src/components/tools/Logo.vue    | 44 +++++++++++++++------
 2 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/jshERP-web/src/components/menu/SideMenu.vue b/jshERP-web/src/components/menu/SideMenu.vue
index 95f7a58b..d376edba 100644
--- a/jshERP-web/src/components/menu/SideMenu.vue
+++ b/jshERP-web/src/components/menu/SideMenu.vue
@@ -5,7 +5,7 @@
     :collapsible="collapsible"
     v-model="collapsed"
     :trigger="null">
-    <logo />
+    <logo :collapsed="collapsed" />
     <s-menu
       :collapsed="collapsed"
       :menu="menus"
diff --git a/jshERP-web/src/components/tools/Logo.vue b/jshERP-web/src/components/tools/Logo.vue
index cd9e79ef..0b3ec248 100644
--- a/jshERP-web/src/components/tools/Logo.vue
+++ b/jshERP-web/src/components/tools/Logo.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="logo">
+  <div class="logo" :class="{ 'logo-collapsed': collapsed }">
     <div class="logo-content">
       <div class="logo-icon">🏔️</div>
-      <h1 v-if="showTitle" class="logo-title">{{ title }}</h1>
+      <h1 v-if="showTitle && !collapsed" class="logo-title">{{ title }}</h1>
     </div>
   </div>
 </template>
@@ -23,12 +23,16 @@
         type: Boolean,
         default: true,
         required: false
+      },
+      collapsed: {
+        type: Boolean,
+        default: false,
+        required: false
       }
     }
   }
 </script>
 <style lang="less" scoped>
-  /*缩小首页布 局顶部的高度*/
   @height: 49px;
 
   .logo {
@@ -36,34 +40,48 @@
     height: @height !important;
     line-height: @height !important;
     box-shadow: none !important;
-    transition: background 300ms;
+    transition: all 300ms ease;
     background: linear-gradient(135deg, #001a3a 0%, #003d82 100%);
-    padding: 0 16px;
+    padding: 0 12px;
+    overflow: hidden;
+    white-space: nowrap;
     
     .logo-content {
       display: flex;
       align-items: center;
+      justify-content: flex-start;
       height: 100%;
+      overflow: hidden;
       
       .logo-icon {
-        font-size: 24px;
-        margin-right: 8px;
+        font-size: 22px;
+        flex-shrink: 0;
         display: flex;
         align-items: center;
-        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
+        justify-content: center;
+        min-width: 22px;
       }
       
       .logo-title {
-        font-size: 18px;
+        font-size: 14px;
         color: #ffffff;
-        margin: 0;
+        margin: 0 0 0 8px;
         font-weight: 600;
-        text-shadow: 0 1px 2px rgba(0,0,0,0.3);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        opacity: 1;
+        transition: opacity 300ms ease;
       }
     }
     
-    &:hover {
-      background: linear-gradient(135deg, #003d82 0%, #001a3a 100%);
+    // 折叠状态：只显示图标居中
+    &.logo-collapsed {
+      padding: 0;
+      
+      .logo-content {
+        justify-content: center;
+      }
     }
 
     a {