包含多个会话的累积代码变更: - 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.7 KiB
2.7 KiB
P6→NS1/RNS1 缺失项 #8:任务到期倒计时的展示规则
简要结论
- 状态:✅ 已解决
- 风险等级:🟡 低
- 已实现完整的到期倒计时展示规则,包含 4 级颜色变化(灰/正常/橙色警告/红色逾期),与 DISPLAY-STANDARDS-2.md §7 规范对齐。
详细审查
审查范围
apps/miniprogram/miniprogram/utils/time.ts—formatDeadline()函数apps/miniprogram/miniprogram/pages/task-list/task-list.wxml— deadline 展示apps/miniprogram/miniprogram/pages/task-list/task-list.wxss— deadline 样式apps/miniprogram/miniprogram/pages/task-list/task-list.ts— enrichTask 中的 deadline 处理
发现
formatDeadline() 函数(完整实现):
export function formatDeadline(deadline: string | null | undefined):
{ text: string; style: 'normal' | 'warning' | 'danger' | 'muted' } {
if (!deadline) return { text: '--', style: 'muted' }
const diff = /* 天数差 */
if (diff < 0) return { text: `逾期 ${Math.abs(diff)} 天`, style: 'danger' }
if (diff === 0) return { text: '今天到期', style: 'warning' }
if (diff <= 7) return { text: `还剩 ${diff} 天`, style: 'normal' }
return { text: `${mm}-${dd}`, style: 'muted' }
}
4 级颜色映射(WXSS 已实现):
| 条件 | 文案 | style | 颜色 |
|---|---|---|---|
| 无截止日期 | -- |
muted | #a6a6a6(灰) |
| > 7 天 | MM-DD |
muted | #a6a6a6(灰) |
| 1-7 天 | 还剩 N 天 |
normal | #5e5e5e(深灰) |
| 今天 | 今天到期 |
warning | #ed7b2f(橙) |
| 已逾期 | 逾期 N 天 |
danger | #e34d59(红) |
逾期徽章(额外实现):
逾期任务在卡片第一行右侧显示红色逾期徽章(overdue-badge),与 deadline 行的红色文字形成双重提醒。
证据
WXSS 中的 deadline 颜色定义:
.deadline-text--muted { color: #a6a6a6; }
.deadline-text--normal { color: #5e5e5e; }
.deadline-text--warning { color: #ed7b2f; }
.deadline-text--danger { color: #e34d59; font-weight: 600; }
WXML 中的 deadline 展示逻辑:
<!-- 逾期徽章(danger 级别显示在第一行) -->
<text class="overdue-badge" wx:if="{{item.deadlineStyle === 'danger'}}">{{item.deadlineLabel}}</text>
<!-- 非逾期的 deadline 显示在独立行 -->
<view class="card-row-deadline" wx:if="{{item.deadlineLabel && item.deadlineLabel !== '--' && item.deadlineStyle !== 'danger'}}">
<text class="deadline-text deadline-text--{{item.deadlineStyle}}">{{item.deadlineLabel}}</text>
</view>
建议(如未完全解决)
- 当前实现已覆盖 P6 定义的核心需求。如需更细粒度的颜色变化(如 3 天内黄色、1 天内橙色),可在
formatDeadline()中增加判断分支