- 将 useOrderNotify 改造为实例安全的 Composable,支持多个页面独立调用 - 在 shop/dashboard 和 cms/dashboard 页面添加新订单提醒开关和测试按钮 - 新订单提醒触发时自动刷新 Dashboard 数据,提升数据同步性 - 新订单提醒包括叮声和语音播报,用户交互后自动解锁音频播放 - cms/dashboard 概况卡片标题添加提醒控件,shop/dashboard 欢迎横幅右侧添加提醒栏 - 提取 cms/dashboard loadData 函数实现复用,统一数据加载逻辑 - 优化组件状态管理,防止多个实例间状态冲突,提升稳定性和可维护性
774 B
774 B
2026-07-14
为 Dashboard 页面添加新订单声音提醒
- 将
src/views/shop/shopOrder/useOrderNotify.ts改造为实例安全的 Composable:模块级状态(enabled/polling/timerId/lastOrderId/initialized/callback)移入函数作用域,AudioContext 和音频解锁监听器保持模块级共享。每个页面调用可创建独立实例,互不冲突。 - 在
src/views/shop/dashboard/index.vue的欢迎横幅右侧添加新订单提醒开关栏(开关 + 测试按钮),检测到新订单后自动调用 loadData() 刷新 Dashboard 数据。 - 在
src/views/cms/dashboard/index.vue的概况卡片标题栏添加新订单提醒控件,同样检测到新订单后刷新数据。 - 提取了 CMS Dashboard 的 loadData 函数使其可复用。