## 门诊医生站会诊申请确认界面PRD文档 ### 一、页面概述 **页面名称**:门诊医生站会诊申请确认界面 **页面目标**:帮助医生完成会诊申请的确认、签名和打印操作,展示会诊申请详细信息 **适用场景**:医生在收到会诊申请后,查看申请信息并给出会诊意见 **页面类型**:表单页+列表页复合型页面 **核心功能**: 1. 会诊申请单列表展示与选择 2. 会诊确认与取消确认功能 3. 签名功能 4. 会诊记录单打印 5. 会诊意见编辑与保存 **用户价值**: - 规范会诊申请流程 - 电子化确认和签名提高效率 - 完整记录会诊意见便于后续诊疗 - 打印功能满足纸质存档需求 **原型图地址:**https://static.pm-ai.cn/prototype/20260115/7c45e175239257e0f04c9081bf2ca204/index.html **流程图:** ```mermaid flowchart TD Start(["医生进入会诊申请确认界面"]) --> LoadList["加载会诊申请列表"] LoadList --> HasUntreated{"是否有未处理申请?"} HasUntreated -- "否" --> ShowNoTip["显示无申请提示"] HasUntreated -- "是" --> SelectApp["医生选择会诊申请"] SelectApp --> ShowDetail["显示会诊申请详情"] ShowDetail --> EditOpinion["医生编辑会诊意见"] EditOpinion --> ConfirmClick{"点击确认按钮?"} ConfirmClick -- "否" --> SignClick{"点击签名按钮?"} ConfirmClick -- "是" --> ValidateConfirm{"校验必填字段"} ValidateConfirm -- "不通过" --> TipFill["提示\n请先填写会诊意见"] ValidateConfirm -- "通过" --> CheckConfirmed{"是否已确认?"} CheckConfirmed -- "是" --> UpdateConfirmed["更新状态为\n已确认"] UpdateConfirmed --> AutoFill["自动填充医生科室信息"] AutoFill --> DisableCancel["禁用取消确认功能"] CheckConfirmed -- "否" --> KeepState["保持当前状态"] SignClick -- "否" --> PrintClick{"点击打印按钮?"} SignClick -- "是" --> ValidateSign{"校验通过?"} ValidateSign -- "不通过" --> TipConfirmFirst["提示\n请先确认会诊申请"] ValidateSign -- "通过" --> UpdateSigned["更新状态为\n已签名"] UpdateSigned --> RecordSign["记录签名医生和时间"] PrintClick -- "否" --> RefreshClick{"点击刷新按钮?"} PrintClick -- "是" --> GenPrintView["生成打印优化视图"] GenPrintView --> BrowserPrint["调用浏览器打印功能"] RefreshClick -- "是" --> LoadList RefreshClick -- "否" --> KeepState TipFill --> EditOpinion TipConfirmFirst --> EditOpinion KeepState --> End(["结束"]) BrowserPrint --> End DisableCancel --> End ``` ### 二、整体布局分析 **页面宽度**:自适应布局 **主要区域划分**: 1. 顶部标签导航(高度48px) 2. 操作按钮区(高度36px+间距) 3. 会诊申请列表区(高度自适应) 4. 会诊记录单表单区(高度自适应) **布局特点**:上下布局,采用网格系统对齐,左侧对齐为主 ### 三、页面区域详细描述 #### 1. 顶部标签导航区域 **区域位置**:页面顶部 **区域尺寸**:高度48px,宽度100% **区域功能**:页面导航标识 **包含元素**: - **会诊确认标签** - 元素类型:文本标签 - 显示内容:“会诊确认” - 交互行为:无点击交互(当前页面) - 样式特征:蓝色下划线,16px字体,700字重 #### 2. 操作按钮区域 **区域位置**:标签导航下方 **区域尺寸**:高度36px,宽度100% **区域功能**:提供页面主要操作入口 **包含元素**: - **打印按钮** - 元素类型:操作按钮 - 显示内容:“打印” - 交互行为:点击触发打印会诊记录单 - 样式特征:绿色背景,白色文字,圆角6px - **刷新按钮** - 元素类型:操作按钮 - 显示内容:“刷新” - 交互行为:点击重新加载页面数据 - 样式特征:白色背景,灰色边框,黑色文字 - **确认按钮** - 元素类型:状态切换按钮 - 显示内容:“确认”/“取消确认” - 交互行为: - 点击后变为"取消确认"状态(红色样式) - 已签名时禁用取消操作 - 样式特征:蓝色背景,白色文字 - 限制条件:需选中表格行才可操作 - **签名按钮** - 元素类型:操作按钮 - 显示内容:“签名” - 交互行为: - 需先确认才能签名 - 签名后自动记录签名时间和签名医生 - 样式特征:蓝色背景,白色文字 - 限制条件:需先完成确认操作 #### 3. 会诊申请列表区域 **区域位置**:按钮区域下方 **区域尺寸**:高度自适应,宽度100% **区域功能**:展示待处理的会诊申请列表 **包含元素**: - **申请列表表格** (取值于门诊会诊申请单表(ConsultationRequest)) - 检索要求:医生登录门诊医生站打开会诊申请确认界面时只能检索出当前登录医生姓名包含在会诊邀请对象内(只能查看自己受会诊邀请对象) - 展示方式:带斑马纹表格 - 表头字段: - 序号 \| 紧急 \| 申请单号 \| 病人姓名 \| 会诊时间 \| 邀请对象 \| 申请科室 \| 申请医师 \| 申请时间 \| 确认 \| 签名 - 数据字段: - 序号:文本 - 自动编号 - “1” - 不可操作 - 紧急:复选框 - 布尔值 - 未勾选 - 可操作 - 申请单号:文本 - 字符串 - “CS20250812001” - 不可操作 - 病人姓名:文本 - 字符串 - “陈明” - 不可操作 - 会诊时间:日期 - 日期时间 - “2025-08-12 17:48” - 不可操作 - 邀请对象:文本 - 字符串 - “演示测试” - 不可操作 - 申请科室:文本 - 字符串 - “内科” - 不可操作 - 申请医师:文本 - 字符串 - “徐斌” - 不可操作 - 申请时间:日期 - 日期时间 - “2025-08-12 17:48” - 不可操作 - 确认:复选框 - 布尔值 - 勾选框 – 不可操作 - 签名:复选框 - 布尔值 - 勾选框 – 不可操作 - 操作功能:点击行选中查看会诊申请详情 - 样式特征:斑马纹交替背景,悬停高亮 #### 4. 会诊记录单表单区域 **区域位置**:列表区域下方 **区域尺寸**:高度自适应,宽度100% **区域功能**:展示和编辑会诊详细信息 **包含元素**: - **基础信息区** - 布局方式:8列网格 - 包含字段: - 病人姓名/性别/年龄/就诊卡号 - 申请单号/申请科室 - 会诊时间/紧急标志 - 会诊邀请对象 - 提交医生/提交时间 - **病史及目的区** - 元素类型:文本区域 - 显示内容:患者主诉和会诊目的 - 交互行为:只读展示 - **会诊确认参加医师** - **会诊意见区** - 元素类型:可编辑文本域 - 显示内容:会诊意见文本 - 交互行为:支持多行编辑 - 样式特征:浅灰色背景,120px最小高度 - **确认/签名信息区** - 包含字段: - 所属医生/代表科室(确认后自动填充当前医生和科室) - 签名医生/签名时间(自动填充签名医生和签名时间(系统当前时间)) ### 四、交互功能详细说明 #### 1. 会诊申请选择功能 **触发方式**:点击表格行 **执行流程**: 1. 高亮选中行(浅蓝色背景) 2. 同步该行数据到下方表单 3. 根据确认状态更新按钮文字 4. 加载存储的会诊意见到文本域 **异常处理**: - 无选中行时禁用确认/签名按钮 - 已签名行禁止取消确认 #### 2. 会诊确认功能 **触发方式**:点击确认按钮 **执行流程**: 1. 校验必填字段(会诊意见、会诊确认参加医师) 2. 保存会诊意见等相关内容到行数据(写入门诊会诊申请确认表(ConsultationConfirmation)) 3. 勾选确认复选框 4. 更新按钮为"取消确认"状态 5. 所属医生和代表科室(自动填充当前医生和科室) **异常处理**: - 未填写会诊意见时提示"请先填写会诊意见" - 保存失败时保持原状态并提示错误 #### 2. 电子签名功能 **功能描述**:医生对确认的会诊进行电子签名 **触发条件**:已确认的会诊申请点击"签名"按钮 **操作流程**: 1. 医生确认会诊申请 2. 点击"签名"按钮 3. 校验确认状态 4. 表格中"签名"列复选框被勾选 5. 自动记录签名医生(当前用户) 6. 自动填充签名时间为系统时间 7. 禁用取消确认功能 **成功反馈**:表单区显示签名信息 **失败处理**:提示"请先确认会诊申请" #### 3. 打印会诊记录单 **功能描述**:打印格式化的会诊记录 **触发条件**:点击"打印"按钮 **操作流程**: 1. 点击"打印"按钮 2. 系统生成打印优化视图 3. 调用浏览器打印功能 **特殊处理**:隐藏交互元素,优化打印布局 ### 五、数据结构说明 **门诊会诊申请确认表(**ConsultationConfirmation**)** | **字段名称** | **数据类型** | **长度** | **描述** | **约束/说明** | |-----------------------------|--------------|----------|--------------------|------------------------------------------------------------------------------------| | **ConsultationID** | INTEGER | 20 | 会诊申请单唯一标识 | FOREIGN KEY REFERENCES ConsultationRequest(ConsultationID) | | **ConfirmingPhysicianID** | TEXT | -20 | 确认会诊的医生ID | 操作【确认】按钮的当前医生ID | | **ConfirmingPhysicianName** | TEXT | -20 | 确认会诊的医生姓名 | 操作【确认】按钮的当前医生姓名 | | **ConfirmingDeptName** | TEXT | 20 | 代表科室 | 操作【确认】按钮的当前开单科室 | | **ConfirmingDate** | DateTime | - | 确认会诊的日期 | 操作【确认】按钮当前系统时间 | | **ConsultationStatus** | TEXT | 20 | 会诊状态 | CHECK (ConsultationStatus IN ('已确认', '取消确认', '已签名', '已完成')), NOT NULL | | **ConsultationOpinion** | TEXT | 500 | 会诊意见 | | | **ConfirmingPhysician** | TEXT | 100 | 会诊确认参加医师 | | | **Signature** | TEXT | 20 | 签名医生 | | | **SignatureDate** | DateTime | - | 签名时间 | - | ConsultationConfirmation.ConsultationStatu会诊状态 | **状态值** | **状态名** | **描述** | |------------|------------|-----------------------------------| | **0** | 取消确认 | 作废 | | **20** | 已确认 | 会诊医生已查看/同意,可写初步意见 | | **30** | 已签名 | 已电子签名,意见最终生效 | | **40** | 已完成 | 会诊报告已回写,流程关闭 | **按钮涉及的事务** | **按钮** | **涉及表** | **执行事务** | **锁/并发** | **成功状态** | **失败处理** | |--------------|----------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------|------------------|--------------------------| | **确认** | 1、ConsultationRequest
2、门诊医嘱
3、ConsultationConfirmation | 1、ConsultationRequest.ConsultationStatus =20
2、医嘱 状态='已执行'
3、写入ConsultationConfirmation表相关的数据 | SELECT ... FOR UPDATE | 已提交 → 已确认 | 任何异常 → 整体 ROLLBACK | | **取消确认** | 1、ConsultationRequest
2、门诊医嘱
3、ConsultationConfirmation | 1、ConsultationRequest.ConsultationStatus =10
2、医嘱 状态='已提交'
3、ConsultationConfirmation. ConsultationStatus = 0 | 同上 | 已确认→ 取消确认 | 同上回滚 | | **签名** | 1、ConsultationRequest
2、门诊医嘱
3、ConsultationConfirmation | 1、ConsultationRequest.ConsultationStatus =30
2、医嘱 Status='已完成'
3、写入ConsultationConfirmation. Signature, SignatureDate,ConsultationStatus =30 | 同上 | 已确认 → 已签名 | 同上回滚 | ### 六、开发实现要点 **样式规范**: - **主色调**:\#4A89DC(按钮蓝色) - **辅助色**:\#4CAF50(成功绿色) - **字体规范**:14px/1.5 常规,16px 标题 - **间距系统**:8px基础间距,24px区块间距 - **组件样式**: - 按钮:6px圆角,1px边框 - 输入框:4px圆角,1px \#E0E0E0边框 **技术要求**: - **浏览器兼容**:Chrome/Firefox/Edge最新版 - **性能要求**:列表加载时间\<1s **注意事项**: 1. 确认和签名状态需要联动控制 2. 打印功能需要特殊样式处理 3. 时间字段需统一使用YYYY-MM-DD HH:mm:ss格式 4. 移动端需优化表单布局