# 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 ``` TS 中无柱状图点击处理函数,仅有 `onCustomerTap`(整张卡片点击跳转详情页)。 ### 建议 1. 在 `mini-bar-col` 上添加 `bindtap="onBarTap"` 并传递 `data-week-index` 和 `data-customer-id` 2. 实现 `onBarTap` 方法,弹出轻量 tooltip 显示该周具体到店次数和日期 3. 或者考虑:由于柱状图尺寸较小(迷你图),点击交互在移动端体验可能不佳,可评估是否改为点击整张卡片进入详情页后查看完整图表