feat: 今日清洗任务页面增加已录入重量列

- 在食材行中添加"已录入重量"列,显示每种食材的实际录入重量
- 已完成任务单显示完整已录入重量(绿色)
- 待处理任务单显示已录入重量(绿色)
- 新到达任务单显示"未录入"(灰色)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
zhangyan
2026-06-15 17:29:08 +08:00
co-authored by Claude Opus 4.6
parent 4ffc38cd21
commit 130ad63094
@@ -142,6 +142,15 @@
.ingredient-row__weight {
font-size: 13px; color: rgba(255,255,255,0.6); margin-right: 24px; white-space: nowrap;
}
.ingredient-row__recorded {
font-size: 13px; color: #52c41a; margin-right: 24px; white-space: nowrap; min-width: 80px; text-align: center;
}
.ingredient-row__recorded--partial {
color: #faad16;
}
.ingredient-row__recorded--none {
color: rgba(255,255,255,0.3);
}
.ingredient-row__deadline {
font-size: 12px; color: rgba(255,255,255,0.5);
min-width: 90px; text-align: right; white-space: nowrap;
@@ -258,18 +267,21 @@
<div class="ingredient-row__icon icon--cucumber">🥒</div>
<span class="ingredient-row__name">黄瓜</span>
<span class="ingredient-row__weight">需 4.0 斤</span>
<span class="ingredient-row__recorded">已录 4.0 斤</span>
<span class="ingredient-row__deadline">截止 10:00</span>
</div>
<div class="ingredient-row">
<div class="ingredient-row__icon icon--potato"></div>
<span class="ingredient-row__name">土豆</span>
<span class="ingredient-row__weight">需 5.0 斤</span>
<span class="ingredient-row__recorded">已录 5.0 斤</span>
<span class="ingredient-row__deadline">截止 10:30</span>
</div>
<div class="ingredient-row">
<div class="ingredient-row__icon icon--tomato">🍅</div>
<span class="ingredient-row__name">西红柿</span>
<span class="ingredient-row__weight">需 3.5 斤</span>
<span class="ingredient-row__recorded">已录 3.5 斤</span>
<span class="ingredient-row__deadline">截止 11:00</span>
</div>
</div>
@@ -288,15 +300,17 @@
<div class="order-card__divider"></div>
<div class="order-card__body">
<div class="ingredient-row">
<div class="ingredient-row__icon icon--carrot">🥕</div>
<div class="ingredient-row__icon icon--carrot"></div>
<span class="ingredient-row__name">胡萝卜</span>
<span class="ingredient-row__weight">需 2.0 斤</span>
<span class="ingredient-row__recorded">已录 2.0 斤</span>
<span class="ingredient-row__deadline">截止 11:30</span>
</div>
<div class="ingredient-row">
<div class="ingredient-row__icon icon--tomato">🍅</div>
<span class="ingredient-row__name">小番茄</span>
<span class="ingredient-row__weight">需 1.5 斤</span>
<span class="ingredient-row__recorded">已录 1.5 斤</span>
<span class="ingredient-row__deadline">截止 14:00</span>
</div>
</div>
@@ -318,18 +332,21 @@
<div class="ingredient-row__icon icon--cabbage">🥬</div>
<span class="ingredient-row__name">大白菜</span>
<span class="ingredient-row__weight">需 8.0 斤</span>
<span class="ingredient-row__recorded">已录 8.0 斤</span>
<span class="ingredient-row__deadline ingredient-row__deadline--overdue">截止 09:30</span>
</div>
<div class="ingredient-row">
<div class="ingredient-row__icon icon--cabbage">🥬</div>
<span class="ingredient-row__name">娃娃菜</span>
<span class="ingredient-row__weight">需 2.5 斤</span>
<span class="ingredient-row__recorded">已录 2.5 斤</span>
<span class="ingredient-row__deadline">截止 10:00</span>
</div>
<div class="ingredient-row">
<div class="ingredient-row__icon icon--potato"></div>
<span class="ingredient-row__name">土豆(晚餐)</span>
<span class="ingredient-row__weight">需 3.0 斤</span>
<span class="ingredient-row__recorded">已录 3.0 斤</span>
<span class="ingredient-row__deadline">截止 15:00</span>
</div>
</div>
@@ -419,12 +436,14 @@
'<div class="ingredient-row__icon icon--cabbage">🥦</div>' +
'<span class="ingredient-row__name">西兰花</span>' +
'<span class="ingredient-row__weight">需 3.0 斤</span>' +
'<span class="ingredient-row__recorded ingredient-row__recorded--none">未录入</span>' +
'<span class="ingredient-row__deadline">截止 13:00</span>' +
'</div>' +
'<div class="ingredient-row">' +
'<div class="ingredient-row__icon icon--carrot">🥕</div>' +
'<span class="ingredient-row__name">芹菜</span>' +
'<span class="ingredient-row__weight">需 2.0 斤</span>' +
'<span class="ingredient-row__recorded ingredient-row__recorded--none">未录入</span>' +
'<span class="ingredient-row__deadline">截止 13:30</span>' +
'</div>' +
'</div>' +