diff --git a/web-admin/nutrition/doc/CHANGELOG.md b/web-admin/nutrition/doc/CHANGELOG.md index f5fc53e..a507b01 100644 --- a/web-admin/nutrition/doc/CHANGELOG.md +++ b/web-admin/nutrition/doc/CHANGELOG.md @@ -2,6 +2,35 @@ ## [2026-05-20] +### 增强 — 健康生产模块交互重构与食堂切换 + +- **`prod-proc-combo.html`** 净菜组配 + - 筛选栏新增「当前食堂」「任务来源」「任务截止日期」筛选，截止日期默认当天 + - 表头重构：去掉需求规格列，新增餐品规格/份数/任务截止时间/任务来源/完成时间列 + - 食材配方列移至任务截止时间后，「查看配方」改为「食材明细」 + - 操作列重构：固定三项（食材溯源链路、查看视频、更多▾ hover 下拉）+ 状态按钮 + - 新建组配任务弹窗重构：改用下拉选择餐品/规格/份数/来源，移除手动食材清单 + - 食材明细弹窗新增「分类」列（主材/辅材/调料 标签） + - overflow-y 改为 visible 解决下拉菜单遮挡问题 + +- **`prod-proc-cook.html`** 按单烹制 + - 筛选栏新增「当前食堂」「烹制日期」筛选，烹制日期默认当天 + - 表头重构：去掉计划/实际烹制规格、视频记录，新增餐品规格/需求份数/烹制份数/烹制日期 + - 烹制状态前移至烹制份数后，食材明细/温度过程/模型数据列前移至生重/熟重/生熟比前 + - 生熟比格式改为 1：0.8x + - 操作列重构：固定三项 + hover 下拉 + 状态按钮（通知取餐/烹制完成/开始烹制） + - overflow-y 改为 visible + +- **`prod-proc-serve.html`** 上餐监控 + - 筛选栏新增「当前食堂」下拉 + +- **`prod-proc-surplus.html`** 余量处置 + - 筛选栏新增「当前食堂」下拉 + +- **`prod-proc-stats.html`** 生产统计 + - 新增页面标题行 + 食堂切换下拉（canteen-select 高亮样式） + - 移除两个 Tab 筛选栏中原有的「食堂」筛选项 + ### 增强 — 多页面交互优化与数据关联 - **`prod-clean-order.html`** 净菜订单 diff --git a/web-admin/nutrition/prod-proc-combo.html b/web-admin/nutrition/prod-proc-combo.html index 49cefd2..0cd40c4 100644 --- a/web-admin/nutrition/prod-proc-combo.html +++ b/web-admin/nutrition/prod-proc-combo.html @@ -48,7 +48,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);} .table-card__title{font-size:var(--font-base);font-weight:600;} .table-card__actions{display:flex;gap:8px;align-items:center;} -.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;} +.table-card__content{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;} .table-card__content table{min-width:100%;white-space:nowrap;} table{width:100%;border-collapse:collapse;} thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;} @@ -87,6 +87,16 @@ tbody tr:hover{background:#F8FBFF;} 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;} +/* 更多下拉菜单 - hover触发 */ +.action-more{position:relative;display:inline-flex;} +.action-more__trigger{color:var(--primary);cursor:pointer;font-size:var(--font-sm);user-select:none;} +.action-more__trigger:hover{color:#40a9ff;} +.action-more__menu{display:none;position:absolute;right:0;bottom:100%;margin-bottom:4px;background:#fff;border-radius:var(--radius-sm);box-shadow:0 3px 12px rgba(0,0,0,0.15);min-width:90px;z-index:100;padding:4px 0;} +.action-more:hover .action-more__menu{display:block;} +.action-more__item{display:block;padding:6px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background .1s;} +.action-more__item:hover{background:var(--primary-light);color:var(--primary);} +.action-more__item--danger{color:var(--danger);} +.action-more__item--danger:hover{background:#FFF1F0;color:var(--danger);} @@ -127,9 +137,12 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
+
+
+
@@ -142,14 +155,14 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
净菜组配
- + - - - - - - + + + + + +
任务编号目标菜品食材配方需求规格组配状态负责人完成时间操作
任务编号目标餐品餐品规格份数任务截止时间食材配方任务来源组配状态负责人完成时间操作
CMB-001宫保鸡丁查看配方中组(8份) · 50组已完成李组配10:30食材溯源链路 查看视频 详情 编辑 删除
CMB-002番茄炒蛋查看配方大组(16份) · 80组已完成王组配10:45食材溯源链路 查看视频 详情 编辑 删除
CMB-003红烧肉查看配方大组(16份) · 60组组配中张组配—食材溯源链路 查看视频 详情 编辑 删除
CMB-004清蒸鱼查看配方小组(4份) · 40组待组配——食材溯源链路 查看视频 详情 编辑 删除
CMB-005炒时蔬查看配方多人组(30份) · 20组已完成赵组配10:50食材溯源链路 查看视频 详情 编辑 删除
CMB-006豆腐查看配方自定义(12份/组) · 35组待组配——食材溯源链路 查看视频 详情 编辑 删除
CMB-001宫保鸡丁标准份（300g）502026-05-20 11:00食材明细餐线已完成李组配2026-05-20 10:30:00食材溯源链路 查看视频 更多 ▾
详情编辑删除
CMB-002番茄炒蛋大份（500g）802026-05-20 11:00食材明细餐线已完成王组配2026-05-20 10:45:00食材溯源链路 查看视频 更多 ▾
详情编辑删除
CMB-003红烧肉标准份（300g）602026-05-20 11:30食材明细餐线组配中张组配—食材溯源链路 查看视频 更多 ▾
详情编辑删除
 完成组配
CMB-004清蒸鱼标准份（500g）402026-05-20 12:00食材明细点餐待组配——食材溯源链路 查看视频 更多 ▾
详情编辑删除
 开始组配
CMB-005炒时蔬小份（200g）202026-05-20 11:00食材明细录入已完成赵组配2026-05-20 10:50:00食材溯源链路 查看视频 更多 ▾
详情编辑删除
CMB-006豆腐小份（200g）352026-05-20 12:00食材明细点餐待组配——食材溯源链路 查看视频 更多 ▾
详情编辑删除
 开始组配
@@ -165,7 +178,7 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
diff --git a/web-admin/nutrition/prod-proc-cook.html b/web-admin/nutrition/prod-proc-cook.html index 3199565..9e413c5 100644 --- a/web-admin/nutrition/prod-proc-cook.html +++ b/web-admin/nutrition/prod-proc-cook.html @@ -46,7 +46,7 @@ body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei .table-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);} .table-card__title{font-size:var(--font-base);font-weight:600;} .table-card__actions{display:flex;gap:8px;align-items:center;} -.table-card__content{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;} +.table-card__content{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;} .table-card__content table{min-width:100%;white-space:nowrap;} table{width:100%;border-collapse:collapse;} thead th{background:#FAFAFA;padding:12px 16px;text-align:left;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border);white-space:nowrap;} @@ -69,6 +69,16 @@ tbody tr:hover{background:#F8FBFF;} 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;} +/* 更多下拉菜单 - hover触发 */ +.action-more{position:relative;display:inline-flex;} +.action-more__trigger{color:var(--primary);cursor:pointer;font-size:var(--font-sm);user-select:none;} +.action-more__trigger:hover{color:#40a9ff;} +.action-more__menu{display:none;position:absolute;right:0;bottom:100%;margin-bottom:4px;background:#fff;border-radius:var(--radius-sm);box-shadow:0 3px 12px rgba(0,0,0,0.15);min-width:90px;z-index:100;padding:4px 0;} +.action-more:hover .action-more__menu{display:block;} +.action-more__item{display:block;padding:6px 14px;font-size:var(--font-sm);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background .1s;} +.action-more__item:hover{background:var(--primary-light);color:var(--primary);} +.action-more__item--danger{color:var(--danger);} +.action-more__item--danger:hover{background:#FFF1F0;color:var(--danger);} /* 弹窗 */ .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;max-height:85vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,0.15);} @@ -140,10 +150,12 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
-
+
+
+
@@ -151,22 +163,21 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
-
按单烹制
- + - - - - - - - + + + + + + +
烹制任务号来源类型组配任务号菜品名称计划烹制规格实际烹制规格厨师生重(kg)熟重(kg)生熟比烹制开始烹制结束食材明细温度过程视频记录模型数据烹制状态操作
烹制任务号来源类型组配任务号菜品名称餐品规格需求份数烹制份数烹制日期烹制开始烹制结束烹制状态厨师食材明细温度过程模型数据生重(kg)熟重(kg)生熟比操作
COOK-001点餐CMB-001宫保鸡丁中组(8份) · 50组中组(8份) · 50组张厨师8.57.20.8511:0011:20查看配方温度曲线可回放92分已完成食材溯源链路 查看视频 详情 编辑 删除
COOK-002点餐CMB-002番茄炒蛋大组(16份) · 80组大组(16份) · 80组李厨师12.010.40.8711:0511:20查看配方温度曲线可回放88分已完成食材溯源链路 查看视频 详情 编辑 删除
COOK-003餐线CMB-003红烧肉大组(16份) · 60组—王厨师10.0——11:10—查看配方温度曲线录制中分析中烹制中食材溯源链路 查看视频 详情 编辑 删除
COOK-004餐线CMB-004清蒸鱼小组(4份) · 40组—张厨师6.5——11:15—查看配方温度曲线录制中分析中烹制中食材溯源链路 查看视频 详情 编辑 删除
COOK-005餐线CMB-005蒜蓉菠菜多人组(30份) · 100组——15.0————查看配方———待烹制食材溯源链路 查看视频 详情 编辑 删除
COOK-006餐线CMB-005炒时蔬多人组(30份) · 20组多人组(30份) · 20组赵厨师18.015.60.8711:1011:30查看配方温度曲线可回放95分已完成食材溯源链路 查看视频 详情 编辑 删除
COOK-007点餐CMB-006豆腐自定义(12份/组) · 35组自定义(12份/组) · 35组陈厨师4.23.90.9311:2011:35查看配方温度曲线可回放78分已完成食材溯源链路 查看视频 详情 编辑 删除
COOK-001点餐CMB-001宫保鸡丁标准份（300g）50502026-05-2011:0011:20已完成张厨师食材明细温度曲线92分8.57.21：0.85食材溯源链路 查看视频 更多 ▾
详情编辑删除
通知取餐
COOK-002点餐CMB-002番茄炒蛋大份（500g）80802026-05-2011:0511:20已完成李厨师食材明细温度曲线88分12.010.41：0.87食材溯源链路 查看视频 更多 ▾
详情编辑删除
通知取餐
COOK-003餐线CMB-003红烧肉标准份（300g）60—2026-05-2011:10—烹制中王厨师食材明细温度曲线分析中10.0——食材溯源链路 查看视频 更多 ▾
详情编辑删除
烹制完成
COOK-004餐线CMB-004清蒸鱼标准份（500g）40—2026-05-2011:15—烹制中张厨师食材明细温度曲线分析中6.5——食材溯源链路 查看视频 更多 ▾
详情编辑删除
烹制完成
COOK-005餐线CMB-005蒜蓉菠菜标准份（300g）100—2026-05-20——待烹制—食材明细——15.0——食材溯源链路 查看视频 更多 ▾
详情编辑删除
开始烹制
COOK-006餐线CMB-005炒时蔬小份（200g）20202026-05-2011:1011:30已完成赵厨师食材明细温度曲线95分18.015.61：0.87食材溯源链路 查看视频 更多 ▾
详情编辑删除
通知取餐
COOK-007点餐CMB-006豆腐小份（200g）35352026-05-2011:2011:35已完成陈厨师食材明细温度曲线78分4.23.91：0.93食材溯源链路 查看视频 更多 ▾
详情编辑删除
通知取餐
@@ -282,6 +293,8 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}