feat: 营养管理模块页面重构及新增检验页面,创建其他终端目录结构

- 新增营养质检-新增检验二级页面(prod-qc-nutrition-add.html)
- 重构餐品总库、食物成分、餐品新增等页面
- 删除已废弃的 din-dish-composition.html
- 新增数据库设计文档
- 创建 other-module 目录结构(小程序/应急大屏/医疗PAD)
- 更新项目背景文档新增其他终端模块定义
- 同步更新 index.html SITE_MAP

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
冯普
2026-05-13 11:33:15 +08:00
co-authored by Claude Opus 4.6
parent be6f5a7f81
commit 0a99f44ec7
15 changed files with 6107 additions and 1408 deletions
+66 -2
View File
@@ -16,6 +16,7 @@ prototype-user-app/
├── web-admin/ # Web 管理端原型
├── employee-app/ # 员工端 APP 原型
├── emergency-app/ # 健康应急 APP 原型
├── other-terminals/ # 其他终端原型(小程序、大屏、PAD)
├── 项目背景.md # 本文件 - 项目约束与规范
└── README.md # 项目说明
```
@@ -24,7 +25,7 @@ prototype-user-app/
根目录 `index.html` 作为项目统一入口,部署到服务器后供研发人员浏览所有原型页面。
- 通过 Tab 切换三大终端Web 管理端 / 员工端 APP / 健康应急 APP
- 通过 Tab 切换四大板块Web 管理端 / 员工端 APP / 健康应急 APP / 其他终端
- 以模块卡片展示各业务模块,点击卡片跳转至该模块主页(index.html)
- 点击卡片右上角页数徽章,悬浮展示该模块所有页面和弹窗的跳转链接
- 已有原型的模块卡片带绿色边框呼吸灯动画,待开发模块为虚线灰色卡片
@@ -128,6 +129,20 @@ emergency-app/
└── im-chat.html
```
**其他终端(other-terminals/**
包含微信小程序、应急大屏、医疗点PAD端、体检医生工作台等独立交付产物。
```
other-terminals/
├── mini-program/ # 微信小程序(营养管理用户端)
├── emergency-screen/ # 应急大屏
│ ├── xian-center/ # 西安应急中心大屏
│ ├── standard-center/ # 标准版中心大屏
│ └── jiuchang-center/ # 九厂应急中心大屏
└── medical-pad/ # 医疗点PAD端
```
---
## 二、HTML 原型编写规范
@@ -196,7 +211,48 @@ Web管理端使用标准后台布局:
内容区内边距: 24px
```
### 2.5 统一设计令牌
### 2.5 其他终端原型视觉规范
**微信小程序(营养管理用户端)**使用手机壳模拟器包裹:
```
设备尺寸: 375 x 812 (iPhone X 逻辑分辨率)
外壳圆角: 44px
状态栏高度: 44px
底部安全区: 34px
导航栏高度: 44px
底部Tab栏高度: 50px + 34px安全区
```
**应急大屏**使用全屏深色背景布局:
```
设计尺寸: 1920 x 1080 (Full HD)
背景色: 深色渐变(#0a1628 → #0f2847
字体色: 浅色系(主文字 #E0F0FF,次要 #8CB8D9
数据可视化风格,无外壳包裹
```
**医疗点PAD端**使用平板横屏布局:
```
设计尺寸: 1024 x 768 (iPad 横屏)
外壳圆角: 24px
状态栏高度: 24px
导航栏高度: 48px
内容区内边距: 20px
```
**体检医生WEB工作台**与Web管理端共用布局规范:
```
最小宽度: 1280px
侧边栏宽度: 240px(折叠态 64px
顶部导航高度: 56px
内容区内边距: 24px
```
### 2.6 统一设计令牌
```css
/* 品牌色 */
@@ -338,6 +394,10 @@ window.location.href = '../health-consult/consult-list.html';
| 平台管理员 | 健康管理部门后台运营人员 | Web 管理端 |
| 健康咨询专家 | 专业医师/健康管理师 | 健康应急 APP |
| 应急就医服务人员 | 应急调度与协调人员 | 健康应急 APP |
| 营养管理用户 | 通过小程序进行营养管理的员工 | 微信小程序 |
| 体检医生 | 负责体检检查的医生 | 体检医生工作台 |
| 医疗点医护人员 | 一线医疗点驻点医护 | 医疗点PAD端 |
| 应急中心值班人员 | 应急指挥中心大屏监控人员 | 应急大屏 |
### 6.3 核心业务模块
@@ -360,6 +420,10 @@ window.location.href = '../health-consult/consult-list.html';
| 应急就医 | 应急申请、资源调度、进度跟踪的全流程管理 | 员工端 APP / 健康应急 APP / Web 管理端 |
| 一线医疗 | 一线医疗点服务与管理 | 员工端 APP / Web 管理端 |
| AI | 智能健康助手,AI问答与健康建议 | 员工端 APP |
| 营养管理小程序 | 员工端营养管理微信小程序 | 微信小程序 |
| 应急大屏 | 应急指挥中心数据可视化大屏 | 应急大屏(西安/标准版/九厂) |
| 医疗点PAD | 一线医疗点平板端服务系统 | 医疗点PAD端 |
| 体检医生工作台 | 体检医生检查与报告录入 | 体检医生WEB工作台 |
---