| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- 肠内营养处方模板详情页面 - 线框图
- ================================================
- ┌─────────────────────────────────────────────────────────────────────────────┐
- │ [返回] │
- │ │
- │ ┌─ 基本信息 ──────────────────────────────────────────────────────────────┐ │
- │ │ │ │
- │ │ * 模板名称: [文本输入框 - 请输入] │ │
- │ │ │ │
- │ │ * 处方科室: [下拉选择框 - 请选择] ▼ │ │
- │ │ │ │
- │ │ * 模板描述: [多行文本框 - 请输入] │ │
- │ │ [ ] │ │
- │ │ [ ] │ │
- │ │ [ ] │ │
- │ │ │ │
- │ └─────────────────────────────────────────────────────────────────────────┘ │
- │ │
- │ ┌─ 营养产品配置 ──────────────────────────────────────────────────────────┐ │
- │ │ │ │
- │ │ ┌─ 营养产品表格 ─────────────────────────────────────────────────────┐ │ │
- │ │ │ │ │ │
- │ │ │ * 营养产品 │ * 数量 │ 用量/次 │ 餐次时间 │ 频次 │ 用量/日 │ 使用天数 │ │ │
- │ │ │─────────────────────────────────────────────────────────────────────│ │ │
- │ │ │ │ │ │ │ │ │ │ │ │ │
- │ │ │ │ │ │ │ │ │ │ │ │ │
- │ │ │ │ │ │ │ │ │ │ │ │ │
- │ │ │─────────────────────────────────────────────────────────────────────│ │ │
- │ │ │ 规格 │ 用法 │ 备注 │ 操作 │ │ │
- │ │ │─────────────────────────────────────────────────────────────────────│ │ │
- │ │ │ │ │ │ │ │ │
- │ │ │ │ │ │ │ │ │
- │ │ │ │ │ │ │ │ │
- │ │ │ │ │ │
- │ │ │ 暂无数据 │ │ │
- │ │ │ │ │ │
- │ │ │ + 添加营养产品 │ │ │
- │ │ │ │ │ │
- │ │ └─────────────────────────────────────────────────────────────────────┘ │ │
- │ │ │ │
- │ │ [批量添加营养产品] [删除] 费用: 0.00 │ │
- │ │ │ │
- │ └─────────────────────────────────────────────────────────────────────────┘ │
- │ │
- │ ┌─ 营养分析 ──────────────────────────────────────────────────────────────┐ │
- │ │ │ │
- │ │ [三大营养素分析] [营养数据分析] │ │
- │ │ ───────────────── ───────────── │ │
- │ │ │ │
- │ │ 实际热量: 0.00kcal/d │ │
- │ │ │ │
- │ │ ┌─ 营养成分表 ─────────────────────┐ ┌─ 三大营养素元素质量占比 ──────┐ │ │
- │ │ │ │ │ │ │ │
- │ │ │ 三大营养素│质量(g)│热量占比│参考值│ │ ┌─────┐ │ │ │
- │ │ │──────────────────────────────────│ │ ╱ ╲ │ │ │
- │ │ │ 蛋白质 │ │ % │10%-15%│ │ ╱ ╲ │ │ │
- │ │ │ 脂肪 │ │ % │20%-30%│ │ ╱ ◯ ╲ │ │ │
- │ │ │ 碳水化合物│ │ % │50%-65%│ │ ╲ ╱ │ │ │
- │ │ │ │ │ ╲ ╱ │ │ │
- │ │ │ │ │ ╲_______╱ │ │ │
- │ │ │ │ │ │ │ │
- │ │ │ │ │ ■蛋白质 0% ■脂肪 0% ■碳水化合物 0% │ │ │
- │ │ │ │ │ │ │ │
- │ │ └─────────────────────────────────┘ └─────────────────────────────┘ │ │
- │ │ │ │
- │ └─────────────────────────────────────────────────────────────────────────┘ │
- │ │
- │ [提交] │
- │ │
- └─────────────────────────────────────────────────────────────────────────────┘
- 组件说明:
- ========
- 1. 顶部返回按钮 - 用于返回列表页面
- 2. 基本信息区域:
- - 模板名称: 必填文本输入框
- - 处方科室: 下拉选择框
- - 模板描述: 多行文本输入框
- 3. 营养产品配置区域:
- - 产品表格: 包含营养产品、数量、用量、时间等列
- - 操作按钮: 批量添加、删除功能
- - 费用显示: 右下角显示总费用
- 4. 营养分析区域:
- - 选项卡: 三大营养素分析/营养数据分析
- - 实际热量显示
- - 营养成分表: 蛋白质、脂肪、碳水化合物数据
- - 饼图: 可视化营养成分占比
- 5. 底部提交按钮
- 布局特点:
- ========
- - 响应式布局，适配不同屏幕尺寸
- - 清晰的信息层级和分组
- - 表格形式展示营养产品数据
- - 图表可视化营养分析结果
- - 友好的用户操作体验
|
