点击空白处退出提示
秦皇岛智能油田项目
我要开发同款作品详情
技术内容
1.采用Vue框架,UI库使用ElementUI
2.采用CSS模块化和Vue组件化设计方案,提高开发效率,代码简洁、复用率高,项目可维护性高。
3.使用vue-router路由跳转
4.使用axios发送请求,调用后台数据,保证网站数据实时更新
5.使用echart实现各个图表,使数据简洁明了
6.使用mqtt实现页面数据的实时更新
负责模块
1.首页: 使用datav展示中海油渤海的所有平台,利用动画给用户更好的体验。
2.平台用电对标:使用echart柱形图展示各个平台的能源消耗情况
3.电费分析:使用表格汇总所有平台的电费使用情况,并对其中特征值标注颜色,使表格重点突出。
电器系统监测:利用其他部门提供的svg, 实现电路的实时监测,保障平台的运行
项目难点
电路图的实时更新:实时显示出电路的各设备的数据与电路的通断情况。
解决方法:选用svg显示电路图。.svg电路用不同的颜色表示电路的通断情况,根据值会自动变色。使用mqtt获取是数据,并通过数据中的唯一编码,把数据渲染到对于的地方,保障数据准确性。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论