feat(tasks): 大屏任务卡展示增强 —— 接单方式/截止/交付时限/人数/独占/发包方

- taskData.js normalizeTask 加 mode/modeLabel/deadline/deliveryDays/headcount/exclusive/publisherName。
- TaskDisplay.jsx 卡片增 接单方式+预算、截止/交付时限/独占|人数 徽标、发包方。
- task-display.css 加 task-meta 行样式。

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Pine
2026-08-25 19:30:34 +08:00
parent d61b59acf5
commit 75f50cebba
3 changed files with 27 additions and 2 deletions
+10 -2
View File
@@ -93,11 +93,19 @@ function TaskCard({ task }) {
))}
</div>
<div className="task-budget">预算 {task.budgetLabel}</div>
<div className="task-budget">预算 {task.budgetLabel} · {task.modeLabel}</div>
<div className="task-meta-row">
{task.deadline && <span className="task-meta-item">接单截止 {task.deadline}</span>}
{task.deliveryDays > 0 && <span className="task-meta-item">交付时限 {task.deliveryDays} 天</span>}
{task.exclusive
? <span className="task-meta-item">独占接单</span>
: task.headcount > 0 ? <span className="task-meta-item">限 {task.headcount} 人</span> : null}
</div>
<div className="task-foot">
<div className="task-meta">
<span className="task-id-label">任务ID</span>
<span className="task-id-label">任务ID · {task.publisherName ? `${task.publisherName} 发包` : '园区发包'}</span>
<span className="task-id">{task.task_code || task.id}</span>
</div>
<div className="task-qr">