光伏项目(PC端)

我要开发同款
proginn14525036932023年05月13日
213阅读
开发技术JavaScript
所属分类echartscssvuehtmlecharts

作品详情

1、项目开发运用了Vue2前端框架和Ant Design Vue组件库。
2、动态导航栏模块使用Vuex里异步请求接口数据,再同步操作里把数据存储到state中。通过路由懒加载的方式加载对应的路由地址,通过beforeEach判断是否登录和路由加载。
3、权限控制模块是通过不同的角色映射到对应的用户上,再由角色勾选出需要的路由组件。
4、主体功能是在线复判模块依据不同的机台号绑定NG料盒,再根据正式模式、测试模式、算法模式展示不同的缺陷图片,这里我采用canvas根据后端提供的数组坐标标注不同的缺陷类型和框的颜色,使用js函数封装的方式。在图片上可以进行局部缩放功能。
5、维修站点模块和历史查询模块主要也是采用canvas绘画,维修站点是通过键盘上下键进行复看。
6、统计分析模块是以Echarts封装柱形图、环形图、单折线图、多折线图和多维矩形图展示页面。
7、对多复用的函数进行封装,在vue.config开启gzip压缩,用懒加载方式优化页面和路由。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论