From 95506141f1004fb707b2f9a51a16d7b972f85f8c Mon Sep 17 00:00:00 2001 From: fengpu <18691763612@163.com> Date: Mon, 8 Jun 2026 15:09:04 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=BA=AF=E6=BA=90=E6=9F=A5=E8=AF=A2?= =?UTF-8?q?=E9=A1=B5=E6=94=B9=E4=B8=BA=E9=A3=9F=E6=9D=90=E7=BB=B4=E5=BA=A6?= =?UTF-8?q?=E8=A1=A8=E6=A0=BC+=E9=93=BE=E8=B7=AF=E5=8F=AF=E8=A7=86?= =?UTF-8?q?=E5=8C=96=E9=A1=B5=E6=90=9C=E7=B4=A2=E5=8C=BA=E9=87=8D=E6=9E=84?= =?UTF-8?q?+=E5=AF=BC=E8=88=AA=E6=96=B0=E5=A2=9E=E9=A4=90=E5=8E=85?= =?UTF-8?q?=E7=BB=88=E7=AB=AF=E8=AE=BE=E5=A4=87?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - trace-query.html：表头/筛选项/数据从餐品维度切换为食材维度（溯源码、食材名称、来源类型、采购时间、产地/供应商、种养殖批次、检测结论、操作） - trace-timeline.html：删除共享搜索栏，餐品/食材维度各自独立filter-bar搜索区；餐品概要信息卡调整（餐品名称、烹制单号、烹制时间、烹制厨师、食材数量）；食材概要信息卡新增入库单号字段 - index.html：其他终端板块新增「餐厅终端设备」模块卡片 - 项目背景.md：other-terminals目录结构新增canteen-device条目 Co-Authored-By: Claude Opus 4.7 --- index.html | 3 +- web-admin/nutrition/trace-query.html | 118 ++++++++++-------------- web-admin/nutrition/trace-timeline.html | 89 +++++++++++------- 项目背景.md | 5 +- 4 files changed, 113 insertions(+), 102 deletions(-) diff --git a/index.html b/index.html index ef75345..39907b2 100644 --- a/index.html +++ b/index.html @@ -824,7 +824,8 @@ const SITE_MAP = [ { name:'西安应急中心大屏', dir:'other-module/emergency-screen/xian-center', pages:[] }, { name:'标准版中心大屏', dir:'other-module/emergency-screen/standard-center', pages:[] }, { name:'九厂应急中心大屏', dir:'other-module/emergency-screen/jiuchang-center', pages:[] }, - { name:'医疗点PAD端', dir:'other-module/medical-pad', pages:[] } + { name:'医疗点PAD端', dir:'other-module/medical-pad', pages:[] }, + { name:'餐厅终端设备', dir:'other-module/canteen-device', pages:[] } ]} ]; diff --git a/web-admin/nutrition/trace-query.html b/web-admin/nutrition/trace-query.html index 8563b80..a64d107 100644 --- a/web-admin/nutrition/trace-query.html +++ b/web-admin/nutrition/trace-query.html @@ -126,12 +126,14 @@ tbody tr:hover td.td-actions{background:#F8FBFF;}
- - + +
- - + +
@@ -161,113 +163,95 @@ tbody tr:hover td.td-actions{background:#F8FBFF;} - - - + + + - + - - - - - - - + + + + + - - - - - - - + + + + + - - - - - - - + + + + + - - - - - - - + + + + + - - - - - - - - - - - - - - - - + - + + + + + + + + + + + + - - - - - + + + - + - - - - - + + + - + - - diff --git a/web-admin/nutrition/trace-timeline.html b/web-admin/nutrition/trace-timeline.html index 5b4d44e..9ff4b04 100644 --- a/web-admin/nutrition/trace-timeline.html +++ b/web-admin/nutrition/trace-timeline.html @@ -43,11 +43,13 @@ .dimension-tab:hover{color:var(--primary);} .dimension-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;} - /* 查询栏 */ - .search-bar{display:flex;align-items:center;gap:12px;background:#fff;padding:16px 24px;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;} - .search-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;transition:border-color .2s;min-width:180px;} - .search-input:focus{border-color:var(--primary);} - .search-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);outline:none;min-width:140px;background:#fff;cursor:pointer;} + /* 筛选栏 */ + .filter-bar{background:#fff;border-radius:var(--radius-md);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;} + .filter-item{display:flex;align-items:center;gap:8px;} + .filter-item label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;} + .filter-input{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:var(--font-sm);color:var(--text-primary);outline:none;background:#fff;min-width:200px;} + .filter-input:focus{border-color:var(--primary);} + .filter-select{height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 28px 0 12px;font-size:var(--font-sm);color:var(--text-primary);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 10px center;appearance:none;cursor:pointer;min-width:120px;} .btn{height:36px;padding:0 16px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;} .btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:#40a9ff;} .btn-default{background:#fff;color:var(--text-primary);border:1px solid var(--border);}.btn-default:hover{color:var(--primary);border-color:var(--primary);} @@ -62,7 +64,7 @@ .trace-header__title{font-size:var(--font-lg);font-weight:600;display:flex;align-items:center;gap:8px;} .trace-header__status{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:var(--font-xs);font-weight:600;background:#F6FFED;color:var(--success);border:1px solid #B7EB8F;} .trace-header__status-dot{width:6px;height:6px;border-radius:50%;background:var(--success);} - .trace-header__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;} + .trace-header__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;} .trace-header__item{display:flex;flex-direction:column;gap:4px;} .trace-header__label{font-size:var(--font-xs);color:var(--text-placeholder);} .trace-header__value{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;} @@ -179,30 +181,28 @@
餐品维度
食材维度
- - -
- - - - - -
-
+ +
+
+ + +
+
+ + + 至 + +
+ + +
@@ -210,9 +210,9 @@
全程合格
-
溯源码
NC-PROC-20260422-01
-
菜品名称
宫保鸡丁
-
就餐时间
2026-04-22 午餐
+
餐品名称
宫保鸡丁
+
烹制单号
COOK-20260422-001
+
烹制时间
2026-04-22 11:00~11:35
烹制厨师
张厨师
食材数量
4 种
@@ -230,6 +230,30 @@
+ +
+
+ + +
+
+ + +
+
+ + + 至 + +
+ + +
@@ -440,8 +464,9 @@ function renderDim1() { headerEl.innerHTML = '
🥩 ' + ing.name + '（食材溯源）
' + '
全程合格
' + '
' + - '
溯源码
' + ing.traceCode + '
' + '
食材名称
' + ing.name + '
' + + '
溯源码
' + ing.traceCode + '
' + + '
入库单号
MC-IN-20260415-002
' + '
来源类型
' + ing.sourceType + '
' + '
供应商
鲜肉直供公司
' + '
入库量
80kg
'; diff --git a/项目背景.md b/项目背景.md index a4d1cd8..aed0708 100644 --- a/项目背景.md +++ b/项目背景.md @@ -16,7 +16,7 @@ prototype-user-app/ ├── web-admin/ # Web 管理端原型 ├── employee-app/ # 员工端 APP 原型 ├── emergency-app/ # 健康应急 APP 原型 -├── other-terminals/ # 其他终端原型（小程序、大屏、PAD） +├── other-terminals/ # 其他终端原型（小程序、大屏、PAD、餐厅的终端设备） ├── 项目背景.md # 本文件 - 项目约束与规范 └── README.md # 项目说明 ``` @@ -140,7 +140,8 @@ other-terminals/ │ ├── xian-center/ # 西安应急中心大屏 │ ├── standard-center/ # 标准版中心大屏 │ └── jiuchang-center/ # 九厂应急中心大屏 -└── medical-pad/ # 医疗点PAD端 +├── medical-pad/ # 医疗点PAD端 +└── canteen-device/ # 餐厅终端设备 ``` ---
餐品溯源码菜品名称就餐日期溯源码食材名称 来源类型入库时间 产地/供应商种植/养殖批次种养殖批次 检测结论烹制厨师上餐时间 操作
TR-20260422-001宫保鸡丁2026-04-22 午餐自产养殖B3-鸡舍 ST-FH-FL02-MT-HWJJ-1200-20260315-001鸡胸肉自产养殖2026-03-15 12:00:00B3-鸡舍FH-FL02-1200-20260315-001 合格张厨师11:30 查看食材链路
TR-20260422-002蒜蓉菠菜2026-04-22 午餐自产种植A区蔬菜基地 ST-FH-FA01-VG-BOCA-286K-20260415-001菠菜自产种植2026-04-15 12:00:00A区蔬菜基地FH-FA01-286K-20260415-001 合格李厨师11:32 查看食材链路
TR-20260422-003番茄鸡蛋汤2026-04-22 午餐外采绿源蔬菜配送 ST-EX-LY01-VG-CGSR-030K-20260415-001番茄外采2026-04-15 12:00:00绿源蔬菜配送LY01-030K-20260415-001 合格王厨师11:28 查看食材链路
TR-20260422-004米饭2026-04-22 午餐外采粮油批发商行 ST-EX-LY02-DG-DAMI-1000-20260413-001大米外采2026-04-13 12:00:00粮油批发商行LY02-1000-20260413-001 合格—11:25 查看食材链路
TR-20260421-005红烧肉2026-04-21 午餐外采鲜肉直供公司 ST-EX-XR01-MT-ZLRJ-080K-20260415-005合格张厨师11:35查看食材链路
TR-20260421-006清蒸鱼2026-04-21 午餐猪肉 外采海鲜水产配送2026-04-15 12:00:00鲜肉直供公司XR01-080K-20260415-005合格查看食材链路
ST-EX-HS01-SF-CAYO-060K-20260414-001草鱼外采2026-04-14 12:00:00海鲜水产配送HS01-060K-20260414-001 合格王厨师11:40 查看食材链路
TR-20260421-007炒时蔬2026-04-21 午餐ST-FH-FA01-VG-BOCA-286K-20260415-002时蔬 自产种植2026-04-15 12:00:00 A区蔬菜基地ST-FH-FA01-VG-BOCA-286K-20260415-001FH-FA01-286K-20260415-002 合格李厨师11:30 查看食材链路
TR-20260420-008宫保鸡丁2026-04-20 午餐ST-FH-FL02-MT-HWJJ-1200-20260315-002鸡胸肉 自产养殖2026-03-15 12:00:00 B3-鸡舍ST-FH-FL02-MT-HWJJ-1200-20260315-001FH-FL02-1200-20260315-002 合格张厨师11:32 查看食材链路