一、首页

整体采用电光蓝+青绿+深灰配色，传递清洁能源与物联网设备管理的专业质感。顶部导航栏展示Logo和消息通知入口（故障告警红点提示）。充电桩总览卡片以电光蓝渐变背景突出核心数据：在运桩数、当前充电中数量、今日充电量（MWh），下方以彩色圆点+数字直观展示在线/空闲/故障三类设备占比。四大快捷入口：扫码充电（调用摄像头识别桩体二维码启动充电）、设备监控（桩体实时参数面板+电流电压曲线）、故障提醒（未处理故障列表+按严重程度分级色标）、附近电桩（跳转地图页查找空闲枪位）。故障提醒模块以红/黄横条卡片展示近期告警：红色为严重故障（通信异常/无法启动），黄色为预警（电流波动/建议巡检），每条标注发生时间和桩号。实时设备横向滑动卡片展示各桩运行状态——充电中的桩显示当前功率、已充时长和电量，空闲桩显示今日充电次数和累计电量，每张卡片标注设备类型（快充/慢充/超充）。

二、地图页

顶部搜索框支持搜充电站地址和名称。地图区域为主视图，以蓝色定位标记展示附近充电站位置，每个标记旁标注电价（如"¥1.08/kWh"），空闲站用青绿色标记、繁忙站用橙色标记、满位站用灰色标记。底部上拉面板展示附近充电站列表，排序支持距离/价格/空闲枪数。每个站点卡片展示：距离（大字号）、站点名称、详细地址、快充/慢充/超充枪位总数和空闲数（空闲数青绿色高亮）、"导航"入口一键跳转第三方地图。支持按距离范围筛选（1km/3km/5km/全城）和充电类型筛选（快充/慢充/超充/全部）。站点详情页展示营业时间、电价详情（峰/平/谷时段分段价格）、用户评价和现场照片，底部"导航到站"主按钮。

三、管理页

顶部三个Tab切换：设备状态、订单详情、运维操作。设备状态——筛选栏按全部/充电中/空闲/故障/离线快速过滤。每台设备以卡片展示：左侧设备图标+运行状态徽标（颜色区分充电中青绿/故障红色/空闲蓝色），右侧显示设备编号+功率规格、实时参数（当前功率/已充时长/电量/车辆SOC/预计剩余时间），操作按钮组（查看详情/远程重启/远程锁止/远程诊断）。订单详情——订单列表按时间倒序，每张订单卡展示订单号、所属桩号、车牌号、充电时段、电量、金额和订单状态（充电中/已结束/已退款/异常终止），支持按日期和状态筛选。运维操作——报修处理入口：选择故障设备→填写故障描述+上传现场照片→指派维修人员→跟踪维修进度（已派单→维修中→已修复→已验收）。巡检计划展示下次巡检日期和巡检清单。固件升级入口展示可升级设备列表和版本号。底部运维日志展示最近操作记录。

四、个人中心