面向充电设备用户的手机端使用场景,以H5连接站点、设备端口、账户与订单服务。用户从地图查找站点,查看设备与端口状态,并查询历史订单和结算结果。案例截图来自本地运行的项目页面,保留原生字体与完整业务区域。
点击空白处退出提示
语言技术
JavaScript、React、TypeScript系统类型
Web行业分类
物联网、能源
面向充电设备用户的手机端使用场景,以H5连接站点、设备端口、账户与订单服务。用户从地图查找站点,查看设备与端口状态,并查询历史订单和结算结果。案例截图来自本地运行的项目页面,保留原生字体与完整业务区域。
首页提供地图站点标记、站点搜索、可用站点筛选及站点列表;站点详情展示设备在线状态、可用端口数量和端口网格。订单页面按全部、待支付、已完成筛选记录,展示站点、端口、时间、金额和结算状态。充电完成页展示计费规则、预充金额、充电时长、电量、本次消费、退回金额及设备计量曲线。公开图片已隐藏具体地址、设备编号和订单编号,完整订单列表与账单底部均保留。
采用React与TypeScript构建移动端H5,关联站点地图、物联设备、端口状态、充电订单和计量数据,完成搜索筛选、页面导航、订单详情与图表展示。配套Java服务提供业务读取。此案例展示软件界面与业务流程;历史记录和数值不作为设备现场性能或真实资金交易的验收依据。




评论