2023.03-2023.12 浙江赛英MES系统 前端开发
项目介绍:对公司的智能制造车间,提供一套面向制造车间执行层的生产信息化管理系统。提供采购到货订单质检、库存的管理,生产过程中生产工艺路线、计划、工单、质检、打码、入库等一系列过程控制,工单计划等各类统计看板和车间机器等各类实时监控图,底层数据集成统计分析和上层数据集成分解等生产一系列模块。
核心技术栈: Vue、Vue Router、Vue-CLI、Webpack、Websocket
项目描述:
研发提效:UI主要在antd的基础上进行二次封装,如搜索栏组件、table、Form实现等提高工作效率。
权限控制:使用localStorage存储token,配合后台菜单权限配置,实现页面级别权限控制,通过vue自定义指令实现按钮级别权限控制
功能优化:
1.luckyexcle在线excle预览编辑,方便人员做报表统计。
2.dhtmlx-gantt绘制计划甘特图,可以直观看出各车间机台工作状态以及工作效率。
3.采用websocket进行实时通信,以及对websocket功能采用es6类封装,实现心跳重连等机制,确保了人员之间推送消息的及时性。
4.平台多级菜单与路由配置动态绑定,实现用户登录和不同角色路由。
5.布局采用二级路由页面缓存、tabs标签页, 面包屑导航等。根据实际业务情况封装各类业务组件。
Webpack优化:
1.通过 cacheDirectory 选项开启缓存,通过 include、exclude 来减少被处理的文件。
2.启用Gzip压缩,减少存储空间。
3.关闭sourceMap,减小打包体积。
项目业绩:
1.收集生产部门需求, 设计项目原型功能,提高了生产部门管理效率和生产效率。 根据原型功能,设计前后端接口,完成接口文档,主导项目顺利开展。
2.设计整个项目架构,整理业务逻辑,封装组件,复用逻辑,提高开发效率,大大减少了开发时间。对整个平台界面优化, 美化页面,提高了生产部门用户体验,缩减了车间人员的培训时间,并提高了管理层对平台的满意度。