企业管家 pc
简介: 企业管家是一个针对于中大型法兰厂实施的,里面使用到了低代码开发,制图人可以在本项目使用canvas绘制图纸,有计划单,生产打卡,打卡审核,流程管理,计价等等。计划单可以清晰的导出pdf,使用到了SVG/XML。
技术栈:vite、vue3、typeScript、Pinia、vue-router、Elemen-plus、Echarts、fabricjs、html2canvas、jspdf、SVG/XML、dayjs。
1.环境搭建:vite脚手架,vue3+typeScript项目。
2.全局模块:页面统一使用fetch请求以及图片/文件上传的方法,状态管理工具使用pinia。
3.登录模块:两种方式 账号+密码,手机号+密码,登录成功之后存token,进行页面鉴权实现全局守卫,退出登录清除token。全局守卫增加页面跳转统一进度条。
4.树形结构模块:统一封装树形结构,使用自定义树形节点,在自定的节点中添加操作按钮。
5.Canvas模块:统一封装最底层的方法,使用fabricjs插件,使用拖拽功能进行画图纸操作,以及打印功能和导出pdf功能。
6.打印/导出模块:使用内置的toSVG方法导出SVG/XML格式使pdf和打印更清晰。图片格式转base64解决图片cors跨域。
7.项目使用sass预编译,快捷的实现页面的css样式。