📊 团队
核心页面18:01 IST4G 📶 🔋
团队
我的总佣金
13,400.20
本月佣金 +14.23
上月佣金 +42.52
今日佣金
+14.23
昨日佣金
+42.52
今日团队充值
+14,230.00
昨日团队充值
+42,520.00
团队概览
查看详情
团队总人数：
6,248
团队总充值：
7,855,100.99
邀请
新增团队成员
LEVEL A
今日：0
昨日：0
LEVEL B
今日：0
昨日：1
活跃团队成员
LEVEL A
今日：0
昨日：1
LEVEL B
今日：3
昨日：3
团队统计
LEVEL A
人数：7
2,771,838.43
充值总额
8,315.64
佣金总额
LEVEL B
人数：5
5,083,262.56
充值总额
5,084.56
佣金总额
📋 团队 — 产品需求文档
页面编号：P001 | 版本：v2.2 | 更新日期：2026-04-21
1. 页面定位与目标
团队页面是整个产品的核心功能页，定位为 数据查看中心 与 快捷邀请入口。用户可在此页面全面掌握团队发展状态、佣金收益变化趋势、成员活跃度等关键数据，并通过邀请码、二维码、社交分享等多种方式快速拓展团队规模。
🧱 2. 模块拆解与功能说明
2.1 佣金总览面板
- 我的总佣金 — 累计全部佣金，Decimal(18,2)，WebSocket 实时推送，1.7rem Bold 绿色
- 本月佣金/上月佣金 — 面板内直接展示本月佣金和上月佣金数值，各带趋势箭头（▲ 绿色上涨 / ▼ 红色下降）
- 背景使用品牌紫色渐变 + 圆形装饰元素，增加视觉层次
2.2 数据统计网格
- 2×2 网格展示：今日佣金、昨日佣金、今日团队充值、昨日团队充值
- 趋势指示器 — 每个金额右侧显示 ▲（绿色上涨）/ ▼（红色下降）/ —（灰色持平）
- 计算逻辑：当日值 > 昨日值 = ▲ 绿色；当日值 < 昨日值 = ▼ 红色；相等 = — 灰色
- 颜色规则 — 数值 > 0 时显示绿色（含加号）；数值 = 0 时显示灰色；无货币符号
2.3 团队概览卡片
- 展示团队总人数（白色数字）、团队总充值（绿色数字）两项汇总数据，无箭头
- 右上角"查看详情"按钮，点击跳转团队详情页
2.4 邀请系统
- 邀请区域合并为一个紫色渐变卡片，分上下两行
- 第一行 — 邀请码：左侧"邀请码"标签 + 右侧 6 位邀请码 + 复制图标。点击复制到剪贴板，Toast "✅ 邀请码已复制"
- 第二行 — 邀请二维码：左侧"邀请二维码"标签 + 右侧"查看详情" + 二维码图标。点击跳转二维码页面
- 分享功能 — 顶部右侧分享图标（节点连线图标），点击弹出 iOS 风格分享面板（底部上滑），展示邀请码、邀请链接（域名脱敏显示为 xxx.xxx.xxx）、社交渠道（复制链接/WhatsApp/Telegram/短信/更多）
2.5 新增团队成员
- Level A（直接邀请）+ Level B（间接邀请）分列展示
- 今日/昨日新增人数，0 显示灰色，非 0 显示绿色
2.6 活跃团队成员
- 活跃定义：当日至少 1 笔有效交易
- Level A/B Today/Yesterday，刷新频率 5 分钟
2.7 团队统计
- Level A/B 分列展示，每列标题行右侧显示"人数：N"（白色数字）
- 每列分别显示充值总额和佣金总额，各带小字标注
- Level A 佣金率 0.3%；Level B 佣金率 0.1%
- 无跳转功能，仅展示数据
⚙️ 3. 交互规则与跳转
| 交互元素 | 触发 | 行为 | 跳转 |
|---|---|---|---|
| 邀请码（第一行） | 点击 | 复制邀请码 + Toast | — |
| 邀请二维码（第二行） | 点击 | 跳转二维码页面 | → 邀请二维码 |
| 顶部分享按钮 | 点击 | 弹出底部分享面板 | — |
| 团队概览 — 查看详情 | 点击 | 跳转团队详情 | → 团队详情 |
| 团队统计 | — | 仅展示，无跳转 | — |
| 底部 TabBar | — | Team 高亮，其他仅展示 | — |
| Scan 按钮 | — | 仅展示，不可点击 | — |
📡 4. 数据规格
| 字段 | 数据源 | 协议 | 刷新 |
|---|---|---|---|
| 总佣金 | 佣金服务 | WebSocket | 实时 |
| 本月佣金/上月佣金 | 统计服务 | REST | 5min |
| 今日/昨日佣金 | 统计服务 | REST+WS | 实时+5min |
| 今日/昨日团队充值 | 财务服务 | REST+WS | 实时 |
| 团队总人数 | 用户服务 | REST | 5min |
| 团队总充值 | 财务服务 | REST | 5min |
| 新增/活跃成员 | 统计服务 | REST | 5min |
| Level 下级人数 | 用户服务 | REST | 5min |
所有时间均使用印度标准时间（IST, UTC+5:30）
💰 团队详情
二级页面18:01 IST4G 📶 🔋
团队详情
LEVEL A（7）
LEVEL B（5）
Virat187(2464296)
保证金5,000.00
充值41,800.00 INR / 0.00 USDT
佣金+125.40 INR / +18.20 USDT
Ayuraaj(2464572)
保证金3,200.00
充值32,900.00 INR / 0.00 USDT
佣金+98.70 INR / +14.30 USDT
sahani09(2464699)
保证金2,800.00
充值25,400.00 INR / 0.00 USDT
佣金+76.20 INR / +11.05 USDT
Ranjeeti01(2464917)
保证金1,500.00
充值17,433.33 INR / 0.00 USDT
佣金+52.30 INR / 0.00 USDT
Sandeep123(2465061)
保证金1,000.00
充值11,600.00 INR / 0.00 USDT
佣金+34.80 INR / 0.00 USDT
kumar_dev(2465180)
保证金0.00
充值0.00 INR / 0.00 USDT
佣金0.00 INR / 0.00 USDT
priya_88(2465322)
保证金0.00
充值0.00 INR / 0.00 USDT
佣金0.00 INR / 0.00 USDT
📋 团队详情 — 产品需求文档
页面编号：P002 | 版本：v2.2 | 更新日期：2026-04-21
1. 页面定位
团队详情页展示每位团队成员的保证金、充值、佣金明细数据。通过 Level A/B 切换查看直接和间接邀请成员的贡献详情，帮助用户分析团队收益结构。
入口：团队页 → 团队概览"查看详情"
🧱 2. 模块拆解
2.1 页面标题
- 标题 "团队详情"
- 左侧返回按钮 → 返回团队页
2.2 Level Tab 切换
- LEVEL A（人数） | LEVEL B（人数） 双 Tab，括号内显示当前下级总人数
- 选中紫色底白字；未选中透明底紫字
- 切换动画 300ms ease
2.3 成员明细列表
- 第一行：昵称 + ID（括号内），同一行显示
- 第二行：保证金 — 该成员的保证金金额，不带"+"前缀
- 第三行：充值 — 格式为"{金额} INR / {金额} USDT"，两种币种合并显示
- 第四行：佣金 — 格式为"{金额} INR / {金额} USDT"，两种币种合并显示
- 颜色规则 — 保证金：金额 > 0 时绿色，无"+"前缀；充值：金额 > 0 时绿色，无"+"前缀；佣金：金额 > 0 时绿色 + 前缀"+"；金额 = 0 时灰色显示 0.00
- 人数相关字段使用白色
- 佣金计算：Level A = 充值 × 0.3%；Level B = 充值 × 0.1%
所有时间均使用印度标准时间（IST, UTC+5:30）
⚙️ 3. 交互规则
| 交互 | 触发 | 行为 |
|---|---|---|
| 返回按钮 | 点击 | 返回团队页 |
| Level Tab | 点击 | 切换 A/B 列表 |
| 成员行 | 点击（规划中） | 展开详细时间线 |
📱 邀请二维码
二级页面18:01 IST4G 📶 🔋
邀请二维码
扫描二维码加入我的团队
9w68zS
保存二维码
复制邀请链接
邀请链接：https://xxx.xxx.xxx/invite/9w68zS
📋 邀请二维码 — 产品需求文档
页面编号：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. 交互规则
| 交互元素 | 触发 | 行为 |
|---|---|---|
| ‹ 返回按钮 | 点击 | 返回团队页 |
| 分享按钮（右上角） | 点击 | 弹出底部分享面板 |
| 保存二维码 | 点击 | 保存图片到相册 + Toast |
| 复制邀请链接 | 点击 | 复制到剪贴板 + Toast |
| 分享渠道图标 | 点击 | 打开对应 App / 复制链接 + 收起面板 |
| 遮罩层 / 取消 | 点击 | 收起分享面板 |
🔧 4. 技术实现
- 二维码生成：客户端使用 qrcode.js 库动态生成，输入 = 邀请链接 URL
- 保存功能：iOS 使用 UIImageWriteToSavedPhotosAlbum；Android 使用 MediaStore API
- 复制功能：Clipboard API (navigator.clipboard.writeText)
- 分享功能：调用系统分享 API（Web Share API / 原生 Share Sheet），降级方案为自定义分享面板
- 权限处理：相册权限被拒绝时提示 "请在设置中开启相册权限" 并提供跳转设置的按钮