积分页

页面概述

• 页面名称：积分页
• 页面目标：展示积分余额、说明与明细
• 适用角色：已登录用户
• 页面入口：P21
• 返回关系：返回 P21

页面组成

1. 余额区

• 字段：pointsBalance
• 说明：展示当前积分

2. 规则说明区

• 字段：pointRuleText
• 说明：展示积分获取与消耗说明

3. 明细列表区

• 字段：flowType、bizType、remark、pointsDelta、createdAt
• 说明：展示积分流水列表

交互设计

筛选按钮

• 按钮名称：筛选
• 显示条件：固定显示
• 动作：支持 全部 / 获取 / 消耗 切换
• 备注：该筛选项为 AI 假设项 A1

列表逻辑

• 首屏默认展示 全部明细
• 支持 分页加载

校验规则

• 流水金额正负号与文案需保持一致
• 余额必须等于最后一条流水余额值

状态设计

空状态

• 文案：暂无积分明细

失败态

• 明细加载失败提示：积分明细加载失败，请稍后再试

埋点建议

• points_page_show
• points_filter_change

字段清单

区块	字段	说明
余额区	pointsBalance	当前积分
规则说明区	pointRuleText	积分获取与消耗说明
明细列表区	flowType	流水类型
明细列表区	bizType	业务类型
明细列表区	remark	备注
明细列表区	pointsDelta	积分变动值
明细列表区	createdAt	创建时间

实现要点

• 页面仅对 已登录用户开放
• 积分明细需支持按类型筛选与分页查询
• 前端展示时需确保积分变动值的正负号、文案语义、余额结果三者一致
• 异常与空状态文案需按 PRD 保持一致