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>
69 lines
2.7 KiB
Markdown
69 lines
2.7 KiB
Markdown
# 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()` 函数（完整实现）：**
|
||
|
||
```typescript
|
||
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 颜色定义：
|
||
```css
|
||
.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 展示逻辑：
|
||
```html
|
||
<!-- 逾期徽章（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()` 中增加判断分支
|