基于前端技术原生HTML、JS、CSS 电子病历编辑器源码

矫情吗；* 2023-10-15 09:51 5阅读 0赞

> 电子病历系统采取结构化与自由式录入的新模式，自由书写，轻松录入。实现病人医疗记录（包含有首页、病程记录、检查检验结果、医嘱、手术记录、护理记录等等。）的保存、管理、传输和重现，取代手写纸张病历。不仅实现了纸质病历的电子化储存，而且实现了病历的快速、智能、全结构化录入，全模板化管理。

# ![7770faa0998948efbede9e62e61c9ec0.gif][] #

# **一、概述** #

本电子病历系统主要面向医疗机构医生、护士，提供对住院病人的电子病历书写、保存、修改、打印等功能。本系统基于云端SaaS服务方式，通过浏览器方式访问和使用系统功能，提供电子病历在线制作、管理和使用的一体化电子病历解决方案，为医疗机构的电子病历业务开展提供支撑。

![7dd247f414f94c27b901bbdeee96cb0d.jpeg][]

# **二、总体框架** #

技术选型

本系统采用前后端分离模式开发和部署。

前端技术选型：

原生HTML、JS、CSS，Jquery、BootStrap、layui、Swf插件、Clipboard剪切板、Echarts、PagedJS打印插件、Prince打印插件、Wkhtmltopdf打印插件等。

后端技术选型：

SpringBoot框架、Mybatis-Plus、WebSocket、Stomp、Vintage-Engine页面解析模板引擎、Thymeleaf页面解析模板引擎、Fileupload文件上传组件等。

数据库：MySQL数据库

![5c64ac9fa1ea4f54a4373fc53f0779dd.png][]

# **三、系统优势** #

一体化电子病历系统基于云端SaaS服务的方式，采用B/S（Browser/Server）架构提供，使用用户通过浏览器即能访问，无需关注系统的部署、维护、升级等问题，系统充分考虑了模板化、配置化、扩展化的设计方法，覆盖了医疗机构电子病历模板制作到管理使用的整个流程。

除实现在线制作内容丰富、图文并茂、功能完善的电子病历模板外，还可按照医疗机构的特色，根据不同业务的需求，使用该系统定制个性化、实用化、特色化电子病历模板；

该系统能对电子病历模板进行统一集中管理，通用的电子病历模板能直接提供给不同的医疗机构直接使用，避免重复制作；

提供了功能齐备的控件元素，实现电子病历在业务使用中数据的自动获取功能，简化了人工的大量填报。

# ![2ec8ba9979a4413eabac2c914a15a1e2.png][] #

#    **四、基本功能特色** #

●电子病历编辑器，采用仿WORD所见即所得的界面风格，直观简单，易学易用。

●支持病历文档的结构化存储，是真正的结构化电子病历系统。

●支持丰富的病历模板库(简单元素库、复杂元素库、小模板库、大模板库、常用语库)。

●支持病程记录和护理记录的连续打印(续打)、重复打印、按页码打印。

●强大的表格处理能力(可以方便的制作表格病历)，支持表格嵌套、合并单元格、拆分单元格、删除行、删除列、添加行、添加列、表格内插入元素、表格宽度手动或自动调整。

●支持数据元素绑定、实现了多文档同步刷新技术。

●支持关键文字禁止删除。(例如“主诉、现病史、既往史、家族史、一般检查、专科检查”等关键文字)。

![302c5d0264c948d19bc00533a91722f0.png][]

●支持输入数值合法性检查。

●支持必填项检查。

●支持各种医学专用表达式(例如月经史、胎心、龋齿位置的公式表述)。

●丰富的医学图片库及强大的医学失量图编辑器，支持图形多次编辑、组合、分拆、Undo/Redo、复杂填充、自定义线型、复制、粘贴等复杂操作。

●支持病历文档三级检诊(三级审核)功能。

●支持修改痕迹保留，保留各级医生的修改痕迹。

![822195d435b24d4cbccefd2208818a31.png][]

●支持数据锁定、签入、签出机制。

●支持电子病历的结构化检索。

●支持典型病历提取、存储、检索。

●支持病历质量的自动打分合评判。

●支持病历的在线借阅及审批。

● 快速复制功能。

![10d0b40534cc4c0c99def5d1765c8cf7.png][]

●支持将各种多媒体文件(如：声音、图像、影像、动画等文件)以附件的方式附加的文档中。

●可将病历文档以XML格式导出，便于数据交换。

●支持HIS、PACS、LIS、RIS等系统的无缝接入。

● 强大的安全机制，非对称加密、CRC校验。

●病历文档压缩加密存储，大大节省存储空间。

![62f7266b771e4fd786512d1bc9259b3b.png][]

●支持三测单的录入与打印。

●药品资料快速检索功能。

●快速查看常见疾病诊疗规范。

●ICD编码查询。

[7770faa0998948efbede9e62e61c9ec0.gif]: https://img-blog.csdnimg.cn/7770faa0998948efbede9e62e61c9ec0.gif
[7dd247f414f94c27b901bbdeee96cb0d.jpeg]: https://img-blog.csdnimg.cn/7dd247f414f94c27b901bbdeee96cb0d.jpeg
[5c64ac9fa1ea4f54a4373fc53f0779dd.png]: https://img-blog.csdnimg.cn/5c64ac9fa1ea4f54a4373fc53f0779dd.png
[2ec8ba9979a4413eabac2c914a15a1e2.png]: https://img-blog.csdnimg.cn/2ec8ba9979a4413eabac2c914a15a1e2.png
[302c5d0264c948d19bc00533a91722f0.png]: https://img-blog.csdnimg.cn/302c5d0264c948d19bc00533a91722f0.png
[822195d435b24d4cbccefd2208818a31.png]: https://img-blog.csdnimg.cn/822195d435b24d4cbccefd2208818a31.png
[10d0b40534cc4c0c99def5d1765c8cf7.png]: https://img-blog.csdnimg.cn/10d0b40534cc4c0c99def5d1765c8cf7.png
[62f7266b771e4fd786512d1bc9259b3b.png]: https://img-blog.csdnimg.cn/62f7266b771e4fd786512d1bc9259b3b.png