feat: 净菜包装贴标秤订单列表新增净菜类型列

三个Tab页净菜包均展示尺寸·切法·刀型,餐品净菜包显示"—"。Grid 7列→8列。

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
zhangyan
2026-07-28 17:10:22 +08:00
co-authored by Claude Opus 4.6
parent 2a1e15d928
commit 7b77e5b1cb
2 changed files with 15 additions and 9 deletions
@@ -64,14 +64,14 @@
/* 表格头 */
.item-table__head {
display: grid; grid-template-columns: 1fr 0.5fr 0.45fr 0.3fr 0.3fr 44px 50px; gap: 6px;
display: grid; grid-template-columns: 1fr 0.5fr 0.45fr 0.55fr 0.3fr 0.3fr 44px 50px; gap: 6px;
padding: 5px 14px; background: rgba(0,0,0,0.2); font-size: 10px; color: rgba(255,255,255,0.4); font-weight: 500;
}
.item-table__body { display: flex; flex-direction: column; }
/* 餐品净菜包主行 */
.item-parent-row {
display: grid; grid-template-columns: 1fr 0.5fr 0.45fr 0.3fr 0.3fr 44px 50px; gap: 6px;
display: grid; grid-template-columns: 1fr 0.5fr 0.45fr 0.55fr 0.3fr 0.3fr 44px 50px; gap: 6px;
padding: 6px 14px; border-top: 1px solid rgba(255,255,255,0.04); align-items: center;
background: rgba(74,144,217,0.06);
}
@@ -254,8 +254,8 @@
taskNo: 'L-001',
labeled: false,
mealPacks: [
{ type: '净菜包', packName: '土豆', packSize: 3, packSpec: '500g', ingredients: [{ name: '土豆', weightPerPack: 500, weighed: 1500 }] },
{ type: '净菜包', packName: '胡萝卜', packSize: 3, packSpec: '500g', ingredients: [{ name: '胡萝卜', weightPerPack: 500, weighed: 1500 }] },
{ type: '净菜包', packName: '土豆', packSize: 3, packSpec: '500g', vegCutType: '3.5mm*3.5mm*50mm·细丝·平刀', ingredients: [{ name: '土豆', weightPerPack: 500, weighed: 1500 }] },
{ type: '净菜包', packName: '胡萝卜', packSize: 3, packSpec: '500g', vegCutType: '3mm*3mm*30mm·菱形片·斜刀', ingredients: [{ name: '胡萝卜', weightPerPack: 500, weighed: 1500 }] },
{ type: '餐品净菜包', packName: '宫保鸡丁套餐', packSize: 2, packSpec: '大份800g', ingredients: [{ name: '宫保鸡丁', weightPerPack: 800, weighed: 1600 }] }
]
},
@@ -266,7 +266,7 @@
taskNo: 'L-002',
labeled: false,
mealPacks: [
{ type: '净菜包', packName: '白菜', packSize: 2, packSpec: '1000g', ingredients: [{ name: '白菜', weightPerPack: 1000, weighed: 2000 }] },
{ type: '净菜包', packName: '白菜', packSize: 2, packSpec: '1000g', vegCutType: '5mm*5mm*50mm·段切·平刀', ingredients: [{ name: '白菜', weightPerPack: 1000, weighed: 2000 }] },
{ type: '餐品净菜包', packName: '鱼香肉丝套餐', packSize: 2, packSpec: '大份800g', ingredients: [{ name: '鱼香肉丝', weightPerPack: 800, weighed: 1600 }] }
]
},
@@ -294,7 +294,7 @@
operator: '刘九',
shipped: false,
mealPacks: [
{ type: '净菜包', packName: '黄瓜', packSize: 3, packSpec: '500g', ingredients: [{ name: '黄瓜', weightPerPack: 500, weighed: 1500 }] },
{ type: '净菜包', packName: '黄瓜', packSize: 3, packSpec: '500g', vegCutType: '2mm*2mm*40mm·薄片·平刀', ingredients: [{ name: '黄瓜', weightPerPack: 500, weighed: 1500 }] },
{ type: '餐品净菜包', packName: '凉拌黄瓜套餐', packSize: 2, packSpec: '盒装', ingredients: [{ name: '凉拌黄瓜', weightPerPack: 600, weighed: 1200 }] }
]
},
@@ -308,7 +308,7 @@
operator: '陈十',
shipped: false,
mealPacks: [
{ type: '净菜包', packName: '芹菜', packSize: 2, packSpec: '500g', ingredients: [{ name: '芹菜', weightPerPack: 500, weighed: 1000 }] },
{ type: '净菜包', packName: '芹菜', packSize: 2, packSpec: '500g', vegCutType: '4mm*4mm*30mm·条·平刀', ingredients: [{ name: '芹菜', weightPerPack: 500, weighed: 1000 }] },
{ type: '餐品净菜包', packName: '芹菜炒肉套餐', packSize: 3, packSpec: '大份800g', ingredients: [{ name: '芹菜炒肉', weightPerPack: 800, weighed: 2400 }] }
]
}
@@ -330,7 +330,7 @@
shippingCompany: '顺丰速运',
shippingNo: 'SF1234567890',
mealPacks: [
{ type: '净菜包', packName: '西红柿', packSize: 5, packSpec: '500g', ingredients: [{ name: '西红柿', weightPerPack: 500, weighed: 2500 }] },
{ type: '净菜包', packName: '西红柿', packSize: 5, packSpec: '500g', vegCutType: '15mm*15mm*15mm·滚刀块·平刀', ingredients: [{ name: '西红柿', weightPerPack: 500, weighed: 2500 }] },
{ type: '餐品净菜包', packName: '番茄牛腩套餐', packSize: 3, packSpec: '大份800g', ingredients: [{ name: '番茄牛腩', weightPerPack: 800, weighed: 2400 }] }
]
}
@@ -413,7 +413,7 @@
/* 表格头 */
var tableHead = document.createElement('div');
tableHead.className = 'item-table__head';
tableHead.innerHTML = '<div>名称</div><div style="text-align:center">净菜/餐品</div><div style="text-align:center">包装规格</div><div style="text-align:right">应称重量</div><div style="text-align:right">已称重量</div><div style="text-align:center">状态</div><div style="text-align:center">操作</div>';
tableHead.innerHTML = '<div>名称</div><div style="text-align:center">净菜/餐品</div><div style="text-align:center">包装规格</div><div style="text-align:center">净菜类型</div><div style="text-align:right">应称重量</div><div style="text-align:right">已称重量</div><div style="text-align:center">状态</div><div style="text-align:center">操作</div>';
taskCard.appendChild(tableHead);
/* 表格体 */
@@ -449,6 +449,7 @@
'<div class="parent-name"><div class="parent-icon">&#x1F4E6;</div><span class="parent-name__text">' + pack.packName + '</span></div>' +
'<div style="text-align:center;font-size:11px;color:' + (pack.type === '餐品净菜包' ? '#faad16' : '#4a90d9') + '">' + pack.type + '</div>' +
'<div style="text-align:center;font-size:11px;color:rgba(255,255,255,0.55)">' + (pack.packSpec || '—') + '</div>' +
'<div style="text-align:center;font-size:11px;color:rgba(255,255,255,0.55)">' + (pack.vegCutType || '—') + '</div>' +
'<div class="parent-weight ' + weightClass + '">' + totalDue + ' g</div>' +
'<div class="parent-weight ' + weightClass + '">' + totalWeighed + ' g</div>' +
statusCell +
@@ -1,5 +1,10 @@
# 净菜包装贴标秤 CHANGELOG
## 2026-07-28 | 净菜包新增净菜类型字段
### 修改
- `01-orders.html` — 三个 Tab 页净菜包均新增「净菜类型」列(格式:尺寸·切法·刀型,如 `3.5mm*3.5mm*50mm·细丝·平刀`),餐品净菜包显示"—"grid 7列→8列;mock 数据同步补充 vegCutType 字段
## 2026-07-27 | 新增发货功能 + Tab 改造
### 新增