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:
@@ -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工作台 |
|
||||
|
||||
---
|
||||
|
||||
|
||||
Reference in New Issue
Block a user