Profile Information
Profile Information PRD，覆盖基础信息、银行信息、GGR Margin、Bet Margin 和保存反馈。
Profile Information 是 Profile 模块的默认子页面，用于当前登录代理商查看账号资料、修改可编辑基础信息、登记收款银行，并只读查看分成比例。
页面摘要
| 项目 | 说明 |
|---|---|
| 页面性质 | 当前账号资料信息页，支持基础资料编辑和银行登记 |
| 核心动作 | 查看基础资料、编辑 Name / Email、登记银行、查看 GGR Margin 与 Bet Margin |
| 数据范围 | 当前登录账号本人及其可见银行和比例配置 |
| 当前状态 | 基础信息、银行信息、比例展示和保存反馈已定义；银行异常和移动端状态仍待确认 |
需求状态
| 状态 | 内容 |
|---|---|
Confirmed | Profile Information 只展示和维护当前登录账号资料；GGR Margin 与 Bet Margin 为只读查看。 |
Inferred from Figma | 银行卡片和基础信息保存按当前桌面截图处理，Nonghyup Bank1 等示例不作为正式银行名。 |
Open Question | 银行注册成功/失败、基础信息保存失败、无编辑权限、比例为空和移动端状态仍待确认，见 开放问题。 |
1. Figma 原型
页面状态 Figma 截图
Profile
展示 Profile Information 默认桌面态：Basic Information、Bank Information、GGR Margin 和 Bet Margin。
截图说明只作为 Figma 证据摘要，不作为字段定义；字段口径、完整列、导出和权限规则以字段模型章节为准。
展示 Basic Information 进入编辑、保存 / 取消按钮、保存成功弹窗和页面遮罩。
截图说明只作为 Figma 证据摘要，不作为字段定义；字段口径、完整列、导出和权限规则以字段模型章节为准。
2. 页面组成
| 区域 | UI 表现 | 对应功能说明 |
|---|---|---|
| 面包屑与页签 | Home > Profile，Profile Information 紫色高亮，Change Password 可切换 | 页签与导航 |
| Basic Information | 白色卡片，展示 Name、Phone number、Email、Date of Joining，右上角 Edit / Save / Cancel | 基础信息 |
| Bank Information | 银行卡片网格，展示 Registered / Unregistered 状态、存款人、账号和 Register 按钮 | 银行信息 |
| GGR Margin | 分组表格展示 Sports、Casino、Slot 和供应商 GGR 比例 | 比例表格 |
| Bet Margin | 分组表格展示 Sports、Casino、Slot 和供应商 Bet 比例 | 比例表格 |
| 成功反馈弹窗 | 居中白色弹窗、勾选图标、关闭按钮和遮罩 | 反馈弹窗 |
3. 功能说明
3.1 页签与导航
| 项目 | 说明 |
|---|---|
| Profile Information | 当前页签，展示资料、银行和比例信息。 |
| Change Password | 点击后进入 Change Password。 |
| 未保存变更 | 如果基础信息处于编辑态且存在未保存变更，切换到 Change Password 前需要提示保存或放弃。 |
| 返回规则 | 从 Change Password 返回时，Profile Information 应恢复上次已保存状态，不保留已取消的编辑草稿。 |
3.2 Basic Information
Basic Information 展示当前账号的基础资料。默认态使用灰色只读输入样式，右上角展示 Edit。
| 字段 | 默认展示 | 编辑规则 |
|---|---|---|
| Name | 示例 Admin01 | 可编辑，必填，建议 2-40 个字符。 |
| Phone number | 示例 010 - **** - ****，右侧展示 Registered | 只读；手机号和注册状态由系统维护。 |
示例 hong@example.com | 可编辑，必须符合邮箱格式。 | |
| Date of Joining | 示例 January 15, 2025 | 只读；加入日期来自系统记录。 |
| 交互 | 规则 |
|---|---|
| 点击 Edit | 进入编辑态，Name 和 Email 使用可输入样式，右上角按钮变为 Save 和 Cancel。 |
| 点击 Save | 先校验字段，只提交发生变化的字段，保存中禁止重复点击。 |
| 保存成功 | 更新展示值，打开成功反馈弹窗，关闭后回到只读默认态。 |
| 点击 Cancel | 丢弃未保存变更，恢复上次保存值，并回到只读默认态。 |
| 保存失败 | 保留编辑态和用户输入，展示失败原因，允许修改后重试。 |
3.3 Bank Information
Bank Information 以卡片网格展示当前账号可使用的收款银行。Figma 默认展示 Kookmin Bank、Shinhan Bank、Woori Bank、Hana Bank、Nonghyup Bank1。
| 状态 | UI 表现 | 操作规则 |
|---|---|---|
| Registered | 绿色标签，存款人和账号以脱敏或只读形式展示，按钮显示 Registration Complete 且禁用 | 已注册银行不能在本页重复提交；如需变更，按银行信息变更流程处理。 |
| Unregistered | 橙色标签，展示 Depositor Name 和 Account Number 输入框，底部为紫色 Register 按钮 | 存款人和账号均必填，校验通过后才能注册。 |
| 提交中 | 当前卡片按钮 loading 或禁用，其他卡片不应被遮挡 | 防止同一银行重复提交。 |
| 注册成功 | 卡片切换为 Registered，输入值按脱敏规则展示，按钮变为 Registration Complete | 同步刷新可提现收款账户。 |
银行账号属于敏感信息。默认展示应脱敏，只有具备查看权限的角色才能通过可见性控制查看完整值；完整账号不得写入日志、URL 或错误上报。
3.4 GGR Margin 与 Bet Margin
GGR Margin 和 Bet Margin 用于让当前账号查看已配置的比例，页面内不提供编辑入口。
| 表格 | 展示内容 | 规则 |
|---|---|---|
| GGR Margin | Sports、BTi、Digitain、SBO、Casino、Evolution、PP Live、Asia Gaming、Slot、PP Slot、Netent、Red Tiger 等行 | 示例图中均为 50%；实际值必须来自当前账号配置。 |
| Bet Margin | 同 GGR Margin 的分类和供应商行 | 示例图中包含 1.2%、1.0%、0.8% 等比例；实际值必须按配置展示。 |
分组行和供应商行需要保持视觉层级，避免用户误把分类汇总值和供应商值混为同一维度。无配置时保留表格结构并展示明确空态，不使用示例比例代替真实数据。
3.5 反馈弹窗
基础信息保存成功后，页面进入遮罩态并展示居中弹窗，文案为 Basic information has been updated。
| 元素 | 规则 |
|---|---|
| 遮罩 | 覆盖内容区和顶部区域，防止用户继续操作背景页面。 |
| 关闭方式 | 点击右上角 X、点击 Close 按钮或按 Esc。 |
| 关闭后 | 回到 Profile Information；基础信息保存成功后回到只读默认态。 |
| 重复提交 | 弹窗打开期间不能重复触发同一保存动作。 |
4. 业务流程
用户进入 Profile 后默认打开 Profile Information。
页面展示 Basic Information、Bank Information、GGR Margin 和 Bet Margin。
用户点击 Basic Information 的 Edit，修改 Name 或 Email。
用户点击 Save，系统校验字段并保存变更。
保存成功后展示成功弹窗，用户关闭弹窗后返回只读默认态。
用户可在未注册银行卡片中填写存款人和账号并点击 Register。
5. 业务规则
- Profile Information 只能展示和修改当前登录账号资料。
- Name 和 Email 可编辑；Phone number、Registered 状态和 Date of Joining 只读。
- 基础信息保存只提交变更字段，不能把未变更的脱敏字段当作真实值回写。
- 银行账号和手机号属于敏感信息，默认脱敏展示。
- 银行注册成功后，提现相关页面需要能使用最新收款账户。
- GGR Margin 和 Bet Margin 只读展示当前账号配置，修改入口不在 Profile。
6. 异常与空态
| 场景 | 处理 |
|---|---|
| Profile 信息加载失败 | 保留页面框架，卡片内展示可重试错误，不使用模拟资料。 |
| 无基础信息编辑权限 | 隐藏或禁用 Edit，并说明当前账号不可编辑。 |
| Name 为空或超长 | 阻止保存，在字段附近展示错误。 |
| Email 格式错误 | 阻止保存，在字段附近展示错误。 |
| 银行列表为空 | 保留 Bank Information 标题，展示暂无可登记银行的空态。 |
| 银行注册失败 | 保留输入内容，展示失败原因，允许重试。 |
| 比例数据为空 | 保留表格容器，展示暂无配置，不展示示例比例。 |
| 会话过期 | 跳转到 Login，重新登录后再操作。 |
7. 页面文案
| Key | English | Korean | 简体中文 |
|---|---|---|---|
profile.profile_information | Profile Information | 프로필 정보 | 资料信息 |
profile.basic_information | Basic Information | 기본 정보 | 基础信息 |
profile.bank_information | Bank Information | 은행 정보 | 银行信息 |
profile.save_success | Basic information has been updated | 기본 정보가 업데이트되었습니다 | 基础信息已更新 |
profile.registration_complete | Registration Complete | 등록 완료 | 注册完成 |
8. 开放问题
Profile Information Figma 需补充 / 确认项
- 当前截图未覆盖银行注册成功、银行注册失败、基础信息保存失败、无编辑权限、比例数据为空等状态；如需要定制视觉，需要补充 Figma。
- 当前截图只覆盖桌面端；移动端 Profile Information 需要另行补充响应式稿或按共享响应式规则实现。
9. 验收标准
- Profile Information 展示 Basic Information、Bank Information、GGR Margin 和 Bet Margin。
- Basic Information 默认只读，点击 Edit 后出现 Save 和 Cancel。
- 保存基础信息成功后展示
Basic information has been updated弹窗，关闭后回到只读态。 - Phone number、Date of Joining 和银行账号按敏感信息规则脱敏展示。
- 未注册银行必须填写存款人和账号后才能 Register。
- GGR Margin 和 Bet Margin 只读展示当前账号配置，不允许在本页修改。