2级sidebar

urbanLifelineWeb/packages/workcase/src/layouts/SidebarLayout/SidebarLayout.scss

@@ -5,17 +5,17 @@
     overflow: hidden;
 }
 
-// ==================== 侧边栏 ====================
+// ==================== 侧边栏（内层子导航样式）====================
 .sidebar {
-    width: 220px;
+    width: 180px;
     height: 100%;
-    background: #F0EAF4;
+    background: #fff;
     display: flex;
     flex-direction: column;
     color: #333;
     flex-shrink: 0;
     transition: width 0.3s ease;
-    border-right: 1px solid rgba(0, 0, 0, 0.08);
+    border-right: 1px solid #e4e7ed;
     
     &.collapsed {
         width: 64px;
@@ -49,7 +49,7 @@
 // 侧边栏头部
 .sidebar-header {
     padding: 16px 20px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+    border-bottom: 1px solid #e4e7ed;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -63,7 +63,7 @@
     justify-content: center;
     border-radius: 6px;
     cursor: pointer;
-    color: #888;
+    color: #909399;
     transition: all 0.2s;
     
     &:hover {
@@ -78,18 +78,16 @@
     gap: 10px;
     
     .logo-img {
-        width: 40px;
-        height: 40px;
+        width: 36px;
+        height: 36px;
         border-radius: 6px;
         object-fit: contain;
-        background: #fff;
-        padding: 2px;
     }
     
     .logo-text {
         font-size: 16px;
         font-weight: 600;
-        color: #333;
+        color: #303133;
     }
 }
 
@@ -97,31 +95,31 @@
 .nav-menu {
     flex: 1;
     overflow-y: auto;
-    padding: 12px 0;
+    padding: 16px 0;
     
     &::-webkit-scrollbar {
         width: 4px;
     }
     
     &::-webkit-scrollbar-thumb {
-        background: rgba(0, 0, 0, 0.2);
+        background: rgba(0, 0, 0, 0.15);
         border-radius: 4px;
     }
 }
 
 .nav-section {
-    padding: 8px 0;
+    padding: 0;
 }
 
 .nav-item {
     display: flex;
     align-items: center;
-    gap: 12px;
-    padding: 14px 20px;
-    margin-bottom: 4px;
+    gap: 10px;
+    padding: 10px 20px;
+    margin-bottom: 0;
     cursor: pointer;
     transition: all 0.2s ease;
-    color: #555;
+    color: #606266;
     font-size: 14px;
     
     &:hover {
@@ -132,11 +130,11 @@
     &.active {
         background: rgba(124, 58, 237, 0.15);
         color: #7c3aed;
-        font-weight: 500;
+        border-right: 3px solid #7c3aed;
     }
     
     .el-icon {
-        font-size: 18px;
+        font-size: 16px;
         flex-shrink: 0;
     }
     
@@ -150,7 +148,7 @@
 // 用户信息
 .user-section {
     padding: 16px 20px;
-    border-top: 1px solid rgba(0, 0, 0, 0.08);
+    border-top: 1px solid #e4e7ed;
     cursor: pointer;
     transition: background 0.2s;
     
@@ -171,7 +169,7 @@
     .user-name {
         font-size: 14px;
         font-weight: 500;
-        color: #333;
+        color: #303133;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -245,7 +243,7 @@
         width: 64px;
         
         &:not(.collapsed) {
-            width: 220px;
+            width: 180px;
             position: fixed;
             left: 0;
             top: 0;

urbanLifelineWeb/packages/workcase/src/layouts/SidebarLayout/SidebarLayout.vue

@@ -30,31 +30,6 @@
                 </div>
             </nav>
 
-            <!-- 用户信息 -->
-            <el-dropdown class="user-section" trigger="click" @command="handleUserCommand">
-                <div class="user-info-wrapper">
-                    <div class="user-avatar">
-                        <el-avatar :size="36" src="/avatar.svg" @error="handleAvatarError" />
-                    </div>
-                    <span v-if="!collapsed" class="user-name">{{ userName }}</span>
-                </div>
-                <template #dropdown>
-                    <el-dropdown-menu>
-                        <el-dropdown-item command="profile">
-                            <el-icon><User /></el-icon>
-                            个人中心
-                        </el-dropdown-item>
-                        <el-dropdown-item command="settings" divided>
-                            <el-icon><Setting /></el-icon>
-                            系统设置
-                        </el-dropdown-item>
-                        <el-dropdown-item command="logout" divided>
-                            <el-icon><SwitchButton /></el-icon>
-                            退出登录
-                        </el-dropdown-item>
-                    </el-dropdown-menu>
-                </template>
-            </el-dropdown>
         </aside>
 
         <!-- 主内容区 -->

urbanLifelineWeb/packages/workcase/src/layouts/index.ts

@@ -1,3 +1,4 @@
 export { default as SidebarLayout } from './SidebarLayout/SidebarLayout.vue'
+
 // BlankLayout从shared导入
-export { BlankLayout } from 'shared/layouts'
+export { BlankLayout, AdminSidebarLayout } from 'shared/layouts';