该项目是中海油用来管理海上油田平台的，可以实时查看各个平台的能源消耗，产出，效益等等。并根据echart生成的图表来实时调整各平台的年计划，月计划。还可以实时调出各个平台的监控，查看现场工作环境，大大提高中海油对海上平台的管理能力。技术内容1.采用Vue框架，UI库使用ElementUI2.采用CSS模块化和Vue组件化设计方案，提高开发效率，代码简洁、复用率高，项目可维护性高。3.使用vue-router路由跳转4.使用axios发送请求，调用后台数据，保证网站数据实时更新5.使用echart实现各个图表，使数据简洁明了6.使用mqtt实现页面数据的实时更新负责模块1.首页: 使用datav展示中海油渤海的所有平台，利用动画给用户更好的体验。2.平台用电对标：使用echart柱形图展示各个平台的能源消耗情况3.电费分析：使用表格汇总所有平台的电费使用情况，并对其中特征值标注颜色，使表格重点突出。电器系统监测：利用其他部门提供的svg, 实现电路的实时监测，保障平台的运行项目难点电路图的实时更新：实时显示出电路的各设备的数据与电路的通断情况。解决方法：选用svg显示电路图。.svg电路用不同的颜色表示电路的通断情况，根据值会自动变色。使用mqtt获取是数据，并通过数据中的唯一编码，把数据渲染到对于的地方，保障数据准确性。