详情页：客户详情与充值（/me/customers/:customerId）

这个页面可以理解为客户的“主档页”。你在这里主要做三件事：看余额、改客户名、给客户充值（并查看充值记录）。

怎么进入

1. 客户 列表点击某一行
2. 创建客户 成功后自动进入
3. 直接访问详情地址

页面结构（先认区块）

• 顶部有 返回，会回到 /me/customers
• 上半部分是客户信息卡：名称、ID、余额
• 下半部分是充值区域：新增充值 + 充值记录表格 + 分页

改客户名称怎么做

1. 在信息卡点击 编辑
2. 输入框中修改名称
3. 点击 应用 提交

如果你不想改了，点 取消 就会恢复原名称。

注意：

• 名称不能为空。
• 若新旧名称一致，会提示“没有变更”。
• 成功后会弹 Toast 并更新页面显示。

给客户充值怎么做（两步弹窗，避免手滑）

1. 点击 新增充值
2. 在弹窗输入充值金额（元）
3. 点击 下一步

确认并提交

1. 系统显示确认弹窗（客户名 + 充值金额）
2. 核对无误后点 确认
3. 成功后会自动关闭弹窗，并刷新客户余额与充值记录，同时弹出成功 Toast

充值失败常见原因

• 金额格式不正确
• 金额小于最小值（必须大于 0）
• 接口校验失败

充值记录怎么看

• 在页面下半区的表格查看
• 用分页组件切换页码

字段你怎么理解

• created_at：充值时间（服务端返回）
• amount_cents：前端显示时已转成“元”
• cashier_id：执行充值的收银员 ID

小提醒

• 充值流程有防重复提交机制。
• 弹窗关闭后，未确认的数据不会提交。