客户超额消息通知

bms-front/src/layout/components/Navbar.vue

@@ -42,6 +42,11 @@
             <router-link to="/user/profile">
               <el-dropdown-item>个人中心</el-dropdown-item>
             </router-link>
+            <el-dropdown-item command="myNotify">
+              <el-badge :value="notifyState.unreadCount" :hidden="!notifyState.unreadCount" :max="99" type="danger">
+                <span>我的通知</span>
+              </el-badge>
+            </el-dropdown-item>
             <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
                 <span>布局设置</span>
             </el-dropdown-item>
@@ -72,6 +77,7 @@ import useAppStore from '@/store/modules/app'
 import useUserStore from '@/store/modules/user'
 import useLockStore from '@/store/modules/lock'
 import useSettingsStore from '@/store/modules/settings'
+import { notifyState } from '@/components/NotifyPopup/notifyState'
 // import HeaderNotice from './HeaderNotice' // 消息通知铃铛已隐藏
 
 const route = useRoute()
@@ -93,6 +99,9 @@ function handleCommand(command) {
     case "lockScreen":
       lockScreen()
       break
+    case "myNotify":
+      notifyState.open && notifyState.open()
+      break
     case "logout":
       logout()
       break

bms-front/src/layout/index.vue

@@ -10,6 +10,8 @@
       <app-main />
       <settings ref="settingRef" />
     </div>
+    <!-- 全局消息通知：登录后未读弹屏 + 头像菜单“我的通知”入口 -->
+    <notify-popup />
   </div>
 </template>
 
@@ -17,6 +19,7 @@
 import { useWindowSize } from '@vueuse/core'
 import Sidebar from './components/Sidebar/index.vue'
 import { AppMain, Navbar, Settings, TagsView } from './components'
+import NotifyPopup from '@/components/NotifyPopup/index.vue'
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'