diff --git a/other-module/canteen-device/ratio-scale/00-login.html b/other-module/canteen-device/ratio-scale/00-login.html new file mode 100644 index 0000000..cee9c0e --- /dev/null +++ b/other-module/canteen-device/ratio-scale/00-login.html @@ -0,0 +1,288 @@ + + + + + + 净菜配比秤 - 登录 | 蚁熊智能餐养平台 + + + + +
+
+ 净菜配比秤 - 员工登录 +
+ +
+ +
+
+ +
+ + + + diff --git a/other-module/canteen-device/ratio-scale/00-welcome.html b/other-module/canteen-device/ratio-scale/00-welcome.html index e1aa6ad..32de2b9 100644 --- a/other-module/canteen-device/ratio-scale/00-welcome.html +++ b/other-module/canteen-device/ratio-scale/00-welcome.html @@ -3,217 +3,209 @@ - 净菜配比秤 - 欢迎 | 蚁熊智能餐养平台 + 净菜配比秤 - 功能菜单 | 蚁熊智能餐养平台 -
- 净菜配比秤 -
-
-
- - -
-
-
👤
-
点击激活
人脸识别
+ +
+
+ 净菜配比秤 - 功能菜单 + -- + +
+ +
+
+
+
📌 功能菜单
+
-
- 识别成功后即可使用各项功能 -
-
-
-
-
-
-
-
📌 功能菜单
- -
- -
📋
-
-
今日任务
-
查看系统分配的打包任务清单
-
-
›
- - -
📦
-
-
称重打包
-
净菜识别、称重、按单打包
-
-
›
- - -
📝
-
-
打包记录
-
历史打包记录查看与筛选
-
-
›
- - -
⚙️
-
-
设备设置
-
设备参数配置与状态查看
-
-
›
- -
+
+ - -/* 返回按钮：从哪来回哪去 */ -(function() { - var backBtn = document.getElementById('backBtn'); - if (backBtn) { - var params = new URLSearchParams(window.location.search); - var referer = params.get('referer'); - if (referer) { - backBtn.href = referer; - } else if (document.referrer && document.referrer.indexOf(window.location.hostname) !== -1) { - backBtn.href = document.referrer; - } else { - backBtn.href = 'index.html'; - } - } -})(); - diff --git a/other-module/canteen-device/ratio-scale/02-weighing-packing.html b/other-module/canteen-device/ratio-scale/02-weighing-packing.html index 96b85ae..87ed460 100644 --- a/other-module/canteen-device/ratio-scale/02-weighing-packing.html +++ b/other-module/canteen-device/ratio-scale/02-weighing-packing.html @@ -6,235 +6,488 @@ 净菜配比秤 - 称重打包 | 蚁熊智能餐养平台 +
- - ◀ 返回 称重打包 - -- + ◀ 返回 + 称重打包 + + 餐品净菜包 +
-
-
-
-
- 当前任务 - 切换任务 + + +
+ +
+
📷 食材识别
+ + +
+ 食材识别区域 +
+
+
+
+
+ 当前秤重 + 0.00 + 克
-
-
🥔
-
-
土豆丝
-
👤 分配给: 张三
-
-
-
-
-
- 3.0/5.0斤 -
+
+
📷
+
点击继续识别
-
-
-
📇
-
-
AI 识别结果
-
等待放置食材...
-
-
- 待机 -
-
- 0.00 - 斤 -
请将食材放置秤上
-
-
- - + +
+ + 就绪，等待食材放置 +
+ + + + + +
+
+ 🔍 +
+ + +
+
+ 智能识别候选 +
+
+
+
📷
+
等待食材放置后自动识别
+
+
+ +
场景监控后台静默录制中
-
-
-
-
8
-
今日打包数
-
-
-
35.6
-
总重量(斤)
-
-
-
6
-
分配员工数
-
-
- -
-
- 📦 当前打包中 - 进行中 -
-
-
-
食材
-
土豆丝
+ +
+ +
+
+
+
订单号
+
--
-
-
目标员工
-
张三
+
+
任务号
+
--
-
-
目标重量
-
5.0斤
+
+
餐品净菜包
+
--
-
-
已打包
-
3.0斤
+
+
打包规格
+
--
-
-
- 本次打包记录 - 共 0 条 + +
+
+ 净菜名称 + 每份用量(克) + 打包规格（份） + 所需总重(克) + 已称(克) + 状态 + 操作
-
-
-
📭
-
暂无打包记录
-
+
+
+ + +
+ +
+
- - -/* 返回按钮：从哪来回哪去 */ -(function() { - var backBtn = document.getElementById('backBtn'); - if (backBtn) { - var params = new URLSearchParams(window.location.search); - var referer = params.get('referer'); - if (referer) { - backBtn.href = referer; - } else if (document.referrer && document.referrer.indexOf(window.location.hostname) !== -1) { - backBtn.href = document.referrer; - } else { - backBtn.href = 'index.html'; - } - } -})(); - diff --git a/other-module/canteen-device/ratio-scale/03-history.html b/other-module/canteen-device/ratio-scale/03-history.html deleted file mode 100644 index e197f45..0000000 --- a/other-module/canteen-device/ratio-scale/03-history.html +++ /dev/null @@ -1,258 +0,0 @@ - - - - - - 净菜配比秤 - 打包记录 | 蚁熊智能餐养平台 - - - -
- - ◀ 返回 打包记录 - -- -
-
-
-
日期
-
- 食材 - -
-
- 目标员工 - -
- - -
-
-
今日打包批次
15
-
打包总量
48.6斤
-
分配员工数
8
-
塑封完成率
100%
-
-
-
- 打包记录列表 - 共 15 条记录 -
-
-
批次号
-
食材
-
目标员工
-
重量
-
打包时间
-
塑封
-
操作员
-
状态
-
操作
-
-
-
-
#P20260613-001
-
🥔 土豆丝
-
张三
-
5.2斤
-
09:45
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-002
-
🥕 胡萝卜丝
-
李四
-
2.8斤
-
09:58
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-003
-
🥒 黄瓜片
-
王五
-
4.2斤
-
10:12
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-004
-
🥬 白菜段
-
赵六
-
8.5斤
-
10:28
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-005
-
🍅 西红柿块
-
孙七
-
3.5斤
-
10:42
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-006
-
🥔 土豆丝
-
周八
-
3.0斤
-
10:55
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-007
-
🥔 土豆块
-
张三
-
3.2斤
-
14:30
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-008
-
🥕 胡萝卜丁
-
陈十
-
2.5斤
-
14:45
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-009
-
🥔 土豆条
-
刘九
-
2.6斤
-
14:58
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
-
#P20260613-010
-
🍅 小番茄
-
杨一
-
1.8斤
-
15:10
-
🔒 已塑封
-
刘九
-
已完成
-
查看详情
-
-
- -
-
- - -/* 返回按钮：从哪来回哪去 */ -(function() { - var backBtn = document.getElementById('backBtn'); - if (backBtn) { - var params = new URLSearchParams(window.location.search); - var referer = params.get('referer'); - if (referer) { - backBtn.href = referer; - } else if (document.referrer && document.referrer.indexOf(window.location.hostname) !== -1) { - backBtn.href = document.referrer; - } else { - backBtn.href = 'index.html'; - } - } -})(); - - - diff --git a/other-module/canteen-device/ratio-scale/04-settings.html b/other-module/canteen-device/ratio-scale/04-settings.html deleted file mode 100644 index 0920e5a..0000000 --- a/other-module/canteen-device/ratio-scale/04-settings.html +++ /dev/null @@ -1,189 +0,0 @@ - - - - - - 净菜配比秤 - 设备设置 | 蚁熊智能餐养平台 - - - -
- - ◀ 返回 设备设置 - -- -
-
-
-
📦打包参数
-
🤖AI识别
-
⚖️秤参数
-
💻设备信息
-
ℹ️关于
-
-
-
-
打包参数配置
-
-
自动塑封
打包完成后自动塑封
-
-
-
-
标签打印
打包完成后自动打印标签
-
-
-
-
重量误差范围
打包重量与目标重量的允许误差
-
斤
-
-
-
打包完成提示音
打包完成时播放提示音
-
-
-
- - - - - -
-
-
- - -/* 返回按钮：从哪来回哪去 */ -(function() { - var backBtn = document.getElementById('backBtn'); - if (backBtn) { - var params = new URLSearchParams(window.location.search); - var referer = params.get('referer'); - if (referer) { - backBtn.href = referer; - } else if (document.referrer && document.referrer.indexOf(window.location.hostname) !== -1) { - backBtn.href = document.referrer; - } else { - backBtn.href = 'index.html'; - } - } -})(); - - - diff --git a/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md b/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md index 537674c..344d0bc 100644 --- a/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md +++ b/other-module/canteen-device/ratio-scale/doc/CHANGELOG.md @@ -1,5 +1,43 @@ # 净菜配比秤 CHANGELOG +## [1.2.0] - 2026-06-16 + +### 新增 +- 称重打包页食材识别区底部新增「当前秤重」实时显示 +- 净菜清清单表格新增「操作」列，支持单独清空食材重量 +- 称重打包页新增「下一步」按钮，点击后弹出包装信息窗口 +- 包装信息弹窗包含：包装方式（必填）、保质期至（必填/三列下拉）、存放温度、终端设备（下拉） + +### 调整 +- 表头列名优化：「每份用量」→「每份用量(克)」、「打包规格」→「打包规格（份）」 +- 称重打包页删除「保存并完成」「保存并继续」按钮，统一改为「下一步」弹窗流程 +- 全局去除「今日」字样：标题、导航、卡片描述统一精简 +- 保质期至由浏览器原生日期控件改为自定义三列下拉（年/月/日） + +### 修复 +- 任务列表页「待称重」Tab 初始化时未过滤已完成订单 + +--- + +## [1.1.0] - 2026-06-16 + +### 重构 +- 登录页与菜单页分离：新增 `00-login.html` 独立登录页，`00-welcome.html` 改为纯功能菜单页 +- 任务列表页重构为三层结构：订单号（第一层）→ 任务号（第二层）→ 净菜项（第三层） +- 新增 Tab 切换：「净菜包打包」/「餐品组合打包」两种模式 +- 称重打包页支持两种模式：净菜包模式（AI识别称重）和餐品组合模式（自动匹配子项） +- 所有页面统一 PAD 居中外壳（`.device-frame` 1280×720） + +### 删除 +- `03-history.html` — 打包记录页（冗余功能移除） +- `04-settings.html` — 设备设置页（冗余功能移除） + +### 调整 +- 导航页 `index.html` 同步更新页面列表和描述 +- 任务列表按期望到货时间升序排列 + +--- + ## [1.0.0] - 2026-06-13 ### 新增 diff --git a/other-module/canteen-device/ratio-scale/doc/PRD.md b/other-module/canteen-device/ratio-scale/doc/PRD.md new file mode 100644 index 0000000..56928ef --- /dev/null +++ b/other-module/canteen-device/ratio-scale/doc/PRD.md @@ -0,0 +1,232 @@ +# 净菜配比秤 — 产品需求文档 + +> 原型目录：`other-module/canteen-device/ratio-scale/` +> 创建时间：2026-06-13 | 最后更新：2026-06-16 + +--- + +## 一、模块概述 + +净菜配比秤是食堂净菜打包流程中的核心硬件终端，承担打包任务管理、净菜识别称重、餐品组合打包三大职能。设备配备触摸屏、称重传感器、食材识别摄像头和人脸识别摄像头，支持「净菜包打包」和「餐品组合打包」两种业务模式。 + +### 业务流程 + +``` +用户登录 → 查看打包任务（按期望到货时间排序）→ 净材识别录入 → 完成任务 +``` + +**任务结构（三层）**： +- 第一层：打包任务（关联后台系统外采内供订单号） +- 第二层：净菜/餐品（净菜包 或 餐品净菜包） +- 第三层：餐品净菜包的净菜明细（仅餐品净菜包类型） + +**打包流程**： +1. 先按照任务把所有净菜包打包完成 +2. 随后查询任务单里的餐品净菜包，系统自动匹配已打包净菜进行组合打包 + +### 页面导航结构 + +``` +00 登录页（人脸识别 / 账号密码登录） +└── 登录成功后进入 +00 功能菜单页 +├── 今日任务 → 01-packing-tasks +│ ├── Tab: 净菜包打包 +│ └── Tab: 餐品组合打包 +└── 称重打包 → 02-weighing-packing + ├── 模式 A: 净菜包打包（AI 识别 + 称重 + 塑封） + ── 模式 B: 餐品组合打包（自动匹配子项） +``` + +#### 页面间跳转关系 + +| 来源页 | 触发操作 | 目标页 | 携带参数 | +|--------|----------|--------|----------| +| 根导航（index.html） | 进入净菜配比秤 | 00 登录页 | — | +| 00 登录页 | 登录成功 | 00 功能菜单页 | `?user=姓名&uid=工号` | +| 00 功能菜单页 | 点击「今日任务」 | 01 任务列表页 | `?user=...&uid=...` | +| 00 功能菜单页 | 点击「称重打包」 | 02 称重打包页 | `?user=...&uid=...` | +| 00 功能菜单页 | 点击「退出登录」 | 00 登录页 | — | +| 01 任务列表页 | 点击「去打包」 | 02 称重打包页 | `?task=任务号&item=序号&type=veg/meal&user=...` | +| 01 任务列表页 | 顶栏 ← 返回 | 00 功能菜单页 | — | +| 02 称重打包页 | 顶栏 ← 返回 | 01 任务列表页 | — | + +### 核心状态流转 + +```mermaid +flowchart TD + A[登录页] -->|人脸识别/账号登录| B[功能菜单页] + B -->|今日任务| C[任务列表页] + B -->|称重打包| D[称重打包页] + B -->|退出登录| A + + C -->|Tab: 净菜包打包| C1[净菜包任务列表] + C -->|Tab: 餐品组合打包| C2[餐品组合任务列表] + + C1 -->|点击去打包| D1[净菜包模式] + C2 -->|点击去打包| D2[餐品组合模式] + + D1 --> E[放置食材] + E --> F[AI 识别品类] + F --> G[称重稳定] + G --> H[打包 + 塑封] + H -->|继续打包| E + H -->|返回| C + + D2 --> I[放置食材] + I --> J[AI 识别净菜] + J --> K{匹配子项?} + K -->|匹配成功| L[标记子项完成] + K -->|未匹配| M[提示不匹配] + L --> N{所有子项完成?} + N -->|是| O[组合打包] + N -->|否| I + O -->|返回| C +``` + +--- + +## 二、页面清单 + +| 编号 | 文件名 | 页面名称 | 类型 | 原型链接 | +|------|--------|----------|------|----------| +| 00 | `00-login.html` | 登录页 | 功能页 | [打开原型](../00-login.html) | +| 00 | `00-welcome.html` | 功能菜单页 | 功能页 | [打开原型](../00-welcome.html) | +| 01 | `01-packing-tasks.html` | 今日打包任务 | 功能页 | [打开原型](../01-packing-tasks.html) | +| 02 | `02-weighing-packing.html` | 称重打包 | 功能页 | [打开原型](../02-weighing-packing.html) | + +--- + +## 三、页面详细说明 + +### 3.1 登录页 `00-login.html` + +**页面定位**：员工身份验证入口 + +**功能说明**： +- 支持人脸识别和账号密码两种登录方式 +- 登录成功后自动跳转到功能菜单页 +- 显示登录员工姓名、部门、工号信息 + +**交互说明**： +- 点击人脸识别区 → 启动识别动画 → 2 秒后模拟识别成功 +- 切换登录方式 Tab → 切换显示人脸/密码表单 +- 账号密码登录 → 验证工号和密码 → 成功则跳转 + +**演示账号**： +| 工号 | 密码 | 姓名 | 角色 | +|------|------|------|------| +| 30001 | 123456 | 刘九 | 打包员 | +| 30002 | 123456 | 陈十 | 打包员 | +| 30003 | 123456 | 杨一 | 质检员 | + +--- + +### 3.2 功能菜单页 `00-welcome.html` + +**页面定位**：登录后功能导航入口 + +**功能说明**： +- 显示当前登录用户信息 +- 提供「今日任务」和「称重打包」两个功能入口 +- 支持退出登录返回登录页 +- 新任务到达时显示脉冲动画和角标提示 + +**交互说明**： +- 页面加载时检查登录状态，未登录自动跳转登录页 +- 每 30 秒轮询检测新任务到达 +- 点击功能按钮携带用户参数跳转到对应页面 + +--- + +### 3.3 今日打包任务 `01-packing-tasks.html` + +**页面定位**：打包任务列表管理 + +**功能说明**： +- Tab 切换：「净菜包打包」/「餐品组合打包」 +- 三层结构展示：订单号 → 任务号 → 净菜项 +- 按期望到货时间升序排列（最紧急的在最上面） +- 显示每种净菜的打包进度和状态 + +**数据结构**： +``` +订单 #PO-20260616-001（期望到货 11:30） +└── 任务 #T-001 + ├── 🥔 土豆丝（净菜包）需 2.5 斤 已包 1.0 斤 [进行中] + ├── 🥕 胡萝卜丝（净菜包）需 1.8 斤 已包 1.8 斤 [已完成] + └── 📦 宫保鸡丁套餐（餐品净菜包）需 3 份 已包 0 份 + ├── 土豆丝 1.5 斤 + ├── 胡萝卜丝 0.8 斤 + └── 黄瓜片 0.5 斤 +``` + +**交互说明**： +- 点击净菜包「去打包」→ 跳转称重打包页（净菜包模式） +- 点击餐品净菜包「去打包」→ 跳转称重打包页（餐品组合模式） +- 已完成项显示「完成」按钮，不可再次操作 + +--- + +### 3.4 称重打包 `02-weighing-packing.html` + +**页面定位**：净菜识别、称重、打包操作 + +**功能说明**： + +**净菜包模式**： +- AI 识别放置的食材品类 +- 实时称重显示 +- 重量稳定后点击「打包 + 塑封」 +- 记录本次打包历史 + +**餐品组合模式**： +- 显示餐品净菜包所需的子项清单 +- 秤上放置食材时系统自动识别并匹配对应子项 +- 匹配成功的子项显示绿色勾选 +- 所有子项匹配完成后可点击「组合打包」 + +**交互说明**： +- 从任务列表进入时带入任务参数（任务号、净菜序号、类型） +- 称重过程动画：数字递增 → 稳定 → 可操作 +- AI 识别结果与任务比对：匹配显示绿色，不匹配显示红色警告 +- 打包成功后记录自动添加到右侧打包记录列表 + +--- + +## 四、设计规范 + +### 4.1 视觉尺寸 + +- 设备分辨率：1280 × 720（PAD 横屏） +- 顶部导航栏高度：44px +- 内容区高度：calc(100% - 44px) + +### 4.2 设计令牌 + +| 用途 | 颜色值 | +|------|--------| +| 背景色 | `#0e1326` | +| 卡片背景 | `#1a2b4a` | +| 主色（按钮/高亮） | `#4a90d9` | +| 成功色 | `#52c41a` | +| 警告色 | `#faad16` | +| 错误色 | `#ff4d4f` | +| 餐品净菜包色 | `#722ed1` | + +### 4.3 PAD 外壳规范 + +所有页面统一采用 `.device-frame` 容器： +- 圆角：24px +- 阴影：`0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.04)` +- 内部禁止可见滚动条（`scrollbar-width: none` + `::-webkit-scrollbar { display: none }`） + +--- + +## 五、待办事项 + +- [ ] 对接真实硬件称重传感器 API +- [ ] 对接真实 AI 食材识别 API +- [ ] 对接后台系统任务同步接口 +- [ ] 打包记录本地存储与同步 +- [ ] 打印标签功能（如有硬件支持） diff --git a/other-module/canteen-device/ratio-scale/index.html b/other-module/canteen-device/ratio-scale/index.html index 670be4f..9170d3f 100644 --- a/other-module/canteen-device/ratio-scale/index.html +++ b/other-module/canteen-device/ratio-scale/index.html @@ -6,7 +6,23 @@ 净菜配比秤 - 蚁熊智能餐养平台 -
- ◀ 返回 - 净菜配比秤 -
-
- - 👋 -
-
欢迎页面
-
人脸识别/账号密码登录、功能菜单入口
-
- › - - - 📋 -
-
今日打包任务
-
系统分配的净菜打包任务列表
-
- › - - - 📦 -
-
称重打包
-
净菜AI识别、称重、按员工拆单打包塑封
-
- › - - - 📝 -
-
打包记录
-
历史打包记录查看与筛选
-
- › - - - ⚙️ -
-
设备设置
-
打包参数、AI识别、秤参数配置
-
- › - +
+
+ ◀ 返回 + 净菜配比秤 +
+
+ + 🔑 +
+
员工登录
+
人脸识别/账号密码登录入口
+
+ › + + + 📋 +
+
功能菜单
+
称重任务入口
+
+ › + + + 📦 +
+
称重任务
+
三层任务结构：订单→任务→净菜项，点击去称重直接进入称重页
+
+ › + +