优化

src/app/layouts/AppLayout.vue

@@ -2,7 +2,7 @@
 import { computed, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
-import { LogOut, Menu } from '@lucide/vue'
+import { Bell, FileText, LogOut, Mail, Menu } from '@lucide/vue'
 import { getApiErrorDetails } from '@/shared/api/http'
 import baiyueLogoWhite from '@/assets/brand/baiyue-logo-white.png'
 import baiyueMarkWhite from '@/assets/brand/baiyue-mark-white.png'
@@ -129,6 +129,16 @@ watch(() => auth.user?.id || auth.user?.account || '', (userId, previousUserId)
         ><Menu :size="22" /></button>
         <div v-if="showPageHeading" class="page-heading"><h1>{{ pageTitle }}</h1><p v-if="pageDescription">{{ pageDescription }}</p></div>
         <div class="header-user">
+          <el-dropdown disabled trigger="click" placement="bottom-end">
+            <button class="notification-trigger" type="button" aria-label="消息中心，后端契约待接入" disabled>
+              <Bell :size="18" /><span>消息中心</span><span class="notification-count">--</span>
+            </button>
+            <template #dropdown><el-dropdown-menu>
+              <el-dropdown-item disabled><Mail :size="15" />消息管理</el-dropdown-item>
+              <el-dropdown-item disabled><FileText :size="15" />模板管理</el-dropdown-item>
+              <el-dropdown-item disabled><Bell :size="15" />我的消息</el-dropdown-item>
+            </el-dropdown-menu></template>
+          </el-dropdown>
           <div class="user-avatar">{{ auth.user?.name.slice(0, 1) }}</div>
           <div class="user-copy" :aria-label="`登录身份：${auth.user?.name ?? '-'}（${auth.user?.account ?? '-'}）`"><strong>登录身份：{{ auth.user?.name }}（{{ auth.user?.account }}）</strong></div>
           <el-button text aria-label="退出登录" @click="handleLogout"><LogOut :size="18" /></el-button>
@@ -153,4 +163,8 @@ watch(() => auth.user?.id || auth.user?.account || '', (userId, previousUserId)
 
 <style scoped>
 .app-header--without-page-heading .header-user { margin-left: auto; }
+.notification-trigger { display: inline-flex; min-height: 34px; align-items: center; gap: 6px; padding: 0 9px; border: 0; border-radius: 4px; background: transparent; color: var(--cc-muted); font: inherit; }
+.notification-trigger:disabled { cursor: not-allowed; opacity: .72; }
+.notification-count { display: inline-flex; min-width: 22px; height: 18px; align-items: center; justify-content: center; padding: 0 5px; border-radius: 9px; background: #e5e7eb; color: #64748b; font-size: 11px; font-weight: 700; }
+@media (max-width: 720px) { .notification-trigger > span:not(.notification-count) { display: none; } }
 </style>

src/app/router/index.ts

@@ -28,6 +28,7 @@ import { feeItemRoutes } from '@/modules/fee-items/routes'
 import { containerLoadingRoutes } from '@/modules/container-loading/routes'
 import { loadingListRoutes } from '@/modules/loading-lists/routes'
 import { financeRoutes } from '@/modules/finance/routes'
+import { notificationRoutes } from '@/modules/notifications/routes'
 
 const router = createRouter({
   history: createWebHistory(),
@@ -59,6 +60,7 @@ const router = createRouter({
         ...containerLoadingRoutes,
         ...loadingListRoutes,
         ...financeRoutes,
+        ...notificationRoutes,
         ...customerRoutes,
         ...warehouseRoutes,
         ...unifiedOrderRoutes,