项目介绍:
智慧供水超表平台是使用React框架开发的,在PC端使用的自来水超表管理系统,主要服务于小区居民的,用来查看日常的用水量,通过数采仪、无线网络、水质水压表等在线监测设备实时感知供水系统的运行状态,并采用可视化的方式有机整合水务管理部门,形成“小区水务物联网”,对水务信息进行及时分析与处理,以更加精细和动态的方式管理水务系统的整个生产、管理和服务流程,从而达到“智慧”的状态。目前该项目在上海市宝山区宝山十村社区投入使用。
项目职责:
1)完成用户的登录模块和用户名展示,完成设备详情模块的搭建,根据用户名、地址或者户号实现模糊查询,完成报警文件的导出
2)根据项目需求及时沟通后端人员调整接口
3)从技术上分析页面效果实现的难度,与设计人员沟通
技术要点:
1)使用高德API完成地图页面的搭建,通过经度纬度来对使用位置进行标注,通过“地理/逆地理编码”来实现设备的定位,获取使用详情
2)获取用水量数据来渲染列表页时,对axios二次封装,减少不必要的数据接收和页面渲染
3)登录时通过规则校验来提醒用户输入不合法,登录后对token进行存储,方便之后验证登录的状态
4)通过forE