Zion07072022年09月05日
82阅读

作品详情

项目介绍: 该项目是为投资大厦做的一个电力安全、报警统计及用电数据展示管理系统。主要由首页大屏展示页、报警管理、电量电费、智能监测、指标统计、用电优化等模块构成。 项目技术栈:React、Ant Design、Threejs、Echarts、Xlsx、高德地图api 主要负责模块: (1)投资大厦3D楼宇模型绘制,采用threejs框架进行了楼宇模型绘制,贴纸方案给楼宇模型贴上了墙面,进入场景采用了由上而下,从左到右旋转的动画加上页面沉浸式效果,让3D楼宇更加生动形象。(2)首页大屏,通过scale缩放方案处理页面相关比例,使得在各电脑屏幕尺寸下能兼容显示。(3)封装了echarts 饼图、雷达图、曲线图、柱形图等图形组件,把通用的属性进行封装,应用到各组件当中,保持了各页面的相关图形展示效果和功能上的统一。(4)根据项目需求封装了日、月、年、自定义时段和下载数据按钮组合的antd组件,适用于各页面顶部日期选择灵活筛选需求,且使用了xlsx 组件把已获取到的json数据进行转换,转换成xlsx组件想要的格式,通过触发点击下载按钮就能把相关数据生成excel表格文件下载到本地,减少了服务器请求压力。(5)项目中有个测量场地面积的功能,通过高德地图api封装了一个测量场地面积组件。该组件实现了,搜索具体位置、搜索下拉联想、单击绘制范围区域、清除已绘制区域、单个或多个区域面积计算、放大、缩小、偏移、自行定位等功能,使得用户体验更佳。
查看全文
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论