项目一 : 智慧服务管理平台 (vue3项目 , pc端 ) 2021.11 - 2025.01
使用技术:Vue3 + Ant Design Vue + TypeScript+ Pinia+ Echarts + Vben Admin
负责内容:
1. 上传大文件采用了限制大小和个数和文件格式 ,实现图像 、视频等文件资源的切片上传。
2. 对Axios进行二次封装(
promise) ,进行响应拦截 ,在响应拦截中进行用户登录判断, 错误处理提示 。
3. 负责订单中心、 医生预约排班 , 窗口预约 ,医院管理、科室管理 、雇员管理、区域管理、消息模板、数据统计、黑名单管理等
模块,抽离公共组件 , 实现业务功能的高效开发。
4. 封装前端通用自定义指令,提高开发效率。
5. 对通用组进行抽离, 与业务解藕,提高组件的复用度。
6. 对用户敏感信息进行加密 、解密等改造, 保证医院通过三级等保审核。
7. 通过优化图片 、按需引入 、提取公共 js 、剔除无用代码等手段 ,打包文件体积减少37%; 启用HTTP2 、开启 gzip 等提升页面加
载速度;将首屏时间缩短了45%。
8. 根据权限的映射关系生成动态路由 , 配置路由导航守卫进行页面权限控制。
9. 使用vuedraggable实现表格行数据的自由拖拽换行功能, 以及首页卡片位置根据用户自身习惯进行拖拽切换顺序的功能。
10. 利用echarts 实现对缴费单统计、住院清单统计 、渠道单统计等统计数据的可视化和数据分析。
项目二 : 就医全流程 ( 移动端 , uniapp开发的微信/支付宝小程序 , 微信公众号H5) 2021.04 - 2022.05
使用技术:Uniapp + Vue2 + Vuex + Uview
负责内容:
1. 使用自己开源封装的uniapp架构进行项目开发。
2. 解决微信小程序 , 支付宝小程序,H5端的样式兼容性问题。
3. 封装用户行为分析埋点数据专用接口 ,与业务接口进行区分 ,防止统计数据传递过程中错误阻塞正常业务接口通信。
4. 引入了前端监控机制 ,线上出现问题可以及时配合日志进行排查。
5. 使用中Token过期无缝重新调用以及重新请求服务器login接口。
6. 实现门诊缴费清单扫码付功能 , 保证在支付宝,微信上面的兼容性 。
7. 在短期内实现腾讯电子健康卡的对接 ,项目交付周期缩短20%。
8. 实现可视化就医,解决其在微信小程序 、 支付宝小程序、公众号H5上面的兼容性问题 。
9. 根据自身需求封装请求方法,对错误代码进行统一拦截处理 , 以及对请求响应进行统一处理, 配置数据响应格式 , 用户提示等相关开
关 , 提高项目开发效率。
10. 根据项目需求封装工具类函数 , 提高代码的复用率。
11. 利用websocket进行可视化就医的开发与维护 , 动态监控用户当前就医节点 , 为患者提供准确的就医指导服务。
项目三 : 互联网医院( 移动端 , 含患者端和医生端 , vue2项目 ) 2020.02 - 2021.04
使用技术 :Vue2 + Vuex + Axios + Vux + Vant +js
负责内容:
1. 协调和管理前端团队成员的工作 ,分配任务和资源 ,把控项目进度。
2. 通过按比例图片压缩实现图文问诊时快速上传图片。
3. 通过虚拟列表方案 , 实现大量数据高性能渲染。
4. 对页面进行优化和调试 ,确保在不同浏览器上的兼容性和性能。
5. 使用原生canvas ,完成电子病历页面水印功能。
6. 利用pdf插件实现移动端预览第三方pdf的功能, 并解决pdf预览的兼容性问题。
7. 大数据量时候采用切片分段加载渲染数据 ,减少等待loading时间由5s => 1.4s。
8. 负责线上图文问诊功能,使用网易云信实现图文问诊 , 解决图文问诊时 , 上传图片在不同设备上的兼容性问题。
9. 负责视频问诊功能 , 使用腾讯音视频 SDK, 网易云视频SDK实现视频问诊功能 , 解决视频问诊时在不同设备上的兼容性问题。
10. 负责线上开方、药师审方、医生CA签名、处方结算、处方支付功能 , 解决不同设备上的兼容性问题。