项目介绍: 该项目是为投资大厦做的一个电力安全、报警统计及用电数据展示管理系统。主要由首页大屏展示页、报警管理、电量电费、智能监测、指标统计、用电优化等模块构成。
项目技术栈:React、Ant Design、Threejs、Echarts、Xlsx、高德地图api
主要负责模块:
(1)投资大厦3D楼宇模型绘制,采用threejs框架进行了楼宇模型绘制,贴纸方案给楼宇模型贴上了墙面,进入场景采用了由上而下,从左到右旋转的动画加上页面沉浸式效果,让3D楼宇更加生动形象。
(2)首页大屏,通过scale缩放方案处理页面相关比例,使得在各电脑屏幕尺寸下能兼容显示。
(3)封装了echarts 饼图、雷达图、曲线图、柱形图等图形组件,把通用的属性进行封装,应用到各组件当中,保持了各页面的相关图形展示效果和功能上的统一。
(4)根据项目需求封装了日、月、年、自定义时段和下载数据按钮组合的antd组件,适用于各页面顶部日期选择灵活筛选需求,且使用了xlsx 组件把已获取到的json数据进行转换,转换成xlsx组件想要的格式,通过触发点击下载按钮就能把相关数据生成excel表格文件下载到本地