项目简介： 该项目主要用于公司下的各个平台订单数据的管理导入，分析和数据计算。主要功能模块：首页，导单模块，订单模块，结算系统，报表系统，发票系统，采购系统，基础数据，系统设置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进行全量加密,传到服务端做比较，实现秒传优化方案： 项⽬从webpack迁移到Vite，提升开发时的启动和编译速度。项目启动时间由原来200s缩减为22s优化效果： 解决系统首屏加载过慢的问题，由最初的 6s 优化到 2s 左右。同时也解决 webpack 打包过慢问题，由最初的 50s 优化到 30s。5、抽离项目基础模块和通用组件作为新项目的框架，并编写cli工具自动生成新项目