项目一:体检管理系统(Vue3 + Pinia + Vue-Router 4 + Element Plus)
核心职责:负责系统前端架构搭建、核心模块开发及性能优化,涵盖体检预约、报告查询、套餐管理、数据统计四大核心功能。
技术实现:
基于 Vue3 Composition API 封装表单校验、数据请求等通用逻辑,通过 setup 语法糖聚合业务代码,提升代码复用率 30%;
利用 Pinia 实现用户状态、体检数据的全局管理,配合 Vue-Router 4 实现路由权限控制与动态菜单渲染;
采用 Element Plus 组件库快速搭建后台界面,自定义表格组件支持筛选、导出、分页功能,适配体检数据多维度查询需求;
优化大数据渲染性能,通过虚拟列表处理 thousands 级体检报告数据,页面加载速度提升 40%。
业务价值:系统上线后覆盖 3 家三甲医院、5 家社区卫生服务中心,简化体检流程,减少人工录入误差,日均处理体检预约 500+ 单,报告查询效率提升 60%。
项目二:「两处方一提示」医疗合规平台(Vue2 + Vuex + Vue-Router 3 + Axios)
核心职责:主导前端业务逻辑开发、跨部门需求对接,聚焦处方合规校验、用药提示推送、数据追溯功能实现。
技术实现:
基于 Vue2 + Vuex 设计全局状态管理方案,拆分处方数据、用户权限、系统配置等模块,确保状态流转清晰;
封装 Axios 请求拦截器,统一处理接口异常、token 过期刷新逻辑,保障系统稳定性;
开发处方合规校验组件,通过正则表达式 + 后端接口联动,实时校验处方用药合理性,自动生成「用药提示」弹窗;
实现处方数据可视化统计模块,使用 ECharts 绘制用药趋势图、合规率报表,支持医院管理层决策。
业务价值:平台满足医疗合规要求,实现处方开具全流程监管,用药错误率降低 25%,累计处理处方 10 万 + 张,获医院医务科书面表彰。
项目三:医院官方公众号 H5 / 小程序(uni-app + uni-ui + 微信小程序 API)
核心职责:独立完成跨端应用开发,适配 H5 端、微信小程序端,覆盖就医指南、科室介绍、专家预约、健康科普四大核心场景。
技术实现:
基于 uni-app 框架开发,一套代码适配多端,减少 60% 重复开发工作量,通过 condition 编译处理小程序与 H5 端差异;
集成 uni-ui 组件库搭建移动端界面,自定义下拉刷新、滚动加载组件,优化移动端交互体验;
调用微信小程序 API 实现微信登录、支付、分享功能,对接医院预约系统接口,实现专家号实时查询与预约;
采用分包加载策略,将健康科普模块单独分包,小程序包体积压缩至 2MB 以内,加载速度提升 35%。
业务价值:公众号粉丝量从 1 万 + 增长至 5 万 +,线上预约占比达 45%,减少患者线下排队时间,提升医院服务效率。