🏆 领取记录 — 产品需求文档

页面编号：P006  |  版本：v1.0  |  更新日期：2026-05-14

1. 页面定位与目标

领取记录页面展示用户所有已领取的每日任务奖励历史，方便用户追踪奖励发放情况。

入口：每日任务页 → 右上角「领取记录」链接

🧱 2. 模块拆解

2.1 顶部导航栏

• 左侧返回按钮 ‹ → 返回每日任务页
• 标题「领取记录」

2.2 记录列表

• 每条记录为独立白底圆角卡片
• 顶部行：奖励名称（如购买任务 I ~ V）+ 奖励金额（绿色，如 +₹20）
• 底部行：完成时间标签 + 具体时间（YYYY/MM/DD HH:MM 格式）
• 按时间倒序排列，最新记录在最上方

⚙️ 3. 交互规则

📡 4. 数据规格

💰 出售 — 产品需求文档

页面编号：P013  |  版本：v2.0  |  更新日期：2026-05-17

1. 页面定位与目标

出售页面供用户管理出售UPI KYC，展示账户总余额和已绑定UPI KYC列表及其交易统计数据，支持开启/关闭出售状态，点击「继续出售」提交出售请求。

入口：首页「出售」按钮 / 购买页「出售」按钮

🧱 2. 模块拆解

• 顶部导航 — 返回按钮（返回首页）+ 「出售」标题
• 余额展示 — 居中展示账户总余额（₹格式）
• 继续出售按钮 — 紫色渐变全宽按钮，点击提交出售请求
• UPI KYC列表 — 直接嵌入UPI KYC卡片列表，每张卡片包含：
• 第一行：品牌色圆形首字母图标 + UPI名称 + UPI KYC号（脱敏格式） | 右侧在线/离线状态标签
• 第二行（灰底区域）：处理中（灰色）、成功（绿色）、失败（红色）、成功率 — 横向排列
• 第三行：灰色分隔线
• 第四行：交易额（左侧）+ 出售开关（右侧）
• 左侧品牌色彩条标识不同UPI

⚙️ 3. 交互规则

📋 交易订单（订单详情） — 产品需求文档

页面编号：P012  |  版本：v3.0  |  更新日期：2026-05-14

1. 页面定位与目标

交易订单详情页展示单笔订单的完整信息，包括订单状态、交易金额、UPI KYC信息、时间线等。页面根据订单的不同状态动态展示对应内容。原型中展示了4种状态的完整示例：交易中（购买USDT）、待处理（购买INR）、交易成功（购买INR）、交易失败（出售INR）。

入口：订单页 → 点击任意订单卡片 → 进入详情

📱 2. 四种状态原型说明

2.1 交易中（第一排左侧）— 购买 USDT

• 订单类型：购买 USDT（绿色）
• 状态标签：橙色胶囊「交易中」
• 提示信息：「交易中，预计 15:12 完成」
• 购买金额：19USDT(₹300.00)
• 奖励金额：₹12.00
• 实际到账：₹312.00
• 支付方式：链上支付（TRC20）
• 交易哈希：a1b2c3d4e5f6...7890（支持复制）
• 订单编号：202505221945001
• 下单时间：2025/05/22 19:45
• 不显示结束时间（交易尚未结束）

2.2 待处理（第一排右侧）— 购买 INR

• 订单类型：购买 INR（绿色）
• 状态标签：紫色胶囊「待处理」
• 提示信息：「待处理，预计 14:58 完成」
• 购买金额：₹200.00
• 奖励金额：₹8.00
• 实际到账：₹208.00
• 支付方式：UPI KYC
• UPI KYC号：6214 **** **** 2451
• 订单编号：202505222030001
• 下单时间：2025/05/22 20:30
• 不显示结束时间（交易尚未开始处理）

2.3 交易成功（第二排左侧）— 购买 INR

• 订单类型：购买 INR（绿色）
• 状态标签：绿色胶囊「交易成功」
• 提示信息：「交易已完成，资金已到账。」
• 购买金额：₹200.00
• 奖励金额：₹8.00
• 实际到账：₹208.00
• 支付方式：UPI KYC
• 订单编号：250522203000001
• 下单时间：2025/05/22 20:30
• 结束时间：2025/05/22 20:48
• 此页面为动态页面，点击订单列表中的卡片会传入数据并动态渲染

2.4 交易失败（第二排右侧）— 出售 INR

• 订单类型：出售 INR（红色）
• 状态标签：浅红色胶囊「交易失败」（红色文字）
• 提示信息：「订单交易失败，请检查后重新尝试」
• 出售金额：₹2,368.96
• 奖励金额：₹15.00
• 实际到账：₹2,353.96
• 支付方式：UPI KYC
• UPI KYC号：6214 **** **** 2456
• 订单编号：202504251421002
• 下单时间：2025/04/25 14:21
• 结束时间：2025/04/25 14:39

🧱 3. 模块拆解

3.1 顶部导航栏

• 左侧返回按钮 ‹ → 返回订单列表
• 标题：统一显示「交易订单」
• 右侧状态标签 — 圆角胶囊形式，颜色随状态变化

3.2 状态提示区域

• 灰色底圆角卡片，左侧感叹号图标 + 提示文案
• 待处理/交易中：显示预计完成时间
• 交易成功/交易失败：显示结果提示文案

3.3 订单信息明细卡片

• 白底圆角卡片，内含多行信息，每行左侧灰色标签 + 右侧数据
• 订单类型 — 购买 INR/USDT（绿色）或 出售 INR（红色）
• 购买金额/出售金额
• 奖励金额 — 绿色加粗，旁边感叹号图标可点击弹窗查看说明
• 实际到账（购买）/ 实际到账（出售）— 旁边感叹号图标可点击弹窗
• 支付方式 — 根据订单类型分为两种：
• （1）UPI KYC：对应显示「UPI KYC号」，脱敏格式 6214 **** **** XXXX
• （2）链上支付（TRC20）：括号内的公链名称由后台根据用户选择传入，对应显示「交易哈希」，哈希值支持复制

3.4 订单编号与时间卡片

• 订单编号 — 系统唯一标识，右侧复制图标可复制
• 下单时间 — 格式 YYYY/MM/DD HH:MM，所有状态均显示
• 结束时间 — 仅「交易成功」和「交易失败」状态显示

3.5 弹窗组件

• 奖励金额说明弹窗 — 点击奖励金额旁感叹号触发，说明「奖励金额会自动发放到平台账户中」，底部「我知道了」按钮关闭
• 实际到账说明弹窗（购买） — 点击实际到账旁感叹号触发，说明「用户购买完成后实际在平台中的到账金额」，底部「我知道了」按钮关闭
• 实际到账说明弹窗（出售） — 点击实际到账旁感叹号触发，说明「此金额为最终到达用户UPI KYC账户金额」，底部「我知道了」按钮关闭
• 弹窗样式：半透明遮罩 + 白底圆角卡片居中，点击遮罩可关闭

⚙️ 4. 交互规则

🎨 5. 状态样式规范

5.1 详情页状态标签

5.2 订单列表卡片状态

🔄 6. 订单类型与字段差异

订单分为「购买」和「出售」两种类型，部分字段标签和颜色会随类型变化：

支付方式与对应字段：

链上支付括号内的公链名称（如 TRC20）由后台根据用户选择的支付公链传入

购买订单支持两种货币类型：

• 购买 INR — 支付方式为 UPI KYC，显示 UPI KYC号
• 购买 USDT — 支付方式为链上支付，显示交易哈希

📡 7. 数据规格

🧮 8. 状态流转逻辑

订单状态按以下流程流转：

• 待处理 → 用户提交订单后进入，等待系统分配
• 交易中 → 系统分配完成，正在执行交易
• 交易成功 → 交易执行完毕，资金已到账（终态）
• 交易失败 → 交易执行异常或超时（终态）

时间字段显示逻辑：

• 待处理/交易中 — 仅显示「下单时间」，不显示「结束时间」
• 交易成功 — 显示「下单时间」+「结束时间」
• 交易失败 — 显示「下单时间」+「结束时间」

📋 账单记录 — 产品需求文档

页面编号：P014  |  版本：v1.0  |  更新日期：2026-05-16

1. 页面定位与目标

账单记录页面展示用户账户的所有资金变动记录，包括转账、奖励、购买、出售、充值、佣金、人工调整等类型。支持按类型筛选，帮助用户快速查找特定类型的账单。

入口：首页余额卡片右上角订单图标

🧱 2. 模块拆解

• 顶部导航 — 返回按钮（返回首页）+ 「账单记录」标题 + 右侧筛选漏斗图标
• 账单记录列表 — 白底圆角卡片列表，每条记录包含：
• 第一行：类型标签（左侧）+ 金额（右侧）
• 第二行：描述信息（如「转至 100008」「奖励类型：月度抽奖奖励」）
• 第三行：时间（左侧）+ 订单ID + 复制按钮（右侧）

2.1 记录类型与标签样式

🔍 3. 筛选功能

3.1 入口与样式

• 入口：顶部右侧漏斗图标
• 底部弹出面板，顶部居中「筛选」标题 + 右侧关闭按钮
• 半透明黑色遮罩，点击遮罩可关闭

3.2 筛选选项

• 购买、出售、充值、转账、人工调整（入账）、人工调整（扣账）、奖励、佣金
• 单选，点击选中高亮（紫色圆点），再次点击切换到其他选项
• 默认无选中状态，显示全部记录

3.3 底部按钮

• 「重置」按钮 — 清除筛选条件，恢复全部记录，关闭面板
• 「确认」按钮 — 应用筛选条件，过滤记录列表，关闭面板

3.4 筛选逻辑

• 选中某一类型后点击确认，列表仅展示该类型的记录
• 无匹配记录时显示「暂无该类型记录」空状态提示
• 重置后清除所有选中状态，恢复显示全部记录

⚙️ 4. 交互规则

💳 UPI KYC详情 — 产品需求文档

页面编号：P009  |  版本：v1.0  |  更新日期：2026-05-14

1. 页面定位与目标

UPI KYC详情页展示选中UPI KYC的完整信息、交易统计数据和管理操作，用户可查看该卡的处理状态、切换出售开关、进入订单列表或删除UPI KYC。

入口：UPI KYC列表 → 点击任意UPI KYC → 进入详情

🧱 2. 模块拆解

2.1 顶部导航栏

• 左侧返回按钮 ‹ → 返回UPI KYC列表
• 标题「UPI KYC详情」
• 右侧灰色垃圾桶图标 → 触发删除确认弹窗

2.2 UPI信息卡片

• 白底圆角卡片，灰色边框
• 上行：「UPI」标签 + UPI名称（如 PHONEPE、FREECHARGE 等），文字黑色
• 下行：「卡号」标签 + 卡号（格式：6214 **** **** XXXX），文字黑色
• 数据根据从列表页传入的参数动态展示

2.3 查看订单列表

• 绿色渐变横幅按钮，白色文字 + 右侧箭头
• 点击直接进入订单列表

2.4 统计数据卡片

2.5 详情项卡片

⚙️ 3. 交互规则

🗑️ 4. 删除确认弹窗

• 全屏模态弹窗，半透明黑色遮罩
• 白底圆角容器（20px），居中显示
• 顶部灰色圆形垃圾桶图标
• 标题「确认删除」— 黑色文字
• 说明「删除后将无法恢复，确定要删除这张UPI KYC吗？」— 灰色文字
• 「取消」按钮 — 浅灰底 #f5f5f7，黑色文字
• 「确认删除」按钮 — 红色底 #f6465d，白色文字

📡 5. 数据规格