35 lines
2.2 KiB
Markdown
35 lines
2.2 KiB
Markdown
# 提交订单视觉与支付衔接开发日志
|
||
|
||
操作时间：2026-09-11 21:20
|
||
操作类型：修改、扩展
|
||
影响模块：用户端商城结算、订单支付路由、视觉验收
|
||
|
||
## 操作前状态
|
||
|
||
提交订单页仅覆盖基础地址、数量、金额和备注，页面分组与最新产品设计差异明显；创建订单后返回订单列表，没有进入支付确认流程。预约、优惠、押金和发票缺少可见的交付状态。
|
||
|
||
## 具体操作
|
||
|
||
- 按图14重排地址、配送时间、气站商品、费用明细、订单服务、支付方式和底部提交栏。
|
||
- 单品与购物车结算读取真实商品、气站、地址和钱包余额；商品存在后台图片时直接显示图片。
|
||
- 下单成功校验订单公开标识并进入 `/payment/shop/:identity`；未知结果保留幂等重试状态。
|
||
- 预约、优惠和押金显示“暂未开放”；明确属于二期的电子发票显示“即将开放”，点击均给出说明。
|
||
- 内置浏览器检查远程默认地址，确认旧数据缺少联系人时如实显示“待补充联系人”，未新增、编辑或提交地址。
|
||
|
||
## 代码变更
|
||
|
||
- `apps/user_app/lib/ui/features/shop/checkout_page.dart`：重建结算布局、接入气站与钱包读取、补充功能状态及支付跳转。
|
||
- `apps/user_app/tool/a1_visual_test.dart`：图14改用双商品购物车状态做视觉夹具。
|
||
- `apps/user_app/test/ui/shop_address_selection_test.dart`、`apps/user_app/test/ui/cart_page_test.dart`：验证下单成功进入支付确认页。
|
||
|
||
## 验证结果
|
||
|
||
- Flutter全量测试171项通过。
|
||
- 图14在320、360、390、430像素宽度及1.0、1.3文字缩放共8种组合通过视觉溢出检查。
|
||
- Web构建通过；390×844并排图已生成。
|
||
- 内置浏览器真实检查地址、商品图片、气站、钱包余额、“暂未开放”和“即将开放”弹层。未点击提交订单，未产生远程写入。
|
||
|
||
## 风险评估
|
||
|
||
配送预约、押金、优惠仍缺服务端契约；当前配送费按既有接口结果显示0元。电子发票属于二期。远程默认地址缺联系人，需用户在地址管理补全后才能用于下单。以上差异均在页面明示，没有伪造设计稿金额或业务状态。
|