## 门诊手术中临时医嘱生成界面PRD文档

### 一、页面概述

**页面名称**：门诊手术中临时医嘱生成界面  
**页面目标**：帮助麻醉医师在手术过程中快速生成临时医嘱，完成药品计费引用、医嘱预览和电子签名确认的全流程操作  
**适用场景**：门诊手术过程中需要追加药品医嘱时使用  
**页面类型**：表单页+数据展示页

**核心功能**：

1.  患者手术信息展示
2.  已引用计费药品列表展示与汇总
3.  临时医嘱预览与编辑功能
4.  医师电子签名确认流程
5.  数据刷新与退出操作  
    **用户价值**：简化手术中医嘱生成流程，确保医嘱准确性，实现无纸化操作，提高手术室工作效率
原型图地址：https://static.pm-ai.cn/prototype/20260122/e1d7f10b85e9efea543bf47bd6831600/index.html
**流程图：**
```mermaid
flowchart TD
    Start(["Start"]) --> Enter["进入门诊手术中临时医嘱生成界面"]
    Enter --> ShowBase["展示患者基本信息"]
    ShowBase --> ShowQuoted["显示已引用计费药品列表"]
    ShowQuoted --> ShowPreview["显示医嘱预览表格"]
    ShowPreview --> UserOp{用户操作}

    UserOp -- "引用计费" --> GetLatest{"获取最新计费药品数据\n获取成功?"}
    GetLatest -- "否" --> ErrTip1["显示错误提示"]
    GetLatest -- "是" --> UpdateTable["更新药品表格和汇总"]

    UserOp -- "编辑" --> PopEdit["弹出医嘱编辑表单"]
    PopEdit --> EditVal{"验证通过?"}
    EditVal -- "否" --> ErrTip2["返回错误提示"]
    EditVal -- "是" --> SaveClick{"点击保存?"}
    SaveClick -- "是" --> GenTemp["生成临时药品医嘱"]
    SaveClick -- "否" --> UserOp

    GenTemp --> UpdatePreview["更新医嘱预览表格"]
    UpdatePreview --> UpdateRecord["更新手术记录"]
    UpdateRecord --> ShowResult["显示生成结果"]

    UserOp -- "一键签名并生成医嘱" --> PopPwd["弹出账户密码输入框"]
    PopPwd --> PopConfirm{"弹出确认对话框"}
    PopConfirm -- "否" --> UserOp
    PopConfirm -- "是" --> GenTemp

    UserOp -- "刷新" --> Reload["重新加载界面数据"]
    Reload --> ShowQuoted

    UserOp -- "退出" --> ExitConfirm{"确认退出？"}
    ExitConfirm -- "否" --> UserOp
    ExitConfirm -- "是" --> ReturnUp["返回上级页面"]

    ErrTip1 --> UserOp
    ErrTip2 --> PopEdit
    ShowResult --> UserOp
    ReturnUp --> End([结束])
```

### 二、整体布局分析

**页面宽度**：自适应布局

**要区域划分**：

1.  顶部信息区（15%）：患者基本信息+操作按钮区
2.  计费药品展示区（35%）：已引用计费药品表格+金额汇总
3.  医嘱预览区（35%）：待生成医嘱的预览表格
4.  签名确认区（15%）：医师签名信息+操作按钮  
    **布局特点**：上下分块布局，采用卡片式设计，主要区域间有明确分隔线  
    **响应式要求**：768px以下时患者信息改为纵向排列，操作按钮换行显示

### 三、页面区域详细描述

#### 1. 顶部信息区

**区域位置**：页面顶部  
**区域尺寸**：高度180px（包含20px内边距）  
**区域功能**：展示患者基本信息+提供主要操作入口  
**包含元素**：

-   **标题栏**：
    -   元素类型：标题文本
    -   显示内容：“门诊术中临时医嘱”
    -   样式特征：白色文字，1.5rem字号，居中显示，渐变蓝色背景
-   **患者信息卡**：
    -   元素类型：信息展示区块
    -   显示内容：患者姓名、就诊卡号、手术单号、科室、医师、角色
        -   患者：样例值-张三
        -   就诊卡号：样例值-202507010122
        -   手术单号：样例值- S202507010135
        -   科室： 样例值-手术室(OR101)-取值于手术安排的手术间号字段
        -   医师：样例值-李麻(3015)
        -   角色：样例值-麻醉医师
    -   样式特征：半透明白色背景，圆角8px，内部flex布局
-   **操作按钮组**：
    -   **[刷新按钮]**：
        -   元素类型：主要操作按钮
        -   显示内容：↻ 刷新
        -   交互行为：点击后重新加载当前界面的数据
        -   样式特征：蓝色渐变背景，悬停有上浮效果
    -   **[引用计费按钮]**：
        -   元素类型：次要操作按钮
        -   显示内容：引用计费
        -   交互行为：点击后拉取当前患者最新计费药品的数据

#### 2. 计费药品展示区

**区域位置**：顶部信息区下方  
**区域尺寸**：高度约420px（包含标题和表格）  
**区域功能**：展示待生成医嘱的计费药品清单  
**包含元素**：

-   **表格标题**：
    -   显示内容：“一、已引用计费药品（待生成医嘱）”
    -   样式特征：1.2rem字号，底部边框线
-   **药品数据表格**：

    **取值于门诊术中计费界面生成的药品计费数据（adm_charge_item（费用项管理）、med_medication_request（药品请求管理）等），具体与系统实际业务数据为主。**

    **(参考)关联字段：adm_charge_item. encounter_id = med_medication_request. encounter_id and –就诊ID**

    **adm_charge_item. service_table = 'med_medication_request' and --记录药品数据**

    **adm_charge_item. bus_no = med_medication_request. bus_no -- adm_charge_item. bus_no的值之前多加了‘CI’**

    -   展示方式：斑马纹表格
    -   数据字段：
        -   序号：数字 - 自动生成
        -   药品名称：文本 - 如"罗哌卡因注射液"
        -   规格：文本 - 如"10ml"
        -   数量：数字 - 可编辑
        -   批号：文本 - 如"L240715"
        -   单价：数字 - 如"38"
        -   小计：数字 - 自动计算
        -   医保：标签 - “甲/乙/自费”
    -   样式特征：表头浅灰色背景，医保类型有颜色区分（蓝色=医保，绿色=自费）
-   **金额汇总栏**：
    -   显示内容：
        -   医保内金额（蓝色强调）
        -   自费金额（绿色强调）
        -   总计金额（红色强调）
    -   位置：表格底部右对齐

#### 3. 医嘱预览区

**区域位置**：计费药品展示区下方  
**区域尺寸**：高度约420px（包含标题和表格）  
**区域功能**：展示即将生成的药品医嘱  
**包含元素**：

\*生成门诊药品医嘱表相关的数据，满足**计费药品明细 ↔ 药品医嘱** 一一对应的要求。

可以对照参考：需结合门诊医生站开立药品医嘱时生成的药品医嘱表

-   **表格标题**：
    -   显示内容：“二、临时医嘱预览（已生成）”
-   **医嘱表格**：
    -   展示方式：斑马纹表格
    -   数据字段：
        -   序号：数字
        -   医嘱名称：文本（取已引用计费药品的药品名称）
        -   剂量：数字（自动计算=规格×数量）
        -   单位：文本（根据药品类型自动判断）
        -   用法：下拉选择（不可编辑）
        -   频次：固定"临时"
        -   执行时间：自动生成当前时间
        -   操作：编辑/删除按钮
    -   操作功能：
        -   编辑：弹出表单修改剂量、用法等字段
        -   删除：二次确认后移除该条医嘱

#### 4. 签名确认区

**区域位置**：页面底部  
**区域尺寸**：高度约180px  
**区域功能**：完成医嘱确认和电子签名  
**包含元素**：

-   **签名信息卡**：
    -   显示内容：医师姓名工号、签名状态、签名时间
    -   样式特征：浅灰色背景，圆角边框
-   **[一键签名按钮]**：
    -   元素类型：主要操作按钮
    -   显示内容：“一键签名并生成医嘱”
    -   交互行为：点击后弹出账户密码输入框
    -   样式特征：绿色背景，悬停效果
-   **[取消按钮]**：
    -   元素类型：次要操作按钮
    -   显示内容：“取消”
    -   交互行为：返回上级页面

### 四、交互功能详细说明

#### 1. 引用计费功能

**功能描述**：从术中计费药品获取患者当前最新的计费药品数据  
**触发条件**：点击"引用计费"按钮  
**操作流程**：

1.  点击按钮获取患者当前最新的计费药品数据
2.  成功返回后更新药品表格数据
3.  自动计算并更新费用汇总

    **反馈机制**：成功提示弹窗"已成功引用最新计费药品信息！"  
    **异常处理**：请求失败时显示错误提示“获取计费数据失败，请重试”，保留原数据

#### 2. 医嘱生成功能

**功能描述**：将计费药品转为正式医嘱  
**触发条件**：点击"一键签名并生成医嘱"按钮  
**操作流程**：

1.  自动生成药品医嘱预览（带默认用法和剂量）
2.  弹出账户密码输入框
3.  验证通过后生成临时药品医嘱数据
4.  成功返回后显示生成结果  
    **数据转换规则**：
-   剂量 = 规格数值 × 数量（如"10ml"×2 → 20ml）
-   单位：根据药品名称自动判断（默认获取当前药品在《药品目录》维护剂量单位的值）
-   用法：根据药品名称自动判断（默认获取当前药品在《药品目录》维护用法的值，如果未维护默认空）
-   医嘱名称：取值药品名称
-   频次：默认ST
-   执行时间：默认当前系统时间

#### 3. 医嘱编辑功能

**功能描述**：修改已生成的医嘱明细  
**触发条件**：点击"编辑"按钮  
**操作流程**：

1.  弹出编辑表单（带当前值医嘱值）
2.  修改后点击保存更新表格
3.  自动重新计算相关字段得值  
    **字段限制**：
-   剂量：必须为数字
-   用法：限定下拉选项，取值于字典管理：用药途径(用法)的值
-   频次：固定为"ST"不可编辑

### 五、数据结构说明

**关键数据字段**：

| **字段名**    | **说明** | **数据类型** | **示例值**         | **是否必填** | **备注**         |
|---------------|----------|--------------|--------------------|--------------|------------------|
| patientId     | 患者ID   | string       | “202507010122”     | 是           | 就诊卡号         |
| surgeryNo     | 手术单号 | string       | “S202507010135”    | 是           |                  |
| medicineName  | 药品名称 | string       | “罗哌卡因注射液”   | 是           |                  |
| spec          | 规格     | string       | “10ml”             | 是           | 需包含数值和单位 |
| batchNo       | 批号     | string       | “L240715”          | 是           |                  |
| insuranceType | 医保类型 | string       | “乙”               | 是           | 甲/乙/自费       |
| usage         | 用法     | string       | “静脉推注”         | 是           |                  |
| execTime      | 执行时间 | datetime     | “2025-07-01 08:41” | 是           | 精确到分钟       |

### 六、开发实现要点

**样式规范**：

-   **主色调**：\#4a90e2（按钮/标题）
-   **辅助色**：\#5cb85c（成功操作）、\#e74c3c（警告）
-   **字体规范**：标题1.5rem/正文0.95rem，行高1.6
-   **间距系统**：区块padding20px，元素间距15px
-   **表格样式**：斑马纹，行高56px，单元格padding15px 20px

**技术要求**：

-   **浏览器兼容**：Chrome/Firefox/Edge最新版

**注意事项**：

1.  医嘱生成后需同步更新手术记录
2.  所有金额显示保留两位小数