# P06 退款申请页 - 页面编码:`P06` - 页面层级:`二级页` - 页面目标:让用户提交退款原因与说明,进入售后流程 - 主要依赖组件:`G01` ## 1. 页面结构(从上到下) 1. 顶部导航栏 2. 可退款订单摘要区 3. 退款原因区 4. 补充说明区 5. 提交按钮区 ## 2. 区块说明 ### 2.1 可退款订单摘要区 - 展示门店、订单号、商品摘要、当前可退金额 ### 2.2 退款原因区 - 提供预设原因列表 - 例如: - 商品与描述不符 - 配送超时 - 少送漏送 - 不想要了 - 其他原因 ### 2.3 补充说明区 - 文本输入框 - 可选上传凭证图片(如另一位 AI 需要扩展) ### 2.4 提交按钮区 - 主按钮:提交退款申请 ## 3. 页面状态 - 原因未选时按钮不可提交 - 提交中显示 loading - 提交成功后跳转 `P07 退款详情页` ## 4. 实现备注 - 页面目标是低阻力提交,不宜放过多冗余字段