diff --git a/web-admin/nutrition/din-dish-add.html b/web-admin/nutrition/din-dish-add.html index 91e5c03..7f59051 100644 --- a/web-admin/nutrition/din-dish-add.html +++ b/web-admin/nutrition/din-dish-add.html @@ -144,6 +144,18 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .dynamic-row__del:hover{color:var(--danger);background:#FFF1F0;} .dynamic-row-add{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px dashed var(--primary);color:var(--primary);border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;background:none;margin-top:8px;transition:all .2s;} .dynamic-row-add:hover{background:var(--primary-light);} + +.convert-banner{background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:14px 20px;margin-bottom:16px;display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap;} +.convert-banner__item{display:flex;flex-direction:column;gap:2px;} +.convert-banner__label{font-size:12px;color:#8c8c8c;} +.convert-banner__value{font-size:13px;color:#333;font-weight:500;} +.convert-banner__tag{display:inline-block;background:#fff7e6;border:1px solid #ffd591;color:#d46b08;border-radius:4px;padding:1px 8px;font-size:12px;} + +.step-readonly .form-input,.step-readonly .form-select,.step-readonly textarea{background:#f5f5f5 !important;color:#666 !important;cursor:not-allowed !important;pointer-events:none;} +.step-readonly .btn,.step-readonly .dynamic-row__del,.step-readonly .dynamic-row-add,.step-readonly .spec-add-row{display:none !important;} +.step-readonly .ingredient-table td a.link{color:#bbb !important;cursor:not-allowed !important;pointer-events:none !important;} +.step-readonly .btn-text{color:#bbb !important;cursor:not-allowed !important;pointer-events:none !important;} +.step-readonly-tip{font-size:12px;color:#d46b08;background:#fff7e6;border:1px solid #ffd591;border-radius:4px;padding:4px 10px;margin-bottom:12px;display:inline-block;} @@ -217,6 +229,14 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei 新增餐品 + + +
1基本档案
@@ -254,12 +274,12 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei
-
-
+
+
- +
@@ -271,6 +291,45 @@ function closeIngredientDialog(){document.getElementById('ingredientDialog').cla var urlParams = new URLSearchParams(window.location.search); var pageMode = urlParams.get('mode') || 'add'; + +/* ===== 味养创新转化数据 ===== */ +var INNOV_MAP = { + 'INN-H002': { + expNo:'INN-H002', goal:'添加燕麦、藜麦，膳食纤维提升3倍', members:'厨师长陈磊 / 营养师王芳', + name:'高纤维主食包', category:'主食', meal:'早/午', pyramid:'谷薯杂豆', allergen:'无', tag:'高纤维', + composition:[ + {name:'燕麦',cat:'谷薯类',amount:80,pct:'40%',main:true,allergen:'无',note:'提升纤维'}, + {name:'藜麦',cat:'谷薯类',amount:60,pct:'30%',main:true,allergen:'无',note:'低GI'}, + {name:'大米',cat:'谷薯类/稻米',amount:60,pct:'30%',main:false,allergen:'无',note:'基底'} + ], + cook:{mainMethod:'蒸',subMethod:'无',heat:'大火→中火',duration:30,oil:0,salt:3,temp:100,output:200,steps:4,desc:''}, + nutri:{calorie:342,protein:12.8,carb:58.4,fat:5.2,vitC:0,mineral:38,fiber:9.6,sodium:210}, + nutriGrade:'达标', + taste:{sour:1,sweet:2,bitter:1,spicy:1,salty:2,smell:3.8,flavorScore:3.6,flavorGrade:'good'}, + texture:{hardness:3,sticky:3,crispy:1,smooth:3,elastic:2,textureScore:3.2,textureGrade:'average'}, + color:{mainColor:'米黄色',uniformity:4,gloss:3,freshness:4,appearance:3,colorScore:3.5,colorGrade:'good'} + }, + 'INN-H004': { + expNo:'INN-H004', goal:'搭配维C食材，补铁效率提升2倍', members:'厨师长赵敏 / 营养师李明', + name:'富铁青菜汤', category:'汤品', meal:'午/晚', pyramid:'蔬菜', allergen:'大豆', tag:'高铁', + composition:[ + {name:'菠菜',cat:'蔬菜类',amount:120,pct:'40%',main:true,allergen:'无',note:'高铁来源'}, + {name:'豆腐',cat:'豆制品',amount:80,pct:'27%',main:true,allergen:'大豆',note:'补充蛋白'}, + {name:'胡萝卜',cat:'蔬菜类',amount:40,pct:'13%',main:false,allergen:'无',note:'维C协同'}, + {name:'食用油',cat:'油脂类',amount:5,pct:'2%',main:false,allergen:'无',note:'少量'} + ], + cook:{mainMethod:'煮',subMethod:'无',heat:'大火→小火',duration:15,oil:5,salt:2,temp:100,output:300,steps:3,desc:''}, + nutri:{calorie:68,protein:5.4,carb:6.2,fat:2.8,vitC:32,mineral:86,fiber:2.4,sodium:320}, + nutriGrade:'达标', + taste:{sour:1,sweet:1,bitter:1,spicy:1,salty:3,smell:3.5,flavorScore:3.4,flavorGrade:'average'}, + texture:{hardness:2,sticky:1,crispy:1,smooth:4,elastic:2,textureScore:3.0,textureGrade:'average'}, + color:{mainColor:'翠绿色',uniformity:4,gloss:3,freshness:5,appearance:4,colorScore:4.0,colorGrade:'good'} + } +}; + +var innovId = urlParams.get('id'); +var INNOV = innovId ? INNOV_MAP[innovId] : null; + var initTab = parseInt(urlParams.get('tab')) || 0; var currentStep = 0; var totalSteps = 7; @@ -285,7 +344,6 @@ var STEP_HTML = [
-
@@ -332,8 +390,8 @@ var STEP_HTML = [
- - + +
食材名称食材分类用量(g/份)加工状态是否主料过敏原备注操作
暂无食材，请点击"新增食材"添加
食材名称食材分类用量(g/份)是否主料过敏原备注操作
暂无食材，请点击"新增食材"添加
`, // Step 2: 烹饪工艺 @@ -361,6 +419,7 @@ var STEP_HTML = [
+
`, // Step 4: 味道档案 @@ -405,7 +464,19 @@ function renderStep(){ document.getElementById('stepContent').innerHTML = STEP_HTML[currentStep]; updateStepUI(); if(currentStep===0) renderCrowdRows(); - if(pageMode==='edit') fillEditData(); + if(pageMode==='edit' || pageMode==='convert') fillEditData(); + if(pageMode==='convert') lockConvertStep(); +} +function lockConvertStep(){ + var c=document.getElementById('stepContent'); + c.classList.remove('step-readonly'); + var LOCKED=[1,3,4,5,6]; + if(LOCKED.indexOf(currentStep)===-1) return; + c.classList.add('step-readonly'); + var tip=document.createElement('div'); + tip.className='step-readonly-tip'; + tip.textContent='来自味养创新的评测数据，不可修改'; + c.insertBefore(tip,c.firstChild); } function updateStepUI(){ @@ -415,6 +486,11 @@ function updateStepUI(){ document.getElementById('btnNext').style.display = 'none'; document.getElementById('btnSubmit').textContent = '保存修改'; document.getElementById('btnSubmit').style.display = 'inline-flex'; + } else if(pageMode==='convert'){ + document.getElementById('btnPrev').style.display = currentStep>0?'inline-flex':'none'; + document.getElementById('btnNext').style.display = currentStep0?'inline-flex':'none'; document.getElementById('btnNext').style.display = currentStep0){currentStep--;renderStep();window.scrollTo(0,0);} } -function submitForm(){ alert('提交成功！'); window.location.href='din-dish-all.html'; } +function submitForm(){ if(pageMode==='convert'){ alert('转化成功！餐品已加入餐品总库。'); window.location.href='din-dish-all.html'; } else { alert('提交成功！'); window.location.href='din-dish-all.html'; } } /* 规格管理 */ function addSpecRow(addRow){ @@ -489,6 +565,35 @@ function selectIngredient(name){ document.getElementById('ingredientSearchInput').value=name; document.getElementById('ingredientDropdown').classList.remove('show'); } +function confirmAddIngredient(){ + var name=document.getElementById('ingredientSearchInput').value.trim(); + var amount=document.getElementById('ingredientAmount').value.trim(); + if(!name){alert('请选择食材');return;} + if(!amount){alert('请填写用量');return;} + var isMain=document.getElementById('ingredientIsMain').value; + var allergen=document.getElementById('ingredientAllergen').value.trim()||'无'; + var note=document.getElementById('ingredientNote').value.trim()||'—'; + var match=INGREDIENT_LIST.find(function(item){return item.name===name;}); + var cat=match?match.cat:'—'; + var tbody=document.querySelector('.ingredient-table tbody'); + /* 移除空状态行 */ + var emptyRow=tbody.querySelector('td[colspan]'); + if(emptyRow) emptyRow.parentElement.remove(); + var tr=document.createElement('tr'); + tr.innerHTML=''+name+''+cat+''+amount+'' + +''+(isMain==='主料'?'主料':'辅料')+'' + +''+allergen+'' + +''+note+'' + +'删除'; + tbody.appendChild(tr); + /* 重置表单 */ + document.getElementById('ingredientSearchInput').value=''; + document.getElementById('ingredientAmount').value=''; + document.getElementById('ingredientIsMain').selectedIndex=0; + document.getElementById('ingredientAllergen').value=''; + document.getElementById('ingredientNote').value=''; + closeIngredientDialog(); +} document.addEventListener('click',function(e){ if(!e.target.closest('#ingredientSearchSelect')){ var dd=document.getElementById('ingredientDropdown'); @@ -577,6 +682,43 @@ if(pageMode==='edit'){ document.title = '营养管理 - 编辑餐品 | 健康长庆原型'; } +if(pageMode==='convert'){ + // 无论 INNOV 是否存在，convert 模式都修正侧边栏和标题 + document.getElementById('pageTitle').textContent = '转化餐品'; + document.title = '营养管理 - 转化餐品 | 健康长庆原型'; + var bc = document.querySelector('.breadcrumb'); + if(bc) bc.innerHTML = '味养创新/转化餐品'; + var activeItem = document.querySelector('.sidebar-item.active'); + if(activeItem) activeItem.classList.remove('active'); + var innovItem = document.querySelector('.sidebar-item[href="din-innovation.html"]'); + if(innovItem) innovItem.classList.add('active'); +} + +if(pageMode==='convert' && INNOV){ + var banner = document.getElementById('convertBanner'); + if(banner){ + banner.style.display='flex'; + document.getElementById('cvtExpNo').textContent = INNOV.expNo; + document.getElementById('cvtGoal').textContent = INNOV.goal; + document.getElementById('cvtMembers').textContent = INNOV.members; + } + EDIT_DATA.name = INNOV.name; + EDIT_DATA.category = INNOV.category; + EDIT_DATA.meal = INNOV.meal; + EDIT_DATA.pyramid = INNOV.pyramid; + EDIT_DATA.allergen = INNOV.allergen; + EDIT_DATA.tag = INNOV.tag; + EDIT_DATA.status = '上架'; + EDIT_DATA.crowd = []; + EDIT_DATA.specs = [{spec:'标准份',weight:350,price:15,isDefault:true},{spec:'小份',weight:200,price:10,isDefault:false}]; + EDIT_DATA.composition = INNOV.composition; + EDIT_DATA.cook = INNOV.cook; + EDIT_DATA.nutri = INNOV.nutri; + EDIT_DATA.taste = INNOV.taste; + EDIT_DATA.texture = INNOV.texture; + EDIT_DATA.color = INNOV.color; +} + renderStep(); // 编辑模式预填表单 @@ -595,11 +737,10 @@ function fillEditData(){ if(inputs[0]) inputs[0].value = d.name; if(inputs[1]) inputs[1].value = d.allergen; setSelectByText(selects[0], d.category); - setSelectByText(selects[1], d.method); - setSelectByText(selects[2], d.meal); - setSelectByText(selects[3], d.pyramid); - setSelectByText(selects[4], d.tag); - setSelectByText(selects[5], d.status); + setSelectByText(selects[1], d.meal); + setSelectByText(selects[2], d.pyramid); + setSelectByText(selects[3], d.tag); + setSelectByText(selects[4], d.status); // 预填适配人群 if(d.crowd && d.crowd.length>0){ crowdList = d.crowd.map(function(c){return {name:c.name,level:c.level};}); @@ -622,7 +763,9 @@ function fillEditData(){ tbody.innerHTML = ''; d.composition.forEach(function(c){ var tr = document.createElement('tr'); - tr.innerHTML = ''+c.name+''+c.amount+'g'+c.pct+''+(c.main?'主料':'辅料')+''+c.allergen+''+c.note+'编辑 删除'; + tr.innerHTML = (pageMode==='convert' + ? ''+c.name+''+c.amount+'g'+c.pct+''+(c.main?'主料':'辅料')+''+c.allergen+''+c.note+'编辑 删除' + : ''+c.name+''+c.amount+'g'+c.pct+''+(c.main?'主料':'辅料')+''+c.allergen+''+c.note+'编辑 删除'); tbody.appendChild(tr); }); } @@ -638,6 +781,7 @@ function fillEditData(){ var n = d.nutri; var nvals = [n.calorie, n.protein, n.carb, n.fat, n.vitC, n.mineral, n.fiber, n.sodium]; inputs.forEach(function(inp, i){ if(nvals[i]!==undefined) inp.value = nvals[i]; }); + if(selects[0] && INNOV && INNOV.nutriGrade) setSelectByText(selects[0], INNOV.nutriGrade); } else if(currentStep===4){ // 味道档案 var t = d.taste; diff --git a/web-admin/nutrition/din-innovation.html b/web-admin/nutrition/din-innovation.html index ea5d4d8..699f4f9 100644 --- a/web-admin/nutrition/din-innovation.html +++ b/web-admin/nutrition/din-innovation.html @@ -84,7 +84,7 @@ tbody tr:hover{background:#F8FBFF;} .page-btn{width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:var(--font-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s;} .page-btn:hover,.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);} .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:1000;display:flex;align-items:center;justify-content:center;} -.modal{background:#fff;border-radius:8px;width:680px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);} +.modal{background:#fff;border-radius:8px;width:820px;max-height:88vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);} .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e8e8e8;} .modal-title{font-size:16px;font-weight:600;color:#262626;} .modal-close{font-size:22px;cursor:pointer;color:#8c8c8c;line-height:1;} @@ -99,10 +99,58 @@ tbody tr:hover{background:#F8FBFF;} .form-item input,.form-item select,.form-item textarea{height:36px;padding:0 12px;border:1px solid #e8e8e8;border-radius:4px;font-size:13px;outline:none;} .form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:#1890FF;} .form-item textarea{height:80px;padding:8px 12px;resize:vertical;} +/* 页面信息栏 */ +.page-header-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius-md);padding:16px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);} +.page-header-bar__left{display:flex;align-items:center;gap:12px;} +.page-header-bar__title{font-size:var(--font-lg);font-weight:700;color:var(--text-primary);} +.page-header-bar__meta{font-size:var(--font-sm);color:var(--text-placeholder);} +.page-header-bar__right{display:flex;align-items:center;gap:12px;} +.page-header-bar__right label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;} +.page-header-bar__right .canteen-select{height:36px;border:2px solid var(--primary);border-radius:var(--radius-sm);padding:0 32px 0 14px;font-size:var(--font-sm);color:var(--primary);font-weight:500;outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231890FF'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;cursor:pointer;min-width:140px;} + /* 操作列固定右侧 */ thead th:last-child,tbody td.td-actions{position:sticky;right:0;background:#fff;box-shadow:-4px 0 8px rgba(0,0,0,0.04);z-index:2;white-space:nowrap;} thead th:last-child{background:#FAFAFA;} tbody tr:hover td.td-actions{background:#F8FBFF;} +/* 创新实验弹窗—食材搜索组件 */ +.innov-ing-section{border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#FAFAFA;} +.innov-add-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;} +.innov-search-wrap{position:relative;flex:1;min-width:0;} +.innov-search-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);outline:none;background:#fff;} +.innov-search-input:focus{border-color:var(--primary);} +.innov-dropdown{position:absolute;top:40px;left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1100;display:none;max-height:180px;overflow-y:auto;} +.innov-dropdown.show{display:block;} +.innov-dropdown-item{padding:8px 12px;font-size:var(--font-sm);cursor:pointer;display:flex;justify-content:space-between;align-items:center;} +.innov-dropdown-item:hover{background:var(--primary-light);} +.innov-dropdown-item span:last-child{color:var(--text-secondary);font-size:11px;} +.innov-amount-input{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);outline:none;width:90px;background:#fff;} +.innov-amount-input:focus{border-color:var(--primary);} +.innov-type-select{height:36px;padding:0 26px 0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;appearance:none;cursor:pointer;width:80px;} +.innov-ing-table{width:100%;border-collapse:collapse;font-size:var(--font-sm);} +.innov-ing-table th{background:#F0F0F0;padding:7px 10px;text-align:left;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);} +.innov-ing-table td{padding:7px 10px;border-bottom:1px solid var(--border);background:#fff;} +.innov-ing-table tbody tr:last-child td{border-bottom:none;} +.btn-sm{height:32px;padding:0 14px;font-size:var(--font-sm);} +/* 提交评测弹窗 */ +.modal--eval{width:720px;} +.eval-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px;} +.eval-tab{padding:9px 16px;font-size:var(--font-sm);cursor:pointer;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;} +.eval-tab:hover{color:var(--primary);} +.eval-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500;} +.eval-panel{display:none;} +.eval-panel.active{display:block;} +.metric-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:8px;} +.metric-item{display:flex;flex-direction:column;gap:4px;} +.metric-item label{font-size:12px;color:var(--text-secondary);} +.metric-item input,.metric-item select{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-sm);outline:none;width:100%;background:#fff;} +.metric-item input:focus,.metric-item select:focus{border-color:var(--primary);} +.metric-item select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E") no-repeat right 8px center;padding-right:24px;} +.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;} +.upload-box-dashed{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:20px;text-align:center;color:var(--text-placeholder);font-size:var(--font-sm);cursor:pointer;transition:border-color .2s;} +.upload-box-dashed:hover{border-color:var(--primary);} +.eval-note-label{font-size:13px;color:#8c8c8c;margin-bottom:4px;display:block;} +.eval-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--font-sm);outline:none;resize:vertical;min-height:72px;font-family:inherit;} +.eval-textarea:focus{border-color:var(--primary);} @@ -134,6 +182,23 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} 🌟味养创新
+ + +
+
+ 味养创新 + +
+
+ + +
+
+
✨
12
实验总数
🤖
3
AI创新中
@@ -147,15 +212,14 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
-
-
-
+
+
+
-
@@ -163,13 +227,13 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
- + - - - - - + + + + +
实验编号菜品名称创新目标核心标签参与人员实验阶段风味评分营养评分评测条数实验周期状态操作
实验编号餐品名称创新目标餐品分类餐品构成参与人员实验开始日期实验结束日期状态操作
INN-H001低钠麻婆豆腐减少60%钠含量，保留麻辣风味低钠 高蛋白厨师长张强 / 营养师李明已转化4.24.8236条(4.5分)2026-02 ~ 2026-03已转化查看详情 提交评测 转化餐品
INN-H002高纤维主食包添加燕麦、藜麦，膳食纤维提升3倍高纤维 低GI厨师长陈磊 / 营养师王芳用户评测3.84.9120条(4.2分)2026-03 ~ 2026-04待推广查看详情 提交评测 转化餐品
INN-H003植物基红烧肉以豆腐皮替代猪肉，脂肪降低70%低脂 植物基厨师长张强 / 营养师李明小批量测试3.54.642条(3.9分)2026-04 ~ 进行中实验中查看详情 提交评测 转化餐品
INN-H004富铁青菜汤搭配维C食材，补铁效率提升2倍高铁 补血厨师长赵敏 / 营养师李明已验证4.04.7186条(4.4分)2026-01 ~ 2026-02已验证查看详情 提交评测 转化餐品
INN-H005功能性早餐粥添加枸杞、红枣、核桃，营养密度提升高营养 养生厨师长张强 / 营养师王芳配方设计4.54.618条(4.1分)2026-04 ~ 进行中实验中查看详情 提交评测 转化餐品
INN-H001低钠麻婆豆腐减少60%钠含量，保留麻辣风味荤菜豆腐、猪肉末、豆瓣酱厨师长张强 / 营养师李明2026-02-012026-03-15已转化查看详情 编辑 删除
INN-H002高纤维主食包添加燕麦、藜麦，膳食纤维提升3倍主食燕麦、藜麦、糙米厨师长陈磊 / 营养师王芳2026-03-012026-04-20已评测查看详情 转化餐品 编辑 删除
INN-H003植物基红烧肉以豆腐皮替代猪肉，脂肪降低70%荤菜豆腐皮、香菇、酱油厨师长张强 / 营养师李明2026-04-10—实验中查看详情 提交评测 编辑 删除
INN-H004富铁青菜汤搭配维C食材，补铁效率提升2倍汤品菠菜、猪肝、枸杞厨师长赵敏 / 营养师李明2026-01-052026-02-28已评测查看详情 转化餐品 编辑 删除
INN-H005功能性早餐粥添加枸杞、红枣、核桃，营养密度提升主食枸杞、红枣、核桃、大米厨师长张强 / 营养师王芳2026-04-15—实验中查看详情 提交评测 编辑 删除
@@ -179,30 +243,27 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
-
-
-
+
+
+
+
- - - +
-
-
AI创新
-
+
AI创新
- + - - - - - + + + + +
实验编号菜品名称AI模型创新方向食材成分组合加工方法烹饪技术历史参考预测风味分预测营养分创新亮点模拟状态操作
实验编号餐品名称餐品分类创新目标餐品构成推演开始时间AI模型模拟状态操作
INN-A001AI低GI藜麦饭v2.3 营养推理血糖控制藜麦55%+糙米30%+黑米15%浸泡+蒸制文火慢蒸低GI主食历史数据×128条4.14.9血糖负荷较白米降低41%推演完成推演报告 人工审核 转化餐品
INN-A002AI高蛋白减脂鸡胸v2.3 营养推理增肌减脂鸡胸肉70%+西兰花20%+彩椒10%低温慢煮65℃慢煮4h运动营养餐历史数据×86条3.94.8蛋白质密度达23g/100g推演完成推演报告 人工审核 转化餐品
INN-A003AI地中海沙拉碗v1.8 风味融合营养均衡鹰嘴豆+藜麦+牛油果+三文鱼冷处理生冷拼配地中海饮食历史数据×214条4.34.7Omega-3含量提升3倍人工审核中推演报告 人工审核 转化餐品
INN-A004AI益生菌发酵主食v2.3 营养推理肠道健康全麦粉+燕麦+酵素发酵液低温发酵窑烤肠道健康历史数据×92条3.74.6活性益生菌≥10亿CFU/g推演中推演报告 人工审核 转化餐品
INN-A005AI低嘌呤海鲜汤v2.3 营养推理痛风友好娃娃菜+豆腐+冬瓜+虾皮(少量)水煮轻火慢炖痛风饮食历史数据×156条4.04.5嘌呤含量较普通海鲜汤低68%待启动推演报告 人工审核 转化餐品
INN-A001AI低GI藜麦饭主食血糖负荷较白米降低41%藜麦+糙米+黑米2026-03-10 09:00v2.3 营养推理审核通过推演报告 查看审核 转化餐品
INN-A002AI高蛋白减脂鸡胸荤菜蛋白质密度达23g/100g鸡胸肉+西兰花+彩椒2026-03-18 14:30v2.3 营养推理推演完成待审核推演报告 人工审核 转化餐品
INN-A003AI地中海沙拉碗素菜Omega-3含量提升3倍鹰嘴豆+藜麦+牛油果+三文鱼2026-04-01 10:15v1.8 风味融合推演完成待审核推演报告 人工审核 转化餐品
INN-A004AI益生菌发酵主食主食活性益生菌≥10亿CFU/g全麦粉+燕麦+酵素发酵液2026-04-12 16:00v2.3 营养推理推演中推演报告 人工审核 转化餐品
INN-A005AI低嘌呤海鲜汤汤品嘌呤含量较普通海鲜汤低68%娃娃菜+豆腐+冬瓜+虾皮2026-04-20 11:20v2.3 营养推理未通过推演报告 查看审核 转化餐品
@@ -219,16 +280,36 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
-
-
-
-
-
-
+
+
+
+
+
+
+ +
+
+
+ +
+
+ + + +
+ + + + + +
食材名称分类用量主/辅料操作
暂无食材，请搜索添加
+
+
+
+
-
-
-
+
+
@@ -244,6 +325,643 @@ document.getElementById('modalOverlay').addEventListener('click',function(e){if( function switchTab(idx){document.querySelectorAll('.page-tab').forEach((t,i)=>t.classList.toggle('active',i===idx));document.querySelectorAll('.tab-panel').forEach((p,i)=>p.classList.toggle('active',i===idx));} function toggleSubgroup(header){header.parentElement.classList.toggle('open');} (function(){var active=document.querySelector('.sidebar-item.active');if(!active)return;var sub=active.closest('.sidebar-subgroup');if(sub)sub.classList.add('open');})(); +var INNOV_ING_LIST=[ + {name:'猪肉',cat:'肉类'},{name:'鸡肉',cat:'肉类'},{name:'牛肉',cat:'肉类'},{name:'羊肉',cat:'肉类'}, + {name:'鸡蛋',cat:'蛋类'},{name:'鸭蛋',cat:'蛋类'}, + {name:'豆腐',cat:'豆制品'},{name:'豆皮',cat:'豆制品'},{name:'鹰嘴豆',cat:'豆制品'}, + {name:'西兰花',cat:'蔬菜'},{name:'胡萝卜',cat:'蔬菜'},{name:'土豆',cat:'蔬菜'},{name:'白菜',cat:'蔬菜'}, + {name:'番茄',cat:'蔬菜'},{name:'菠菜',cat:'蔬菜'},{name:'冬瓜',cat:'蔬菜'},{name:'娃娃菜',cat:'蔬菜'}, + {name:'大米',cat:'主食'},{name:'面粉',cat:'主食'},{name:'燕麦',cat:'主食'},{name:'藜麦',cat:'主食'},{name:'糙米',cat:'主食'},{name:'黑米',cat:'主食'}, + {name:'三文鱼',cat:'鱼类'},{name:'虾仁',cat:'海鲜'},{name:'牛油果',cat:'水果'}, + {name:'花生油',cat:'油脂'},{name:'食盐',cat:'调味料'},{name:'酱油',cat:'调味料'} +]; +function innovSearchIng(){ + var val=document.getElementById('innovIngSearch').value.trim(); + var dd=document.getElementById('innovIngDropdown'); + if(!val){dd.classList.remove('show');dd.innerHTML='';return;} + var matched=INNOV_ING_LIST.filter(function(i){return i.name.indexOf(val)>=0;}); + if(!matched.length){dd.classList.remove('show');dd.innerHTML='';return;} + dd.innerHTML=matched.map(function(i){return '
'+i.name+''+i.cat+'
';}).join(''); + dd.classList.add('show'); +} +function innovSelectIng(name,cat){ + var el=document.getElementById('innovIngSearch'); + el.value=name;el.dataset.cat=cat; + document.getElementById('innovIngDropdown').classList.remove('show'); + document.getElementById('innovIngDropdown').innerHTML=''; +} +function innovAddIngRow(){ + var name=document.getElementById('innovIngSearch').value.trim(); + var amount=document.getElementById('innovIngAmount').value.trim(); + if(!name){alert('请选择食材');return;} + if(!amount){alert('请填写用量');return;} + var cat=document.getElementById('innovIngSearch').dataset.cat||'—'; + var isMain=document.getElementById('innovIngIsMain').value; + var tbody=document.getElementById('innovIngTableBody'); + var emptyRow=document.getElementById('innovIngEmptyRow'); + if(emptyRow)emptyRow.remove(); + var tr=document.createElement('tr'); + tr.innerHTML=''+name+''+cat+''+amount+'' + +''+(isMain==='主料'?'主料':'辅料')+'' + +'删除'; + tbody.appendChild(tr); + var el=document.getElementById('innovIngSearch'); + el.value='';el.dataset.cat=''; + document.getElementById('innovIngAmount').value=''; + document.getElementById('innovIngIsMain').selectedIndex=0; +} + +/* ===== 人工创新详情数据 ===== */ +var DETAIL_MAP = { + 'INN-H001':{ + expNo:'INN-H001',name:'低钠麻婆豆腐',category:'荤菜',goal:'减少60%钠含量，保留麻辣风味', + members:'厨师长张强 / 营养师李明',startDate:'2026-02-01',endDate:'2026-03-15',status:'已转化', + composition:[ + {name:'豆腐',cat:'豆制品',amount:'200g',main:'主料'}, + {name:'猪肉末',cat:'肉类',amount:'50g',main:'辅料'}, + {name:'豆瓣酱（低钠）',cat:'调味料',amount:'15g',main:'辅料'}, + {name:'花椒',cat:'调味料',amount:'3g',main:'辅料'}, + {name:'葱姜蒜',cat:'蔬菜',amount:'10g',main:'辅料'} + ], + nutri:{calorie:98,protein:8.2,carb:5.6,fat:5.4,vitC:2,mineral:120,fiber:1.2,sodium:180,grade:'达标'}, + taste:{sour:1,sweet:1,bitter:1,spicy:4,salty:2,smell:4.2,flavorScore:4.1,grade:'良好'}, + texture:{hardness:2,sticky:2,crispy:1,smooth:4,elastic:2,textureScore:3.6,grade:'良好'}, + color:{mainColor:'红褐色',uniformity:4,gloss:3,freshness:4,appearance:4,colorScore:3.8,grade:'良好'} + }, + 'INN-H002':{ + expNo:'INN-H002',name:'高纤维主食包',category:'主食',goal:'添加燕麦、藜麦，膳食纤维提升3倍', + members:'厨师长陈磊 / 营养师王芳',startDate:'2026-03-01',endDate:'2026-04-20',status:'已评测', + composition:[ + {name:'燕麦',cat:'谷薯类',amount:'80g',main:'主料'}, + {name:'藜麦',cat:'谷薯类',amount:'60g',main:'主料'}, + {name:'糙米',cat:'谷薯类',amount:'60g',main:'辅料'} + ], + nutri:{calorie:342,protein:12.8,carb:58.4,fat:5.2,vitC:0,mineral:38,fiber:9.6,sodium:210,grade:'达标'}, + taste:{sour:1,sweet:2,bitter:1,spicy:1,salty:2,smell:3.8,flavorScore:3.6,grade:'良好'}, + texture:{hardness:3,sticky:3,crispy:1,smooth:3,elastic:2,textureScore:3.2,grade:'一般'}, + color:{mainColor:'米黄色',uniformity:4,gloss:3,freshness:4,appearance:3,colorScore:3.5,grade:'良好'} + }, + 'INN-H003':{ + expNo:'INN-H003',name:'植物基红烧肉',category:'荤菜',goal:'以豆腐皮替代猪肉，脂肪降低70%', + members:'厨师长张强 / 营养师李明',startDate:'2026-04-10',endDate:'—',status:'实验中', + composition:[ + {name:'豆腐皮',cat:'豆制品',amount:'150g',main:'主料'}, + {name:'香菇',cat:'蔬菜',amount:'60g',main:'辅料'}, + {name:'酱油',cat:'调味料',amount:'20g',main:'辅料'}, + {name:'冰糖',cat:'调味料',amount:'10g',main:'辅料'} + ], + nutri:null,taste:null,texture:null,color:null + }, + 'INN-H004':{ + expNo:'INN-H004',name:'富铁青菜汤',category:'汤品',goal:'搭配维C食材，补铁效率提升2倍', + members:'厨师长赵敏 / 营养师李明',startDate:'2026-01-05',endDate:'2026-02-28',status:'已评测', + composition:[ + {name:'菠菜',cat:'蔬菜类',amount:'120g',main:'主料'}, + {name:'猪肝',cat:'肉类',amount:'60g',main:'主料'}, + {name:'枸杞',cat:'其他',amount:'10g',main:'辅料'}, + {name:'姜片',cat:'调味料',amount:'5g',main:'辅料'} + ], + nutri:{calorie:68,protein:5.4,carb:6.2,fat:2.8,vitC:32,mineral:86,fiber:2.4,sodium:320,grade:'达标'}, + taste:{sour:1,sweet:1,bitter:1,spicy:1,salty:3,smell:3.5,flavorScore:3.4,grade:'一般'}, + texture:{hardness:2,sticky:1,crispy:1,smooth:4,elastic:2,textureScore:3.0,grade:'一般'}, + color:{mainColor:'翠绿色',uniformity:4,gloss:3,freshness:5,appearance:4,colorScore:4.0,grade:'良好'} + }, + 'INN-H005':{ + expNo:'INN-H005',name:'功能性早餐粥',category:'主食',goal:'添加枸杞、红枣、核桃，营养密度提升', + members:'厨师长张强 / 营养师王芳',startDate:'2026-04-15',endDate:'—',status:'实验中', + composition:[ + {name:'大米',cat:'谷薯类',amount:'100g',main:'主料'}, + {name:'枸杞',cat:'其他',amount:'15g',main:'辅料'}, + {name:'红枣',cat:'其他',amount:'20g',main:'辅料'}, + {name:'核桃',cat:'坚果',amount:'20g',main:'辅料'} + ], + nutri:null,taste:null,texture:null,color:null + } +}; + +function renderReadonlyVal(v){ + return '
'+v+'
'; +} +function renderGradeTag(g){ + var map={'达标':'tag-green','良好':'tag-green','优秀':'tag-green','一般':'tag-orange','较差':'tag-red','不合格':'tag-red'}; + return ''+g+''; +} + +function openDetailModal(id){ + var d=DETAIL_MAP[id]; + if(!d) return; + document.getElementById('dtlExpNo').textContent=d.expNo; + document.getElementById('dtlName').textContent=d.name; + document.getElementById('dtlCategory').textContent=d.category; + document.getElementById('dtlGoal').textContent=d.goal; + document.getElementById('dtlMembers').textContent=d.members; + document.getElementById('dtlStartDate').textContent=d.startDate; + document.getElementById('dtlEndDate').textContent=d.endDate; + var statusMap={'已转化':'已转化','已评测':'已评测','实验中':'实验中'}; + document.getElementById('dtlStatus').innerHTML=statusMap[d.status]||d.status; + // 餐品构成 + var tbody=document.getElementById('dtlIngTable'); + if(d.composition&&d.composition.length){ + tbody.innerHTML=d.composition.map(function(r){ + return ''+r.name+''+r.cat+''+r.amount+''+r.main+''; + }).join(''); + } else { + tbody.innerHTML='暂无数据'; + } + // 评测数据 + var noData='
实验进行中，暂无评测数据
'; + if(d.nutri){ + document.getElementById('dtlPanel0').innerHTML='
'+ + '
'+renderReadonlyVal(d.nutri.calorie)+'
'+ + '
'+renderReadonlyVal(d.nutri.protein)+'
'+ + '
'+renderReadonlyVal(d.nutri.carb)+'
'+ + '
'+renderReadonlyVal(d.nutri.fat)+'
'+ + '
'+renderReadonlyVal(d.nutri.vitC)+'
'+ + '
'+renderReadonlyVal(d.nutri.mineral)+'
'+ + '
'+renderReadonlyVal(d.nutri.fiber)+'
'+ + '
'+renderReadonlyVal(d.nutri.sodium)+'
'+ + '
'+renderGradeTag(d.nutri.grade)+'
'+ + '
'; + } else { document.getElementById('dtlPanel0').innerHTML=noData; } + if(d.taste){ + document.getElementById('dtlPanel1').innerHTML='
'+ + '
'+renderReadonlyVal(d.taste.sour)+'
'+ + '
'+renderReadonlyVal(d.taste.sweet)+'
'+ + '
'+renderReadonlyVal(d.taste.bitter)+'
'+ + '
'+renderReadonlyVal(d.taste.spicy)+'
'+ + '
'+renderReadonlyVal(d.taste.salty)+'
'+ + '
'+renderReadonlyVal(d.taste.smell)+'
'+ + '
'+renderReadonlyVal(d.taste.flavorScore)+'
'+ + '
'+renderGradeTag(d.taste.grade)+'
'+ + '
'; + } else { document.getElementById('dtlPanel1').innerHTML=noData; } + if(d.texture){ + document.getElementById('dtlPanel2').innerHTML='
'+ + '
'+renderReadonlyVal(d.texture.hardness)+'
'+ + '
'+renderReadonlyVal(d.texture.sticky)+'
'+ + '
'+renderReadonlyVal(d.texture.crispy)+'
'+ + '
'+renderReadonlyVal(d.texture.smooth)+'
'+ + '
'+renderReadonlyVal(d.texture.elastic)+'
'+ + '
'+renderReadonlyVal(d.texture.textureScore)+'
'+ + '
'+renderGradeTag(d.texture.grade)+'
'+ + '
'; + } else { document.getElementById('dtlPanel2').innerHTML=noData; } + if(d.color){ + document.getElementById('dtlPanel3').innerHTML='
'+ + '
'+renderReadonlyVal(d.color.mainColor)+'
'+ + '
'+renderReadonlyVal(d.color.uniformity)+'
'+ + '
'+renderReadonlyVal(d.color.gloss)+'
'+ + '
'+renderReadonlyVal(d.color.freshness)+'
'+ + '
'+renderReadonlyVal(d.color.appearance)+'
'+ + '
'+renderReadonlyVal(d.color.colorScore)+'
'+ + '
'+renderGradeTag(d.color.grade)+'
'+ + '
'; + } else { document.getElementById('dtlPanel3').innerHTML=noData; } + switchDtlTab(0); + document.getElementById('detailModalOverlay').style.display='flex'; +} +function switchDtlTab(idx){ + document.querySelectorAll('#detailModalOverlay .eval-tab').forEach(function(t,i){t.classList.toggle('active',i===idx);}); + document.querySelectorAll('#detailModalOverlay .eval-panel').forEach(function(p,i){p.classList.toggle('active',i===idx);}); +} +document.addEventListener('click',function(e){ + var dd=document.getElementById('innovIngDropdown'); + if(dd&&!dd.contains(e.target)&&e.target.id!=='innovIngSearch'){dd.classList.remove('show');} +}); +function openEvalModal(expNo,name,category,goal,members,startDate){ + document.getElementById('evalExpNo').textContent = expNo||'—'; + document.getElementById('evalName').textContent = name||'—'; + document.getElementById('evalCategory').textContent = category||'—'; + document.getElementById('evalGoal').textContent = goal||'—'; + document.getElementById('evalMembers').textContent = members||'—'; + document.getElementById('evalStartDate').textContent = startDate||'—'; + document.getElementById('evalEndDate').value = ''; + document.getElementById('evalModalOverlay').style.display='flex'; + switchEvalTab(0); +} +function closeEvalModal(){document.getElementById('evalModalOverlay').style.display='none';} +document.getElementById('evalModalOverlay').addEventListener('click',function(e){if(e.target===this)closeEvalModal();}); +function switchEvalTab(idx){ + document.querySelectorAll('.eval-tab').forEach(function(t,i){t.classList.toggle('active',i===idx);}); + document.querySelectorAll('.eval-panel').forEach(function(p,i){p.classList.toggle('active',i===idx);}); +} + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/web-admin/nutrition/doc/营养管理功能说明.md b/web-admin/nutrition/doc/营养管理功能说明.md index 16b4ffe..3906ff3 100644 --- a/web-admin/nutrition/doc/营养管理功能说明.md +++ b/web-admin/nutrition/doc/营养管理功能说明.md @@ -1312,4 +1312,38 @@ - 地块管理：表格改为二级表头（基本信息+最新监测数据）； - 新增灌溉方式/土壤类型/负责人字段； - 操作从纯文本改为4个操作按钮； -- 新增地块/养殖区的新增/编辑/详情/采集记录弹窗 \ No newline at end of file +- 新增地块/养殖区的新增/编辑/详情/采集记录弹窗 + +#### 9.5 味养创新 + +##### 1. din-innovation.html（味养创新） + +**人工创新列表** +- 新增「餐品构成」列，位于「餐品分类」之后，展示该创新餐品所含食材组合； +- 「查看详情」链接改为调用 `openDetailModal(id)` 弹出详情弹窗。 + +**AI创新列表** +- 移除「参与人员」「烹饪方法」「适用餐次」三列，精简列结构； +- 「实验开始日期」列重命名为「推演开始时间」； +- 最终列顺序：实验编号 / 餐品名称 / 餐品分类 / 创新目标 / 餐品构成 / 推演开始时间 / AI模型 / 模拟状态 / 操作。 + +**发起AI模拟推演弹窗** +- 表单结构对齐「新建人工创新」，字段改为：餐品名称 / 餐品分类 / 烹饪方法 / 适用餐次 / 膳食宝塔分类 / 餐品构成（含食材搜索组件）/ 创新目标； +- 在「创新目标」之后新增「AI模型」下拉字段，选项：NutriAI v2.3（营养推理）/ FlavorAI v1.8（风味融合）/ HealthAI v3.0（健康优化）/ ChefAI v2.1（烹饪工艺）； +- 移除原「参与人员」字段。 + +**人工审核弹窗（双模式）** +- 编辑模式（点击「人工审核」按钮打开）：审核结论改为单选框样式，选项为「审核通过」（绿色）/ 「审核不通过」（红色），移除「审核人」字段； +- 只读模式（点击「查看审核」按钮打开）：弹窗内所有字段变为纯展示，额外展示「审核人」和「审核时间」，底部仅保留「关闭」按钮。 + +**人工创新查看详情弹窗（新增）** +- 顶部基本信息卡片：展示实验编号 / 餐品名称 / 餐品分类 / 烹饪方法 / 适用餐次 / 膳食宝塔分类 / 创新目标 / 推演开始时间 / 推演结束时间； +- 中部餐品构成表：列出所含食材及其用量； +- 下方评测数据区：标签页切换展示营养检验 / 味道检验 / 口感检验 / 色泽检验四维度详细指标，实验进行中时显示「实验进行中，暂无评测数据」占位提示。 + +##### 2. din-dish-add.html（新建/转化餐品） + +**修复 AI创新转化餐品侧边栏高亮问题** +- 问题：从 AI 创新列表点击「转化餐品」进入新建页时，左侧菜单高亮项错误显示为「餐品总库」而非「味养创新」； +- 根因：AI 创新实验编号（INN-A0XX）不在 `INNOV_MAP` 中，导致 `INNOV` 为 null，原侧边栏修复逻辑嵌套在 `if(pageMode==='convert' && INNOV)` 块内被跳过； +- 修复：将侧边栏 active 切换、页面标题和面包屑修改提取到独立的 `if(pageMode==='convert')` 块，数据预填逻辑保留在 `if(pageMode==='convert' && INNOV)` 块内，两者解耦。 \ No newline at end of file