包含多个会话的累积代码变更: - 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>
2.4 KiB
2.4 KiB
P9→NS1/RNS1 缺失项 #5:客户详情页 Banner 区域的视觉设计
简要结论
- 状态:✅ 已解决
- 风险等级:🟡 低
- Banner 区域已实现完整的 4 字段布局(储值余额/60天消费/理想间隔/距今到店),含渐变背景、毛玻璃统计栏、颜色区分。
详细审查
审查范围
apps/backend/app/schemas/xcx_customers.py— Banner 字段定义apps/backend/app/services/customer_service.py— Banner 字段查询apps/miniprogram/miniprogram/pages/customer-detail/customer-detail.wxml— Banner 区域模板apps/miniprogram/miniprogram/pages/customer-detail/customer-detail.wxss— Banner 区域样式
发现
-
后端:4 个 Banner 字段已定义并实现
balance: float | None— 储值余额consumption_60d: float | None— 60 天消费ideal_interval: int | None— 理想间隔days_since_visit: int | None— 距今到店- 各字段独立 try/except,查询失败降级为
null
-
前端:Banner 布局已完整实现
- SVG 渐变背景图(
banner-bg-dark-gold-aurora.svg) - 客户头部信息(头像 + 姓名 + 手机号查看/复制)
- 4 格统计栏(
banner-stats),毛玻璃效果(backdrop-filter: blur(8px)) - 颜色区分:余额绿色(
stat-green #6ee7b7)、距今到店琥珀色(stat-amber #fcd34d)
- SVG 渐变背景图(
-
布局与 RNS1 T2-1 定义一致
- 4 个字段均已展示,布局为水平等分 + 分隔线
证据
前端 Banner 统计区域:
<view class="banner-stats">
<view class="stat-item stat-border">
<text class="stat-value stat-green">¥{{fmt.safe(detail.balance)}}</text>
<text class="stat-label">储值余额</text>
</view>
<view class="stat-item stat-border">
<text class="stat-value">¥{{fmt.safe(detail.consumption60d)}}</text>
<text class="stat-label">60天消费</text>
</view>
<view class="stat-item stat-border">
<text class="stat-value">{{fmt.safe(detail.idealInterval)}}</text>
<text class="stat-label">理想间隔</text>
</view>
<view class="stat-item">
<text class="stat-value stat-amber">{{fmt.safe(detail.daysSinceVisit)}}</text>
<text class="stat-label">距今到店</text>
</view>
</view>
建议(如未完全解决)
无重大缺失。可考虑的微调:
ideal_interval后端当前返回None,需确认数据源是否已接入- 可添加单位后缀(如"天"、"元")提升可读性