Files

yelan 36fa15487c feat: 初始化医护端与患者端页面骨架

完成两个 Vite 应用的基础工程化配置、路由、状态管理及第一版业务页面，当前使用演示数据，尚未接入真实后端接口。

2026-08-27 11:27:16 +08:00

3.8 KiB

Raw Blame History

medical-sign

医签通（医疗知情同意电子签署平台）前端项目。

当前状态

已完成两个 Vite 应用的基础初始化、ESLint + Prettier 工程化配置，以及第一版业务页面骨架：

clinical-web：医护端布局、工作台、签署任务、文书库、报表和设置页面；
patient-h5：签署入口、文书确认、签署人信息、手写签名和结果页面；
当前页面使用演示数据，尚未接入真实后端接口；
packages 目录暂时保留，等接口和公共类型稳定后再接入共享包。

项目定位

医签通用于管理医疗知情同意文书的生成、签署、回传、校验和审计，核心对象是：

患者 + 就诊 + 医嘱/项目 + 签署任务 + 文书版本 + 签署证据

目标流程：

医生在电子病历中发起
→ 患者或家属通过手机 H5 / 现场签字板签署
→ 医签通保存签署证据
→ 结果回传电子病历
→ 收费、检查或治疗前校验

目录结构

medical-sign/
├─ clinical-web/       医护端、电子病历嵌入端和管理功能
├─ patient-h5/         患者/家属手机签署端
└─ packages/
   ├─ api-client/      公共接口客户端
   └─ types/           公共 TypeScript 类型

前端规划

clinical-web

面向医生、护士和系统管理人员，电脑端优先，后续可适配医院平板。

计划包含：

电子病历嵌入入口；
患者、就诊和医嘱关联；
签署任务创建和查询；
手机签署和签字板签署；
文书模板、版本、权限和报表；
签署结果回传及异常处理。

patient-h5

面向患者和家属的手机网页，不是完整的移动版电子病历。

计划包含：

短信/二维码打开；
身份和签署人关系确认；
阅读知情同意文书；
勾选同意/不同意项目；
手写签名和提交；
成功、过期、拒签和异常状态展示。

packages

存放两个前端共同使用的类型、接口和基础逻辑，不单独部署。

技术栈规划

医护端：Vue 3 + TypeScript + Vite + Vue Router + Pinia + Element Plus + Axios；
患者端：Vue 3 + TypeScript + Vite + Vue Router + Axios，移动端先使用原生 Canvas 完成签名演示；
接口数据：先通过 Axios 封装请求，接口稳定后再评估 OpenAPI 类型生成；
服务端数据：医护端后续再评估 TanStack Vue Query；
测试：待最小业务闭环稳定后再补充 Vitest + Playwright。

开发原则

签署任务必须尽量关联具体就诊和医嘱/项目；
解释医生、实际签署人和协助操作人员需要分别记录；
术中新增处置应创建追加签署任务，不修改已签署文书；
文书版本、签署时间、签署渠道和文档哈希必须可追溯；
前端不负责最终权限和签署有效性判断，后端必须重新校验；
患者 H5 不在 URL 中暴露身份证号、完整病历等敏感信息。

构建与部署规划

两个应用分别构建为 dist：

clinical-web/dist/  → 医护端网页
patient-h5/dist/    → 患者手机签署网页

packages 中被使用的代码会在构建时打包进对应应用。生产环境不需要部署 node_modules 或 packages 源码。

医护端通常部署在医院内网；患者 H5 如果需要院外访问，应通过医院安全网关、DMZ 或反向代理提供服务。

后续工作

用真实调研结果校准页面字段、状态和角色权限；
完成“医护端发起 → 患者 H5 签署 → 结果回传”的最小闭环；
再接入 packages 中的公共类型和接口客户端；
验证电子病历 iframe、单点登录和签字板调用；
补充收费拦截、动态补签和急诊例外流程。

3.8 KiB Raw Blame History Unescape Escape