feat(shopOrder): 实现电脑版后台全局新订单红点提示

- 新建模块级全局单例 useOrderNotify，统一轮询检测新订单，避免多组件重复请求
- 轮询检测到新订单时触发叮声、语音播报，通知所有已注册回调刷新数据
- 订单管理菜单及 dashboard 快速入口显示红点提示新订单未查看
- 进入订单列表页时调用 clearBadge 同步最新订单ID并清除红点，标记订单已查看
- layout 全局启动新订单提醒，任意页面均生效
- menu-title 组件新增纯红点（dot）徽章显示支持
- dashboard 快速入口图标加红点显示及脉冲动画，提升视觉提示效果
- 维护新订单提醒回调集合，组件卸载自动移除回调避免内存泄漏
- 新订单提醒配置项和状态均为模块共享响应式，支持多组件无冲突使用

src/views/shop/shopOrder/index.vue

@@ -380,7 +380,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { createVNode, ref } from 'vue';
+  import { createVNode, ref, onMounted, onActivated } from 'vue';
   import { useRoute } from 'vue-router';
   import type { EleProTable } from 'ele-admin-pro';
   import type {
@@ -447,9 +447,19 @@
   );
 
   // ============ 新订单提醒 ============
-  const { enabled: notifyEnabled, toggle: onNotifyToggle, testNotify: onTestNotify } = useOrderNotify({
+  const { enabled: notifyEnabled, toggle: onNotifyToggle, testNotify: onTestNotify, clearBadge } = useOrderNotify({
     onNewOrder: () => reload()
   });
+  // 进入订单列表页时清除菜单红点（标记已查看），并同步 lastOrderId 为当前最新订单
+  // 兼容 keep-alive：onMounted 处理首次进入，onActivated 处理缓存再次激活
+  let orderBadgeMounted = false;
+  onMounted(() => {
+    clearBadge();
+    orderBadgeMounted = true;
+  });
+  onActivated(() => {
+    if (orderBadgeMounted) clearBadge();
+  });
   // 根据tab key获取对应的statusFilter值
   // undefined全部，0待付款，1待发货，2待核销，3待收货，4待评价，5已完成，6已退款，7已删除，8已关闭
   const getStatusFilterByTab = (key: string): number | undefined => {