diff --git a/web-admin/nutrition/prod-proc-cabinet.html b/web-admin/nutrition/prod-proc-cabinet.html index 23870f1..65f7482 100644 --- a/web-admin/nutrition/prod-proc-cabinet.html +++ b/web-admin/nutrition/prod-proc-cabinet.html @@ -330,14 +330,14 @@ tbody tr.row-active td.td-actions{background:var(--primary-light);}
- + - - - - - - + + + + + + @@ -362,17 +362,31 @@ tbody tr.row-active td.td-actions{background:var(--primary-light);}
目标格口*
-
-
溯源码
- -
类型*
-
-
存放净菜名称*
- +
+
选择净菜订单*
+ +
+ +
初始重量(kg)*
@@ -406,11 +420,9 @@ document.querySelectorAll('.modal-mask').forEach(function(m){m.addEventListener( /* 格口点击 → 左侧高亮 + 右侧表格行高亮联动 */ function selectSlot(idx){ - /* 左侧格口高亮 */ document.querySelectorAll('.cabinet-slot').forEach(function(s){s.classList.remove('active');}); var slot=document.querySelector('.cabinet-slot[data-slot="'+idx+'"]'); if(slot) slot.classList.add('active'); - /* 右侧表格行高亮 */ document.querySelectorAll('#detailTable tr').forEach(function(r){r.classList.remove('row-active');}); var row=document.querySelector('#detailTable tr[data-slot="'+idx+'"]'); if(row){row.classList.add('row-active');row.scrollIntoView({behavior:'smooth',block:'center'});} @@ -435,6 +447,26 @@ function showVideo(code,name){ } function closeVideoModal(){var m=document.getElementById('videoModal');if(m)m.remove();} +/* 存入净菜弹窗 — 选择净菜订单后回显信息 */ +var orderData={ + 'JC-2026-0422-007':{name:'土豆丝',spec:'5kg/袋',qty:'20份',weight:'12.5',time:'2026-04-22 08:00'}, + 'JC-2026-0422-008':{name:'净黄瓜',spec:'3kg/袋',qty:'15份',weight:'9.0',time:'2026-04-22 08:30'}, + 'JC-2026-0422-009':{name:'宫保鸡丁(餐品包)',spec:'6份/箱',qty:'30份',weight:'18.0',time:'2026-04-22 07:45'} +}; +function onOrderSelect(sel){ + var v=sel.value; + var area=document.getElementById('orderEchoArea'); + if(!v){area.style.display='none';return;} + var d=orderData[v]; + if(!d){area.style.display='none';return;} + area.style.display=''; + document.getElementById('echo-name').textContent=d.name; + document.getElementById('echo-spec').textContent=d.spec; + document.getElementById('echo-qty').textContent=d.qty; + document.getElementById('echo-weight').textContent=d.weight+' kg'; + document.getElementById('echo-time').textContent=d.time; +} + /* 右侧抽屉组件 */ var Drawer={ open:function(title,bodyHtml){ @@ -452,17 +484,64 @@ var Drawer={ setTimeout(function(){o.remove();},200); } }; + +/* 详情抽屉 — 根据类型区分渲染 */ function showDetail(el){ var row=el.closest('tr'); - var table=row.closest('table'); - var headers=table.querySelectorAll('thead th'); var cells=row.querySelectorAll('td'); - var html='
详细信息
'; - for(var i=0;i'+cells[i].innerHTML.trim()+'
'; - } + var type=row.getAttribute('data-type'); + var orderNo=row.getAttribute('data-order')||'—'; + var traceCode=row.getAttribute('data-trace')||'—'; + var slotId=cells[0].textContent.trim(); + var itemName=cells[2].textContent.trim(); + var typeHtml=cells[3].innerHTML.trim(); + var initWeight=cells[4].textContent.trim(); + var curWeight=cells[5].textContent.trim(); + var operator=cells[6].textContent.trim(); + var temp=cells[7].textContent.trim(); + var remain=cells[8].textContent.trim(); + var storeTime=cells[9].textContent.trim(); + var status=cells[10].innerHTML.trim(); + + /* 基础信息区 */ + var html='
基础信息
'; + html+='
格口'+slotId+'
'; + html+='
关联净菜订单'+orderNo+'
'; + html+='
存放净菜'+itemName+'
'; + html+='
类型'+typeHtml+'
'; + html+='
初始重量(kg)'+initWeight+'
'; + html+='
当前余量(kg)'+curWeight+'
'; + html+='
操作人'+operator+'
'; + html+='
温度(℃)'+temp+'
'; + html+='
保质剩余'+remain+'
'; + html+='
存入时间'+storeTime+'
'; + html+='
状态'+status+'
'; html+='
'; - Drawer.open('保温柜详情 — '+cells[0].textContent.trim(),html); + + /* 按类型区分渲染 */ + if(type==='净菜'){ + /* 净菜类型：显示溯源码 */ + html+='
溯源信息
'; + html+='
溯源码'+traceCode+'
'; + html+='
'; + }else if(type==='餐品包'){ + /* 餐品包类型：显示食材明细表 */ + html+='
食材明细
'; + html+='
格口溯源码存放净菜类型初始重量(kg)当前余量(kg)操作人温度(℃)保质剩余存入时间状态操作
格口关联净菜订单存放净菜类型初始重量(kg)当前余量(kg)操作人温度(℃)保质剩余存入时间状态操作
A1-01NC-CAB-BOCA-0422-01土豆（土豆丝）🥬 净菜12.510.2张厨师4.2剩余32h04-22 09:15存放中溯源 视频 详情 编辑
A1-02NC-CAB-HLUB-0422-01净胡萝卜🥬 净菜18.015.6李主管4.1剩余46h04-22 09:20存放中溯源 视频 详情编辑
A1-03NC-CAB-XGUO-0422-01净香菇🥬 净菜9.06.8王厨师4.3剩余6h04-22 09:30临期预警溯源 视频 详情编辑
A1-04NC-CAB-XLHU-0422-01净西兰花🥬 净菜10.08.5张厨师4.0剩余50h04-22 09:40存放中溯源 视频 详情编辑
A1-05PKG-DH-001宫保鸡丁🍱 餐品包6.05.4李主管3.8剩余44h04-22 10:20存放中溯源 视频 详情编辑
A1-06NC-CAB-BCAI-0422-01净白菜🥬 净菜22.018.0王厨师7.8剩余40h04-22 08:50已过期溯源 视频 详情编辑
A1-01JC-2026-0422-001土豆（土豆丝）🥬 净菜12.510.2张厨师4.2剩余32h04-22 09:15存放中溯源 视频 详情 编辑
A1-02JC-2026-0422-002净胡萝卜🥬 净菜18.015.6李主管4.1剩余46h04-22 09:20存放中溯源 视频 详情编辑
A1-03JC-2026-0422-003净香菇🥬 净菜9.06.8王厨师4.3剩余6h04-22 09:30临期预警溯源 视频 详情编辑
A1-04JC-2026-0422-004净西兰花🥬 净菜10.08.5张厨师4.0剩余50h04-22 09:40存放中溯源 视频 详情编辑
A1-05JC-2026-0422-005宫保鸡丁🍱 餐品包6.05.4李主管3.8剩余44h04-22 10:20存放中溯源 视频 详情编辑
A1-06JC-2026-0422-006净白菜🥬 净菜22.018.0王厨师7.8剩余40h04-22 08:50已过期溯源 视频 详情编辑
A1-07——————4.1——空闲—
A1-08——————4.1——空闲—
A1-09——————4.2——空闲—
'; + html+=''; + html+=''; + html+=''; + html+=''; + html+=''; + html+=''; + html+=''; + html+=''; + html+=''; + html+=''; + html+='
溯源码食材名称分类每份用量合计用量
NC-JD-0422-01鸡丁肉禽类150g2.25kg
NC-HS-0422-02花生米干果类30g0.45kg
NC-GJ-0422-03干辣椒调味料10g0.15kg
NC-HC-0422-04黄瓜丁蔬菜类80g1.20kg
'; + } + + Drawer.open('保温柜详情 — '+slotId,html); }