感控数据大屏产品系统

我要开发同款
proginn16473467712026年09月23日
10阅读

技术信息

语言技术
VueTypeScript
系统类型
Web
行业分类
医疗健康

作品详情

行业场景

基于物联网采集环境监测数据,搭建医疗感染风险监控平台。覆盖透析室、腔镜室、手术室、供应室四大重点科室,对医疗废物处置、公共区域环境消毒两类核心业务进行监管,实现医疗机构院感防控全流程溯源管理,辅助医院与监管部门落实感染防控工作。

功能介绍

负责平台 Web 前端开发,实现院感监测可视化大屏,通过 ECharts 渲染图表,对接物联网实时数据流,轮询展示各科室温湿度、环境指标。
开发阈值告警模块:配置各项环境指标安全阈值,数据超出范围自动触发告警提示,记录告警事件,支持告警记录检索。
搭建多业务台账页面,覆盖科室信息、消毒记录、医疗废物台账,支持条件筛选、分页查询、历史事件溯源与 Excel 报表导出。
实现 RBAC 角色权限管理,区分医院管理人员、政府监管人员,对菜单访问、数据查看做权限隔离。
针对高频实时数据渲染场景做性能优化,减少页面卡顿,保障大屏稳定流畅展示。

项目实现

独立负责项目全部前端开发工作,基于 Vue.js + Vite 搭建项目基础架构,使用 Element UI 搭建页面组件,ECharts 实现可视化图表开发。对接后端接口,处理物联网实时轮询数据,开发告警、台账、溯源、报表导出等业务模块。难点在于大量实时数据高频渲染造成页面卡顿,通过节流、图表实例复用等方式优化渲染性能;基于 RBAC 实现权限控制,封装通用业务组件,提升开发效率。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论