P31 地址管理页

页面概述

• 页面名称：地址管理页
• 页面目标：管理收货地址，并供订单确认页选择
• 适用角色：已登录用户
• 页面入口：P21、P19

页面组成

1. 地址列表区

用于展示已有收货地址卡片，字段包括：

• consignee：收货人
• mobileMasked：脱敏手机号
• addressText：完整地址文本
• isDefault：是否为默认地址

2. 编辑表单区

用于新增或编辑地址，字段包括：

• consignee：收货人
• mobile：手机号
• region：省市区
• detailAddress：详细地址
• postalCode：邮政编码
• isDefault：是否设为默认地址

按钮与动作

按钮	显示条件	动作
新增地址	固定显示	打开表单模式
编辑	列表有数据	打开编辑模式
删除	列表有数据	删除地址
设为默认	列表有数据	设置默认地址
保存	表单模式	保存地址

交互逻辑

• 从订单确认页进入时，保存后需自动回传所选地址。
• 默认地址只允许 1 条。

校验规则

• 收货人：2–20 字
• 手机号：11 位
• 省市区：必填
• 详细地址：5–100 字

状态设计

空状态

• 文案：还没有收货地址，先新增一个吧

异常提示

• 地址保存失败：地址保存失败，请检查后重试

页面跳转

• P31 -> P15 / P19

埋点建议

• address_list_show
• address_add_click
• address_save_success
• address_delete_click

实现要点

• 地址列表与表单区需支持新增/编辑双模式切换。
• 默认地址设置应保证服务端或前端状态一致性，避免出现多个默认地址。
• 若页面由订单确认流程进入，需在保存成功后执行地址回传并返回对应页面。