1.6 KiB
1.6 KiB
P03 结算确认页
- 页面编码：
P03 - 页面层级：
二级页 - 适用场景：
外卖 / 自提 / 堂食 - 页面目标：让用户确认履约信息、优惠和金额，并完成支付
- 主要依赖组件：
G01、G30、G31、G32、G35
1. 页面结构（从上到下）
- 顶部导航栏
- 场景信息卡
- 商品清单区
- 优惠资产区
- 备注与附加信息区
- 费用明细区
- 底部支付栏
2. 区块说明
2.1 场景信息卡
- 外卖：展示收货地址、预计送达
- 自提：展示门店、自提时间、取餐人信息
- 堂食：展示门店、桌号、堂食说明
2.2 商品清单区
- 展示商品、规格、加料、数量、小计
2.3 优惠资产区
- 使用
G32 - 入口包含：
- 优惠券选择
- 积分抵扣
- 储值余额支付
- 次卡核销（适用时）
2.4 备注与附加信息区
- 订单备注
- 餐具选择
- 其他补充字段（按场景可选）
2.5 费用明细区
- 使用
G31 - 必须清楚展示所有金额构成
2.6 底部支付栏
- 使用
G35 - 左侧显示实付金额
- 右侧主按钮：提交订单并支付
3. 场景差异
外卖
- 必须完成地址校验、起送价校验
自提
- 必须完成自提时间选择和取餐人信息校验
堂食
- 必须展示桌号，不展示配送相关字段
4. 页面状态
- 优惠不可用时展示原因
- 地址超范围时禁止提交
- 门店休息时禁止支付
5. 实现备注
- 结算页核心是“信息确认 + 金额确认”
- 所有会影响实付金额的项目都必须可见