优化

src/layouts/AppLayout.vue

@@ -96,9 +96,6 @@ async function handleLogout() {
 <template>
   <div class="client-shell" :class="{ 'mobile-menu-open': mobileMenuOpen }">
     <header class="top-header" :inert="mobileMenuOpen" :aria-hidden="mobileMenuOpen ? 'true' : undefined">
-      <RouterLink class="client-brand" to="/">
-        <img class="client-brand-logo" :src="baiyueLogoDark" alt="柏悦物流" />
-      </RouterLink>
       <button
         ref="menuButtonRef"
         type="button"
@@ -117,7 +114,6 @@ async function handleLogout() {
       <div class="client-user">
         <span class="client-avatar">{{ auth.user?.name.slice(0, 1) }}</span>
         <span class="client-user-copy"><strong>{{ auth.user?.name }}</strong><small>{{ auth.user?.roles.join('、') }}</small></span>
-        <el-button text aria-label="退出登录" @click="handleLogout"><LogOut :size="18" /></el-button>
       </div>
     </header>
 
@@ -136,8 +132,11 @@ async function handleLogout() {
       :inert="!desktopViewport && !mobileMenuOpen"
       :aria-hidden="!desktopViewport && !mobileMenuOpen ? 'true' : undefined"
     >
-      <div class="client-sidebar-header">
-        <strong>功能导航</strong>
+      <div class="client-sidebar-brand">
+        <RouterLink class="client-sidebar-brand-link" to="/" aria-label="返回业务总览" @click="closeMobileMenu">
+          <span class="client-sidebar-brand-mark"><img :src="baiyueLogoDark" alt="" /></span>
+          <span class="client-sidebar-brand-copy"><strong>柏悦物流</strong><small>客户工作台</small></span>
+        </RouterLink>
         <button
           ref="sidebarCloseButtonRef"
           type="button"
@@ -152,8 +151,11 @@ async function handleLogout() {
           :active-path="route.path"
           @navigate="closeMobileMenu"
         />
+        <button type="button" class="client-sidebar-logout" @click="handleLogout">
+          <LogOut :size="18" aria-hidden="true" />
+          <span>退出登录</span>
+        </button>
       </nav>
-      <div class="sidebar-help"><strong>需要帮助？</strong><span>联系您的专属客户经理</span></div>
     </aside>
 
     <main