两轮充电 · 应用呈现

专题总览 · 应用呈现 · 启充与充电 · 订单与开票 · 业务规则 · 异常与求助 · 待决问题 · 验收要点 · 来源与现状

---

1. 命名与标识

• 业务名称：汽车充电称“电动汽车”，两轮充电称“电瓶车”。标签和入口统一使用“电动汽车”或“电瓶车”，如“电动汽车订单”“电瓶车订单”；句子中可以写“电动汽车充电”“电瓶车充电”。
• 业务区分：图标、文字加业务色。电动汽车用汽车图标和品牌红（#CC121D），电瓶车用踏板电瓶车图标和青绿（#00806F）。
  • 业务色用于业务标签的图标、首页充电中卡片、找站的业务切换、地图标记，以及电瓶车充电详情页的插座编号和充电看板。
  • 主操作按钮、价格仍用品牌色和价格色，不随业务变化。
• 状态色：不用蓝色。正在启动和充电中带呼吸点，在业务卡片和充电详情中跟随业务色，其他位置用品牌色；空闲为绿色，离线为灰色，故障和失败为红色。
• 插座状态：空闲（白底绿描边，可选）、使用中（他人在用，浅琥珀底）、我在使用（品牌渐变实底、白字）、离线（灰底）、故障（淡红底）。

2. 找站

2.1 业务切换与筛选

• 首页列表和地图都有“电动汽车 / 电瓶车”业务切换，不设“全部”。两处共用一份记忆：首次进入默认“电动汽车”，之后保持用户上次的选择。

• 样式：紧凑胶囊，每项为业务图标加完整业务名称，选中项为业务色实底、白字。首页放在列表上方，与筛选同一行，吸顶；地图浮在地图左上角，筛选浮在右上角，都不单独占一行。

• 默认按距离由近到远排序。

• 电动汽车筛选：沿用现有首页和地图各自的筛选项与取值，不改接口。点“筛选”从右侧打开抽屉，选好后点“确定”生效；“确定”按钮实时显示符合条件的场站数，“重置”恢复默认。有筛选条件时按钮为品牌色并显示已选项数。

  筛选项	选项	首页	地图
  排序	距离较近（默认）/ 价格较低	✓	✓
  停车费	不限 / 停车免费 / 停车收费	✓	✓
  适用车型	不限 / 轻卡物流 / 金杯面包 / 普通家用	—	✓
  充电速度	快充 / 慢充，可多选，都不选为不限	✓	✓
  优惠站	不限 / 优惠站	✓	—

• 电瓶车筛选：只有“仅看空闲”，点一下切换，不进抽屉。

• 首页和地图的筛选条件各自独立，不互相带入；业务切换记忆不包含筛选条件。

• 无结果：当前城市没有场站时提示“附近暂无充电站”，可以切换城市；被筛选清空时提示“暂无符合条件的场站”，可以清除筛选。

• 定位未授权：提示“无法获取当前位置”，提供切换城市、搜索场站、开启定位；不显示距离，按默认顺序排列。扫码和输入编码不受影响。

• 搜索：按场站名称或地址搜索，提供热门关键词，结果带业务标签。

• 底部导航中间是“扫码”，不受切换项影响。首页充电中卡片也不按切换项过滤。

• 每张场站卡片都带业务标签。同一个地址同时有两类业务时，在各自的业务下分别展示。

2.2 地图

• 只显示当前业务的场站，标记用业务色。电瓶车标记显示“空闲 N”，没有空闲插座时显示“无空闲”，设备全部离线时显示“离线”。电动汽车标记显示快充、慢充的可用枪数。地图左下角的图例只说明当前业务的口径；无空闲的标记为灰色。
• 点击标记，弹出与列表一致的场站卡片；电瓶车场站下方有“查看场站与插座”。
• 右侧工具按钮为“输入编码”和“回到我的位置”。

3. 电瓶车场站卡片

• 头部：场站名称和地址各占一行。右侧是圆形“导航”按钮，距离显示在按钮下方，未获取定位时不显示距离。
• 标签行：业务标签、券标签、准入限制（如“仅本小区业主可用”）。用户持有本场站可用的服务费折扣券时显示券标签，样式为一张小券：左侧品牌红底白字“券”，右侧浅红底“服务费 8 折”，取折扣最大的一张；未登录或没有可用券时不显示。
• 可充状态（细线下方左侧）：大号数字显示“空闲插座数 / 总插座数”，有空闲时为绿色。没有空闲时数字置灰，并注明“暂无空闲 · 均在使用”或“暂无空闲 · 设备离线”。
• 价格（细线下方右侧）：电费为“¥X/度起”；服务费按电量的场站为“¥X/度起”，按时长的场站为“¥X/小时起”。起价取全天所有时段、所有功率档中的最低价，保留 4 位小数。有券标签时，服务费显示券后起价，原价划线放在前面，如“服务费 ¥0.3500 ¥0.2800/度起”。计费模型见业务规则。
• 操作：点击卡片进入场站详情，点击“导航”唤起地图应用。卡片上没有启充按钮。
• 电动汽车卡片使用同一外框，展示快充和慢充的可用枪数、充电费单价和停车信息。

4. 电瓶车场站详情

页面从上到下依次是场站信息、收费规则和选择插座，底部是固定操作栏。

4.1 场站信息

• 场站名称与“导航”并排。标签行显示业务、距离和准入限制，下面依次是地址、开放时间和“场站电话”（点击拨号）。
• 到站指引：位于信息卡底部，默认收起，显示“到站指引 · N 步 · N 张图”、第一步文字和缩略图。点击后在原位展开分步图文，每步一句文字，可配现场照片。点击图片调起微信图片预览。没有配置分步时只显示文字指引。

4.2 收费规则

• 价格卡：电费和服务费各一张，取当前时段的价格；分功率档时显示该时段各档的价格区间。标签为“当前X时段”，全天统一价为“全天”，分功率档时再加“· 按功率档”。电费单位为元/度，服务费为元/度或元/小时。
• 完整价格：点击后展开一张价格表，按时段分组，每个时段下列出各功率档。列为时段（名称和时间）、功率、电费（元/度）、服务费（元/度或元/小时），当前时段高亮。
  • 只有一个全天时段时不显示时段列，不分功率时不显示功率列；两者都满足时不显示“完整价格”入口。
  • 表下一句说明，随计费模型变化，如“单价按充电时的实时功率档位确定；电费按充电电量计，服务费按充电时长计。”
• 不提供费用估算。
• 优惠券：已登录且有可用券时，价格卡下方显示最优的一张和券后服务费，如“服务费8折 · 券后服务费 0.3200 元/度 · 2 张可用”，分功率档时券后服务费为区间。点击后列出可用券和不可用券，这里只能查看，用券在确认充电时进行。

4.3 选择插座

• 标题右侧显示“空闲 X/Y · N 台设备”；设备全部离线时显示“设备全部离线”。
• 设备列表：每台设备显示名称、编号、位置和“空闲 x/y”，离线设备显示“离线”。点击设备展开它的插座网格。默认展开第一台有空闲插座的设备；从其他页面带着设备进入时，展开该设备。
• 插座网格：每个插座显示编号和状态，网格下方有图例和“插座号见插座面板上方标签”。只有空闲插座能选，选中后显示“已选”，再点一次取消。点“我在使用”的插座，进入该笔充电的详情页；点其他状态的插座，提示不可选。
• 无可用插座：在设备列表上方提示“暂无可用插座”及原因（均在使用，或设备全部离线），并提供“查看附近站点”。
• 底部操作栏：显示已选插座，如“1号充电桩 · 04 号插座”。未选时显示“请选择空闲插座”，“立即充电”置灰。
• 已有进行中的订单（电动汽车或电瓶车，见入口分流）：
  • 操作栏显示“你有一笔订单正在充电”和该笔订单的位置，插座号在前，如“03 号插座 · 万达广场电瓶车充电站”；电动汽车订单显示枪号和场站。按钮为“查看充电”，进入该笔订单的充电中页面。
  • 空闲插座照常显示状态，但不能选择，点击提示“你有一笔订单正在充电，结束后可再选插座”。
  • 停留期间在别处发起了充电时，已选插座自动清除，操作栏同步切换。
• 状态变化：用户停留期间，已选插座变为不可用时，页面就地提示并清除选择。点击“立即充电”时会再核验一次；插座已不可用时，弹窗“插座状态已变化”，请用户重新选择。
• 浏览场站详情不需要登录。未登录时点“立即充电”，先进入现有登录页，登录后进入充电确认页。

5. 首页

5.1 页面结构

从上到下依次是：城市与搜索栏、轮播广告、快捷入口（我的订单、充值中心、我要开票）、充电中卡片、业务切换与筛选、场站列表。轮播广告和快捷入口沿用现有：广告由后台配置，没有配置时广告位收起，不留空白。

• 充值中心：替换原“卡券中心”快捷入口，进入个人钱包充值页；未登录先登录，登录成功后继续进入充值。用户自行选择充值金额并支付，完成后可返回首页。

5.2 充电中卡片

• 账号同时只有 1 笔进行中的充电，首页最多一张卡片，不横向滑动；没有进行中的订单时不显示。卡片不受业务切换影响。
• 布局：两行，适应广告位下方有限的空间。
  • 第一行：业务实底标识（图标加“电动汽车”或“电瓶车”）、场站名称（过长时省略）、电瓶车的插座号（如“03 号插座”）或电动汽车的枪号，右侧是带呼吸点的状态和箭头。插座号或枪号不省略。
  • 第二行：三项数据。电瓶车为已充时长、当前功率、预估费用（口径）；电动汽车为 SOC、已充电量、已用金额，内容沿用现有。金额用价格色。数据还没上报时显示“获取中”。
• 电瓶车正在启动：第二行改为加载图标和“请保持插头插好，启动后自动开始计时”。
• 电瓶车正在停止：状态为“正在停止”（橙色），第二行为“等待设备断电后结算”。
• 样式：用业务色区分两类业务：业务色描边、由业务色浅底向白色过渡的背景、右上角低透明度的业务图标水印。不用侧边色条，不显示进度条和金额上限。
• 点击电瓶车卡片进入充电详情页；电动汽车卡片跳转沿用现有。
• 任务结束（包括用户主动结束和设备自停）或启动失败后，卡片立即移出，不等结算。

6. “我的”

• 钱包卡片：沿用现有，显示可用余额，带“退款”和“充值”。
• 进行中充电卡片仅在首页展示。
• 协议：“用户协议与说明”中新增《电瓶车充电服务说明》，正文由运营和法务提供。
• 其余入口（我的订单、发票管家、我的卡券、会员中心、设置）沿用现有。