赵忠林
5106fe101c
- 将 useOrderNotify 改造为实例安全的 Composable，支持多个页面独立调用 - 在 shop/dashboard 和 cms/dashboard 页面添加新订单提醒开关和测试按钮 - 新订单提醒触发时自动刷新 Dashboard 数据，提升数据同步性 - 新订单提醒包括叮声和语音播报，用户交互后自动解锁音频播放 - cms/dashboard 概况卡片标题添加提醒控件，shop/dashboard 欢迎横幅右侧添加提醒栏 - 提取 cms/dashboard loadData 函数实现复用，统一数据加载逻辑 - 优化组件状态管理，防止多个实例间状态冲突，提升稳定性和可维护性
9 lines
774 B
Markdown
9 lines
774 B
Markdown
# 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 函数使其可复用。
|