Neo
6f8f12314f
包含多个会话的累积代码变更： - backend: AI 聊天服务、触发器调度、认证增强、WebSocket、调度器最小间隔 - admin-web: ETL 状态页、任务管理、调度配置、登录优化 - miniprogram: 看板页面、聊天集成、UI 组件、导航更新 - etl: DWS 新任务（finance_area_daily/board_cache）、连接器增强 - tenant-admin: 项目初始化 - db: 19 个迁移脚本（etl_feiqiu 11 + zqyy_app 8） - packages/shared: 枚举和工具函数更新 - tools: 数据库工具、报表生成、健康检查 - docs: PRD/架构/部署/合约文档更新 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
36 lines
1.8 KiB
Markdown
36 lines
1.8 KiB
Markdown
# P8→NS1/RNS1 缺失项 #8：客户看板"最频繁"维度的柱状图交互
|
||
|
||
## 简要结论
|
||
- 状态：⚠️ 部分解决
|
||
- 风险等级：🟠 中
|
||
- 柱状图已实现渲染，但缺少点击柱子显示具体数据的交互
|
||
|
||
## 详细审查
|
||
|
||
### 审查范围
|
||
- `apps/miniprogram/miniprogram/pages/board-customer/board-customer.wxml`
|
||
- `apps/miniprogram/miniprogram/pages/board-customer/board-customer.ts`
|
||
- `apps/miniprogram/miniprogram/pages/board-customer/board-customer.wxss`
|
||
|
||
### 发现
|
||
1. **柱状图渲染已实现**：`board-customer.wxml` 中 `dimType === 'freq60'` 时渲染了 `mini-chart` 迷你柱状图，包含 8 周数据、柱子高度百分比、渐变透明度、底部数字
|
||
2. **数据结构已定义**：`weeklyVisits: Array<{ val: number; pct: number }>` 在 TS 接口中已定义，Mock 数据包含 8 个元素
|
||
3. **缺少点击交互**：柱状图的 `mini-bar-col` 元素没有 `bindtap` 事件绑定，无法点击柱子查看具体数据
|
||
4. **无 tooltip/弹窗组件**：没有实现点击柱子后显示详细数据（如具体到店日期、消费金额等）的 UI
|
||
|
||
### 证据
|
||
|
||
WXML 中柱状图部分（无 bindtap）：
|
||
```xml
|
||
<view class="mini-bar-col" wx:for="{{item.weeklyVisits}}" wx:for-item="wv" wx:for-index="wIdx" wx:key="wIdx">
|
||
<view class="mini-bar" style="height:{{wv.pct}}%;opacity:{{0.2 + wIdx * 0.057}}"></view>
|
||
</view>
|
||
```
|
||
|
||
TS 中无柱状图点击处理函数，仅有 `onCustomerTap`（整张卡片点击跳转详情页）。
|
||
|
||
### 建议
|
||
1. 在 `mini-bar-col` 上添加 `bindtap="onBarTap"` 并传递 `data-week-index` 和 `data-customer-id`
|
||
2. 实现 `onBarTap` 方法，弹出轻量 tooltip 显示该周具体到店次数和日期
|
||
3. 或者考虑：由于柱状图尺寸较小（迷你图），点击交互在移动端体验可能不佳，可评估是否改为点击整张卡片进入详情页后查看完整图表
|