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>
2.3 KiB
2.3 KiB
P9→NS1/RNS1 缺失项 #13：助教详情页任务分组的视觉区分
简要结论
- 状态：✅ 已解决
- 风险等级：🟢 低
- 后端按 active/inactive/abandoned 三组返回数据，前端为每组定义了差异化视觉样式
详细审查
审查范围
apps/backend/app/services/coach_service.py—_build_task_groups()apps/miniprogram/miniprogram/pages/coach-detail/coach-detail.wxml— 任务执行区域apps/miniprogram/miniprogram/pages/coach-detail/coach-detail.wxss— 任务样式
发现
- 后端
_build_task_groups()按 status 分为三组：visible_tasks（active）、hidden_tasks（inactive）、abandoned_tasks（abandoned），数据结构清晰 - 前端 WXML 中三组有明确的视觉区分：
visibleTasks：直接展示，每个 task-item 带task-item-{{item.typeClass}}样式（如task-item-high-priority、task-item-priority、task-item-relationship、task-item-callback），有彩色背景和边框hiddenTasks：在tasksExpanded展开后显示，样式与 visible 一致但位于task-list-extra区域abandonedTasks：使用task-item-abandoned样式，灰色背景#fafafa、opacity: 0.55、客户名带删除线text-decoration: line-through
- WXSS 中定义了完整的颜色映射：
task-item-high-priority：红色系rgba(254, 226, 226, 0.6)task-item-priority：橙色系rgba(255, 237, 213, 0.4)task-item-relationship：粉色系rgba(252, 231, 243, 0.4)task-item-callback：青色系rgba(204, 251, 241, 0.4)task-item-abandoned：灰色 + 半透明
证据
<!-- coach-detail.wxml — active 任务 -->
<view class="task-item task-item-{{item.typeClass}}" wx:for="{{visibleTasks}}" ...>
<text class="task-tag-text {{item.typeClass}}">{{item.typeLabel}}</text>
...
</view>
<!-- abandoned 任务 -->
<view class="task-item task-item-abandoned" wx:for="{{abandonedTasks}}" ...>
<text class="task-abandoned-name">{{item.customerName}}</text>
<text class="task-abandoned-reason">{{item.reason}}</text>
</view>
/* coach-detail.wxss */
.task-item-abandoned {
background: #fafafa;
border-color: #eeeeee;
opacity: 0.55;
}
.task-abandoned-name {
text-decoration: line-through;
color: #c5c5c5;
}