肠内营养处方模板详情页面 - 线框图
================================================

┌─────────────────────────────────────────────────────────────────────────────┐
│  [返回]                                                                    │
│                                                                             │
│  ┌─ 基本信息 ──────────────────────────────────────────────────────────────┐  │
│  │                                                                         │  │
│  │  * 模板名称:  [文本输入框 - 请输入]                                      │  │
│  │                                                                         │  │
│  │  * 处方科室:  [下拉选择框 - 请选择]                           ▼         │  │
│  │                                                                         │  │
│  │  * 模板描述:  [多行文本框 - 请输入]                                      │  │
│  │              [                                                ]         │  │
│  │              [                                                ]         │  │
│  │              [                                                ]         │  │
│  │                                                                         │  │
│  └─────────────────────────────────────────────────────────────────────────┘  │
│                                                                             │
│  ┌─ 营养产品配置 ──────────────────────────────────────────────────────────┐  │
│  │                                                                         │  │
│  │  ┌─ 营养产品表格 ─────────────────────────────────────────────────────┐ │  │
│  │  │                                                                     │ │  │
│  │  │ * 营养产品 │ * 数量 │ 用量/次 │ 餐次时间 │ 频次 │ 用量/日 │ 使用天数 │ │ │
│  │  │─────────────────────────────────────────────────────────────────────│ │  │
│  │  │           │       │        │         │     │        │         │    │ │  │
│  │  │           │       │        │         │     │        │         │    │ │  │
│  │  │           │       │        │         │     │        │         │    │ │  │
│  │  │─────────────────────────────────────────────────────────────────────│ │  │
│  │  │ 规格 │ 用法 │ 备注 │                               操作              │ │  │
│  │  │─────────────────────────────────────────────────────────────────────│ │  │
│  │  │     │     │     │                                               │ │  │
│  │  │     │     │     │                                               │ │  │
│  │  │     │     │     │                                               │ │  │
│  │  │                                                                     │ │  │
│  │  │                        暂无数据                                      │ │  │
│  │  │                                                                     │ │  │
│  │  │                      + 添加营养产品                                   │ │  │
│  │  │                                                                     │ │  │
│  │  └─────────────────────────────────────────────────────────────────────┘ │  │
│  │                                                                         │  │
│  │  [批量添加营养产品]  [删除]                               费用: 0.00     │  │
│  │                                                                         │  │
│  └─────────────────────────────────────────────────────────────────────────┘  │
│                                                                             │
│  ┌─ 营养分析 ──────────────────────────────────────────────────────────────┐  │
│  │                                                                         │  │
│  │  [三大营养素分析]  [营养数据分析]                                        │  │
│  │  ─────────────────  ─────────────                                       │  │
│  │                                                                         │  │
│  │  实际热量: 0.00kcal/d                                                   │  │
│  │                                                                         │  │
│  │  ┌─ 营养成分表 ─────────────────────┐  ┌─ 三大营养素元素质量占比 ──────┐ │  │
│  │  │                                 │  │                             │ │  │
│  │  │ 三大营养素│质量(g)│热量占比│参考值│  │           ┌─────┐             │ │  │
│  │  │──────────────────────────────────│  │          ╱       ╲            │ │  │
│  │  │ 蛋白质   │       │   %   │10%-15%│  │         ╱         ╲           │ │  │
│  │  │ 脂肪     │       │   %   │20%-30%│  │        ╱     ◯     ╲          │ │  │
│  │  │ 碳水化合物│       │   %   │50%-65%│  │        ╲           ╱          │ │  │
│  │  │                                 │  │         ╲         ╱           │ │  │
│  │  │                                 │  │          ╲_______╱            │ │  │
│  │  │                                 │  │                             │ │  │
│  │  │                                 │  │  ■蛋白质 0%  ■脂肪 0%  ■碳水化合物 0% │ │  │
│  │  │                                 │  │                             │ │  │
│  │  └─────────────────────────────────┘  └─────────────────────────────┘ │  │
│  │                                                                         │  │
│  └─────────────────────────────────────────────────────────────────────────┘  │
│                                                                             │
│                                    [提交]                                   │
│                                                                             │
└─────────────────────────────────────────────────────────────────────────────┘


组件说明:
========
1. 顶部返回按钮 - 用于返回列表页面
2. 基本信息区域:
   - 模板名称: 必填文本输入框
   - 处方科室: 下拉选择框
   - 模板描述: 多行文本输入框

3. 营养产品配置区域:
   - 产品表格: 包含营养产品、数量、用量、时间等列
   - 操作按钮: 批量添加、删除功能
   - 费用显示: 右下角显示总费用

4. 营养分析区域:
   - 选项卡: 三大营养素分析/营养数据分析
   - 实际热量显示
   - 营养成分表: 蛋白质、脂肪、碳水化合物数据
   - 饼图: 可视化营养成分占比

5. 底部提交按钮

布局特点:
========
- 响应式布局，适配不同屏幕尺寸
- 清晰的信息层级和分组
- 表格形式展示营养产品数据
- 图表可视化营养分析结果
- 友好的用户操作体验 