📋 佣金/充值详情 — 产品需求文档

页面编号：P002  |  版本：v2.2  |  更新日期：2026-04-21

1. 页面定位

佣金/充值详情页展示每位团队成员的保证金、INR 佣金、USDT 佣金明细数据。通过 Level A/B 切换查看直接和间接邀请成员的贡献详情，帮助用户分析团队收益结构。

入口：团队页 → 佣金/充值 → "查看详情"

🧱 2. 模块拆解

2.1 页面标题

• 标题 "佣金/充值详情"
• 左侧返回按钮 → 返回团队页

2.2 Level Tab 切换

• LEVEL A | LEVEL B 双 Tab
• 选中紫色底白字；未选中透明底紫字
• 切换动画 300ms ease

2.3 成员明细列表

• 第一行：昵称 + ID（括号内），同一行显示
• 第二行：保证金 — 该成员的保证金金额
• 第三行：INR — 该成员产生的 INR 佣金
• 第四行：USDT — 该成员产生的 USDT 佣金
• 颜色规则 — 金额 > 0 时绿色 + 前缀"+"；金额 = 0 时灰色显示 0.00
• 不显示货币符号，仅显示数字
• 佣金计算：Level A = 充值 × 0.3%；Level B = 充值 × 0.1%

⚙️ 3. 交互规则

📡 4. API 接口

Response: { list: [{ id, name, deposit, commission_inr, commission_usdt }] }

📋 邀请二维码 — 产品需求文档

页面编号：P003  |  版本：v2.2  |  更新日期：2026-04-21

1. 页面定位

邀请二维码页面为用户提供可视化的邀请方式，支持面对面扫码邀请、二维码图片保存、链接复制及社交渠道分享等多种邀请途径。

入口：团队页 → 邀请区域 → "查看邀请二维码"

🧱 2. 模块拆解

2.1 顶部导航栏

• 左侧返回按钮 ‹ → 返回团队页
• 中间标题 "邀请二维码"
• 右侧分享按钮 — 节点连线图标，点击弹出 iOS 风格底部分享面板，功能与团队页分享按钮完全一致

2.2 二维码展示区

• 白底二维码图片，180×180px，圆角 12px
• 二维码内容编码为邀请链接 URL
• 二维码下方展示邀请码（紫色等宽字体，字间距 2px）
• 顶部引导文案 "扫描二维码加入我的团队"

2.3 操作按钮

• 保存二维码 — 主按钮（紫色实底），点击将二维码图片保存到系统相册。需请求相册写入权限（首次使用弹出授权弹窗）。成功后 Toast "✅ 二维码已保存到相册"
• 复制邀请链接 — 次按钮（灰色描边），点击复制完整邀请链接到剪贴板。Toast "✅ 邀请链接已复制"

2.4 分享面板

• 与团队页分享面板功能完全一致，iOS 风格底部上滑弹出
• 展示内容：邀请码、完整邀请链接
• 分享渠道：复制链接、WhatsApp、Telegram、短信、更多
• 点击渠道后执行对应操作并自动收起面板
• 点击遮罩层或"取消"按钮收起面板

2.5 底部信息

• 展示完整邀请链接 URL，辅助灰色小字

⚙️ 3. 交互规则

🔧 4. 技术实现

• 二维码生成：客户端使用 qrcode.js 库动态生成，输入 = 邀请链接 URL
• 保存功能：iOS 使用 UIImageWriteToSavedPhotosAlbum；Android 使用 MediaStore API
• 复制功能：Clipboard API (navigator.clipboard.writeText)
• 分享功能：调用系统分享 API（Web Share API / 原生 Share Sheet），降级方案为自定义分享面板
• 权限处理：相册权限被拒绝时提示 "请在设置中开启相册权限" 并提供跳转设置的按钮

📐 5. 埋点