# 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()` 中增加判断分支
