项目简介: 该项目主要用于公司下的各个平台订单数据的管理导入,分析和数据计算。主要功能模块:首页,导
单模块,订单模块,结算系统,报表系统,发票系统,采购系统,基础数据,系统设置
Vue2 Echarts Ant Design of Vue
主要工作内容:
1、多个下拉框数据达到7000+,进行渲染数据的时候导致用户操作卡顿,采用虚拟列表对下拉框进行处理
2、使用Ant Design Pro Vue组件库和Echarts封装公共的需要的效果组件与功能(如图表的展示,分页,弹窗,
下拉框联动等)
3、因发票数据较为敏感,开发水印功能,很好地解决公司信息安全问题,也能够很好地进行问题溯源
4、项目首屏加载过慢,首屏优化,使用webpack-bundle-analyzer对包进行分析,并进行了如下的加载优化:
开启gzip压缩
通过获取文件大小,判断是否切片,通过Blob.prototype.slice进行文件切片,这样从原本的大文件,变成多个
小的文件切片;使用new FormData储存文件数据,利用webpack-worker开起worker后台线程使用spark-md5
进行全量加密