包含多个会话的累积代码变更: - 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.5 KiB
2.5 KiB
P9→NS1/RNS1 缺失项 #14:客户详情页维客线索的展示规范
简要结论
- 状态:✅ 已解决
- 风险等级:🟢 低
- clue-card 组件已实现完整的卡片布局和 category 颜色映射(6 种配色),后端从
member_retention_clue表查询数据
详细审查
审查范围
apps/backend/app/services/customer_service.py—_build_retention_clues()apps/miniprogram/miniprogram/pages/customer-detail/customer-detail.wxml— 维客线索区域apps/miniprogram/miniprogram/components/clue-card/clue-card.ts— 组件属性apps/miniprogram/miniprogram/components/clue-card/clue-card.wxml— 组件模板apps/miniprogram/miniprogram/components/clue-card/clue-card.wxss— 组件样式
发现
- 后端
_build_retention_clues()从public.member_retention_clue表查询clue_type和clue_text,按created_at倒序 - 前端
clue-card组件接收tag、category(颜色类名)、emoji、title、source、content六个属性 - WXSS 中定义了 VI 规范 2.1 的六种客户标签配色:
clue-tag-primary:蓝色(客户基础)clue-tag-success:绿色(消费习惯)clue-tag-orange:橙色(玩法偏好)clue-tag-gold/clue-tag-warning:金色(促销偏好)clue-tag-purple:紫色(社交关系)clue-tag-error:红色(重要反馈)clue-tag-pink:粉色(社交关系别名)
- 卡片布局包含:标签方块(72rpx×72rpx)、文本内容区、来源标注、可选详情描述
证据
<!-- customer-detail.wxml -->
<clue-card
wx:for="{{clues}}" wx:key="index"
tag="{{item.category}}"
category="{{item.categoryColor}}"
emoji=""
title="{{item.text}}"
source="By:{{item.source}}"
content="{{item.detail}}"
/>
/* clue-card.wxss — VI 规范 2.1 六种配色 */
.clue-tag-primary { background: rgba(0, 82, 217, 0.10); color: #0052d9; }
.clue-tag-success { background: rgba(0, 168, 112, 0.10); color: #00a870; }
.clue-tag-orange { background: rgba(237, 123, 47, 0.12); color: #ed7b2f; }
.clue-tag-purple { background: rgba(123, 97, 255, 0.10); color: #7b61ff; }
.clue-tag-error { background: rgba(227, 77, 89, 0.10); color: #e34d59; }
建议
- 后端
_build_retention_clues()当前仅返回type和text,未返回category(颜色类名)和source。前端customer-detail.ts中clues数据目前是 mock 硬编码的categoryColor。建议后端补充clue_type → categoryColor的映射逻辑,或在前端建立映射表。