包含多个会话的累积代码变更: - 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>
1.8 KiB
1.8 KiB
P8→NS1/RNS1 缺失项 #8:客户看板"最频繁"维度的柱状图交互
简要结论
- 状态:⚠️ 部分解决
- 风险等级:🟠 中
- 柱状图已实现渲染,但缺少点击柱子显示具体数据的交互
详细审查
审查范围
apps/miniprogram/miniprogram/pages/board-customer/board-customer.wxmlapps/miniprogram/miniprogram/pages/board-customer/board-customer.tsapps/miniprogram/miniprogram/pages/board-customer/board-customer.wxss
发现
- 柱状图渲染已实现:
board-customer.wxml中dimType === 'freq60'时渲染了mini-chart迷你柱状图,包含 8 周数据、柱子高度百分比、渐变透明度、底部数字 - 数据结构已定义:
weeklyVisits: Array<{ val: number; pct: number }>在 TS 接口中已定义,Mock 数据包含 8 个元素 - 缺少点击交互:柱状图的
mini-bar-col元素没有bindtap事件绑定,无法点击柱子查看具体数据 - 无 tooltip/弹窗组件:没有实现点击柱子后显示详细数据(如具体到店日期、消费金额等)的 UI
证据
WXML 中柱状图部分(无 bindtap):
<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(整张卡片点击跳转详情页)。
建议
- 在
mini-bar-col上添加bindtap="onBarTap"并传递data-week-index和data-customer-id - 实现
onBarTap方法,弹出轻量 tooltip 显示该周具体到店次数和日期 - 或者考虑:由于柱状图尺寸较小(迷你图),点击交互在移动端体验可能不佳,可评估是否改为点击整张卡片进入详情页后查看完整图表