项目描述:本产品从各个采样点和实验室实际业务需求出发,对新冠疫情全流程管理提供了完整的解决方案和方法论。
项目技术:Vue3,Vue-Router,TypeScript,Pinia, Axios,VxeTable,Less,Vite,NProgess,
职责描述:首页,样本接受和布板模块,样本实验流程管理模块
应用技术:
1.使用ElementPlus完成UI界面开发。
2.使用Vue-Router使用路由懒加载,没有进入的路由不会提前完成加载。
3.使用Axios进行数据请求,利用LocalStorage存储用户信息,配合请求拦截器,实现免登录。
4.实现菜单级的权限管理,使用递归和深拷贝为动态路由添加,可以为用户添加删除不同的菜单。
5.使用jspdf + vue3-html2pdf组件库实现了样本结果记录PDF文件的导出和打印。
6.在系统首页使用Vue-Echarts 上实现了折线图、饼图、柱状图的展示,用于显示样本在周、月、年内的接收情况;并实现首页的大屏展示和适配,以保证图表在浏览器任何视口下的合理布局和配比。
7.为实现 Echarts 图表模拟数据的建立连接,使用了 Websocket技术,这样可以让数据更加流畅、高效地传输和实时展示。