外观
两轮充电 · 启充与充电
专题总览 · 应用呈现 · 启充与充电 · 订单与开票 · 业务规则 · 异常与求助 · 待决问题 · 验收要点 · 来源与现状
1. 识别入口
1.1 扫码
- 底部导航的“扫码”直接调用微信原生扫码(只用相机、只识别二维码)。扫码界面不能自定义,不能加手动输入、说明或手电筒按钮。取消扫码回到原页面,不做提示。
- 用微信“扫一扫”扫现场二维码,会唤起小程序并进入相同的分支。
- 扫码和识别都不会直接发起充电。
- 已有进行中的订单:识别出任何充电码(电瓶车插座码、设备码或电动汽车充电码),都直接进入该笔订单的充电中页面,不进入新的场站选充或确认流程(入口分流)。下表为没有进行中订单时的去向。
| 识别结果 | 去向 |
|---|---|
| 电瓶车插座码 | 进入充电确认页并带上该插座。插座不可用时,在确认页提示并可更换 |
| 电瓶车桩码(设备二维码) | 进入所属场站详情,并展开对应设备,用户选择插座后进入确认页 |
| 电动汽车充电码 | 进入现有电动汽车充电流程 |
| 无法识别 | 弹窗“无法识别该二维码”,提供“重新扫码”和“输入编码”;不创建订单 |
1.2 手输编码
使用频率低,页面从简。
- 入口:地图页的“输入编码”按钮,以及“无法识别该二维码”弹窗中的“输入编码”。
- 输入框:页面只有一个“设备编码”输入框,电动汽车充电枪编码和电瓶车设备编码都在这里输入,只做精确匹配,不做模糊匹配。输入后即时显示识别结果,如“电瓶车 · 1号充电桩 · 万达广场电瓶车充电站”,下面一行为“空闲插座 7/10”或“设备当前离线”。
- 确定后:已有进行中的订单时直接进入该笔订单的充电中页面;否则:
- 电动汽车编码:进入现有电动汽车准备充电页;
- 电瓶车设备编码:弹出插座选择面板,可以直接输入插座编号;
- 无效编码:提示“无法识别此编码,请核对现场标识”。
- 页面下方用示意图说明设备编码和插座编号贴在哪里,并提供“改用扫码”。
1.3 插座选择面板
- 从手输设备编码或确认页更换插座时,在当前页底部弹出。扫桩码则进入所属场站详情,在设备列表中选择插座。
- 顶部显示设备名、编号、所属场站与位置,以及“空闲 x/y”。下方插座网格中只有空闲插座可选。设备离线或没有空闲插座时,面板给出提示。
- 从手输编码打开时,面板顶部可以输入插座编号:输对且插座空闲,直接进入确认页;编号超出范围或插座不空闲,就地报错。设备离线时不提供输入框。
- 底部有“查看场站”(进入场站详情并展开该设备)和“使用 NN 号插座充电”。提交前再核验一次,插座刚被占用时提示重新选择。
2. 登录
- 登录授权沿用现有页面。浏览场站、设备和插座不需要登录。
- 在场站详情未登录时点“立即充电”,先进入登录页,登录后进入确认页。
- 未登录时打开确认页(如扫码进入),页面顶部显示“登录后开始充电”,钱包余额显示“登录后显示”,优惠券显示“登录后可用”,底部按钮为“登录后充电”。
- 登录成功后回到确认页,保留插座和金额,提示“登录成功,请核对后开始充电”,并重新核验插座和余额。
- 取消登录则停留在原页面,不占名额,也不预留资金。
3. 充电确认页
3.1 页面内容
| 区块 | 内容 |
|---|---|
| 充电位置 | 业务标签、场站名称、设备名与设备编号、设备位置。插座编号大号显示并带状态,可以点“更换”打开插座选择面板。下方提示“请核对插座面板上方的编号” |
| 收费规则 | 电费、服务费两张价格卡和完整价格表,规则同场站详情。用券时服务费卡显示券后单价,原价划线另起一行 |
| 优惠券 | 默认选中券后服务费最低的一张,点击可更换或选“不使用”。没有可用券显示“暂无可用”,未登录显示“登录后可用” |
| 充电金额 | 标注“按金额充电”。固定档位与“自定义”同排单选,默认选中带“推荐”标记的档位;余额不够的选项标注“余额不足”。说明文字为“达到金额自动断电,按实际费用结算,剩余金额返还可用余额”。自定义金额见下 |
| 账户资金 | 钱包可用余额、本次需预留 |
| 底部操作栏 | 左侧“预留 ¥X”,右侧主按钮 |
自定义金额
- 点“自定义”从底部弹出输入面板,调起数字键盘,提示“请输入 1–30 的整数”。
- 输入时即时校验:超出范围提示“最低 1 元”或“最高 30 元”,非整数提示“请输入整数金额”;不合规时“确定”不可点。
- 确定后“自定义”一格显示所填金额并选中,下方标注“自定义”(余额不够时标注“余额不足”);“本次需预留”和底部“预留 ¥X”同步更新。再次点击可修改。金额规则见充电方式与金额。
3.2 主按钮与拦截
有进行中的订单时不会进入本页(入口分流);直接打开本页时也跳转到该笔订单的充电中页面。按登录、插座、余额的顺序判断,命中第一项就显示对应的提示和按钮:
| 条件 | 页面提示 | 主按钮 |
|---|---|---|
| 未登录 | 顶部“登录后开始充电” | 登录后充电 |
| 未选插座 | “请选择插座” | 请先选择插座(不可点) |
| 插座不可用 | 插座区说明原因:已被占用、离线、故障,或正在为你充电。有空闲插座时提供“更换插座(空闲 N)”,没有时提供“查看场站其他设备”;正在为你充电时另提供“查看该笔充电” | 插座XX,请更换(不可点) |
| 可用余额为 0 | 资金区提示“将充值所选金额后继续充电” | 充值并充电 ¥X |
| 可用余额大于 0 但不足以预留所选金额,或因平账扣回为负 | 资金区提示“余额不足,还差 ¥X”,差额为所选金额减可用余额(为负时含欠款);有余额够用的更低档位时,提供“改选 N 元” | 去充值 |
| 全部满足 | — | 开始充电 |
- 用户停留期间,插座或余额变化时,页面实时刷新以上提示。
- 价格调整时,收费规则标出“已更新”并展开完整价格,提示“价格已更新,请核对”。
3.3 二次确认
- 余额足够时,点击“开始充电”打开确认弹窗;零余额快捷充值到账后,返回确认页并自动打开同一弹窗,不再要求用户点一次“开始充电”。两种路径都须在弹窗中确认后才启动。弹窗标题为“确认开始充电?”,展示大号插座编号、场站、设备(含编号)、本次预留金额,以及本单使用的优惠券(如有),说明“按实际费用结算,剩余金额返还可用余额”。
- 取消:关闭弹窗,保留已选内容,不预留资金,也不占名额。
- 确认开始:按钮变为“正在提交”并防止重复点击。平台重新校验插座、名额、余额和价格:
- 全部通过:预留资金,占用名额和优惠券,页面进入充电详情页的“正在启动”;
- 价格已变:关闭弹窗,展开最新价格请用户核对;
- 已有进行中的订单(如在其他设备上发起):直接进入该笔订单的充电中页面;
- 插座或余额不满足:提示原因,回到确认页。
4. 余额使用与快捷充值
4.1 使用已有余额
- 用户选好本次充电金额后,可用余额足够时直接使用个人钱包余额,打开启充确认弹窗;用户点“确认开始”后预留所选金额并发起充电,不经过充值。
- 可用余额大于 0、但不足以覆盖所选金额时,提示差额,可改选余额够用的低档位或去充值补足;补充值受平台最低充值金额约束。
4.2 零余额快捷充值
- 触发:用户已登录、选定可用插座与充电金额,可用余额为 0。主按钮为“充值并充电 ¥X”,X 与所选金额一致,固定档位和自定义金额均适用。
- 直达支付:点击后进入充值页,直接以本次所选金额创建充值请求并调起微信支付,无需再选充值档位或再次点击“立即充值”。例如选择 3 元,便发起 3 元充值,不向上取整到常规充值档位。
- 充值协议沿用现有约定,在发起操作处明确提示;不得自动勾选协议。支付金额应与用户点击时确认的所选金额一致。
- 充值到账后:自动返回原充电确认页,保留设备、插座、金额和优惠券,重新核验后自动打开“确认开始充电?”弹窗;用户点“确认开始”后才预留资金、占用名额和优惠券并真正发起充电。无需再次点“开始充电”,也不会支付后自动启充。
- 未完成支付:取消或失败时不发起充电、不预留资金、不占名额;保留本次选择,可重新支付或返回确认页。支付结果尚未确认时先查询到账结果,不重复创建支付请求。
- 返回时条件变化:已有进行中订单则进入原订单;原插座被占用、价格变化或余额仍不满足时,先提示并让用户处理,不直接弹出可提交的启充确认。充值已进入共用钱包,不因无法启充自动原路退款。
- 入口区别:只有从充电确认页发起的零余额快捷充值按本次金额直达支付;从钱包主动进入的普通充值仍由用户选择金额,不自动支付。
4.3 有余额但不足时的补充值
- 点“去充值”带上本次差额,按现有充值规则选择金额。充值成功后返回确认页,保留选择并重新核验,用户再次点击“开始充电”进入确认弹窗。
- 最低充值金额沿用平台现有配置,不另设两轮专属下限。差额低于最低限额时,确认页和充值页均提示“本次还差 ¥X,最低充值 ¥Y,至少需充值 ¥Y”;不可按差额发起低于限额的充值。
- 例如:所选金额 3 元、可用余额 2.50 元、最低充值 1 元,提示还差 0.50 元,但至少需充值 1 元;充值后钱包为 3.50 元,启充预留 3 元,剩余 0.50 元仍可用。此处 1 元仅为示例,正式金额以平台配置为准。
- 充值页默认金额至少同时满足本次差额和最低充值限额;输入低于最低限额时明确提示并阻止支付。高于本次差额的充值余额留在共用钱包。
- 零余额快捷充值也遵守现有最低限额:所选金额低于最低充值额时,先提示调整充电金额,不悄悄改大充值请求。
5. 充电详情页
启动、充电、停止都在同一个页面内按状态切换,启动失败也在这个页面呈现。
5.1 公共信息
- 插座卡:业务标签、状态标签、大号插座编号、场站名称、设备名与编号、设备位置、本次金额上限、订单编号。用了优惠券时,显示券名和“结算时抵扣服务费”。
- 提示:正在启动和充电中显示“退出小程序不影响充电,可从首页回到本页”,以及“充电结束提醒”的订阅入口(调用微信订阅消息)。
5.2 各状态
| 状态 | 页面内容 | 操作 |
|---|---|---|
| 正在启动 | 加载动画,“正在启动设备,请稍候…”“请保持插头插好”;“已预留 ¥X,结束后按实际费用结算”。设备没有返回结果时保持这个状态,直到后端超时终止或客服在后台手动终止,随后转为启动失败 | 稍后查看(回首页);主按钮“正在启动”不可点 |
| 充电中 | 已充时长(时:分:秒);累计电量(kWh,两位小数)、当前功率(W)、预估费用(价格色,口径)三项并排。下方显示“当前单价”:当前时段和功率档,如“峰时段 · 400–800W”(全天统一价不显示时段,不分功率不显示档位),以及电费和服务费单价,如“电费 0.7800 元/度 · 服务费 0.4500 元/小时”,随时段和功率变化。说明“预估费用以结算为准,达到金额上限自动断电”。插座编号和充电看板用电瓶车业务色 | 结束充电 |
| 正在停止 | 加载动画,“正在结束充电…”。到额时说明“已达到金额上限”,否则说明“结束后进入订单详情”;设备响应慢时加“设备响应稍慢,请稍候”。显示停止时的已充时长、累计电量和预估费用 | 无 |
| 启动失败 | “设备启动失败”及原因(超时或后台终止时为“设备未响应,本次启动已终止”),“预留 ¥X 已退回可用余额,未产生费用”,可以“查看订单” | 返回场站、重新选插座(进入场站详情并展开原设备) |
- 数据未就绪:刚启动、数据还没上报时,显示“正在同步充电数据…”,指标显示“数据获取中”,不显示 0。
- 上报中断:保持最后一次的数值,不清零,也不提示数据延迟。
- 不展示:电池百分比、预计充满时间、金额用量进度。
- 任务结束:到额、主动结束、充满、保护断电、通信中断等任何原因结束后,本页先短暂显示结束提示(如“已到达金额上限,充电已结束”)和停充原因,再自动进入订单详情(费用结算中)。从这里进入的订单详情,点返回直接回到首页。