Web3 : BlancBlock需求文档V0.2

目标发布
史诗
文档状态
草稿
文档所有者
设计者陈园
开发者
QA

目标

  • 增加在线KYC材料提交
  • 增加客户充值加密货币/查看充值记录
  • 增加客户用余额兑换

需求

#标题用户故事重要说明
1在线KYC客户可以在线提交KYC材料必须有

客户可以在线提交kyc所需要的基础材料

2充值客户可以充值加密货币必须有提供ERC和TRC两种格式的充值,并提供充值记录给客户查询
3余额兑换客户可以用加密货币余额来兑换法币必须有通过加密货币余额兑换法币,并展现兑换记录
4OP:用户管理操作员可以在后台查看用户提交的kyc信息并审核必须有
5OP:充值管理操作员可以在后台查看用户的充值交易必须有
6OP:兑换管理操作员可以在后台查看用户的兑换交易必须有

用户交互设计

一 、在线KYC材料提交

图一:待kyc提示页


图二:KYC信息填写


图三 kyc信息提交确认页

图四 kyc信息提交成功

图五:审核失败


流程说明:

  1. 用户登陆后,如果kyc状态为未认证,点击:我的帐户/交易/充值 都会跳转到图一待KYC提示页
  2. 用户点击开始认证,进入到图二kyc信息填写页输入:
    1. 企业名称:200个字符长度
    2. 企业注册地:下拉框,香港/新加坡/其它
    3. 企业注册号:30个字符长度。
  3. kyc材料上传,用户点击“上传”,弹出本地文件选择页面,用户选中文件。(本期支持20M的压缩文件)
  4. “继续”按钮,跳转到图三,kyc信息确认提交页面:
    1. 显示公司名称/注册地/注册号信息
    2. 用户点击“提交”,kyc信息进入到后台待审核流程
    3. 在审核未结束,用户再次进入,提示“在审核中”(图四)
    4. 如果后台审核未通过,用户再次进入到kyc页面,在页面上方提示审核不通过的备注信息(图五),上次所填信息都处于可编辑状态。
    5. 如果后台审核通过,用户在“我的帐户”页面可以看到kyc已完成,并显示“公司名称”,无法再进入到kyc页面。

二 、充值

图一:菜单


图二:我的帐户页面

图三: 充值页

图四:充值订单列表页

图五:充值详情页

流程说明

  1. 用户进入“我的资产”页面,显示“我的资产”:
    1. USDT 和 USDC两个币种
    2. 可用:显示可用余额
    3. 冻结:显示冻结金额(提交兑换,尚未到账的金额)
  2. 右边显示“充值记录”信息,如图四
    1. 币种:usdt或usdc
    2. 时间: YYYY-MM-DD HH:MM:SS
    3. 金额:充值的金额
    4. 状态:成功/充值中(实时跟踪链上数据,6个确认后状态变成成功)
    5. 点击 > 进入到充值订单详情页
      1. 充值订单号:
      2. 充值金额:
      3. 充值时间:
      4. 充值状态:
      5. from 地址:
      6. Transaction ID:
  3. 点击“充值”按钮,进入到充值页面(图三)
    1. 充值币种:显示用户选择的币种,USDT或USDC
    2. 链格式:ERC-20 或 TRC-20
    3. 地址二维码:根据用户选择的链格式,显示对应的地址二维码;
    4. 地址:显示充值地址,后面“复制”按钮点击后,复制地址。
  4. 注意事项:提示充值注意的信息,内容如下:
    1. 1、最小充值数量:100USDT. 2、区块确认数:6个区块确认. 3、到账速度受链上拥堵程度影响,请耐心等候。"1、Minimum top-up quantity: 100USDT. 2、Block confirmation number: 6 blocks confirmed. 3、Accounting speed is affected by congestion on the chain, please wait patiently."
  5. 实时扫描区块信息:
    1. 后台扫描程序实时扫描ETH 和 TRX主网区块信息,从区块中解析交易,匹配客户地址,如果有交易匹配上,根据区块信息变更充值交易状态。
    2. 扫描到第一个确认,即显示交易在“我的帐户”页的充值记录中,状态为:充值中 1/6,此时可用余额不变;
    3. 扫描到第六个确认时,显示交易状态为成功,同时在可用余额中增加充值金额,给用户绑定的邮箱发送充值到账的邮件,邮件内容见附件。
  6. 用户在充值记录列表中,点击某一条充值记录,进入到充值详情页面(图五)
    1. 充值from地址:
    2. 充值金额:
    3. 充值时间:
    4. 充值状态:
    5. Transaction ID:

三、 余额兑换


图一:兑换

图二:兑换订单详情页

流程说明

  1. 用户点击“兑换”进入到兑换页面
  2. 用户选择币种(USDT或USDC),在兑换金额输入框中输入兑换金额,兑换金额必须小于或等于可用余额;
    1. 如果用户输入金额大于可用余额,提示“可用余额不足”,如果用户点击“充值”链接,跳转到充值页面。
    2. 最小兑换金额为1000usdt,如果用户输入的金额小于1000,提示“最小兑换金额为1000USDT”
  3. 根据用户配置的费率,计算出兑换后的usd金额,显示收取用户的手续费
  4. 用户选择收款银行帐户
    1. 下拉列表显示用户所有绑定的银行帐户,用户可以切换;
    2. 如果用户未绑卡,此处显示“绑卡”的按钮,同时“兑换”按钮变灰,点击无效。
  5. 点击“兑换”按钮,生成兑换订单
    1. 可用余额更新为:可用余额减去兑换金额。
    2. 订单状态为“兑换中”,直到后台导入付款结果文件后,更新兑换订单状态。
  6.  下方显示“兑换记录”
    1. 兑换时间:兑换的时间
    2. 兑换币种:兑换的币种
    3. 兑换金额:兑换的金额
    4. 状态:成功/兑换中
      1. 点击 > ,进入到兑换详情页面,图二,显示:
      2. 兑换订单号:BlancBlock 系统的兑换订单号
      3. 兑换金额:兑换的币种数量
      4. 兑换目标币种金额:兑换目标币种的数量
      5. 兑换时间:兑换交易的时间
      6. 兑换状态:兑换交易的状态,兑换中/兑换成功
      7. 银行信息:银行的名称
      8. 银行帐户名称:银行帐户名称
      9. 银行帐号:银行帐号

四、 OP:用户管理


图一:用户管理

图二:用户详情


流程说明

  1. 点击用户管理,增加“kyc状态”的筛选条件;
  2. 点击“详情”,进入图二用户详情页,在现有页面中增加
    1. 企业名称:
    2. 企业注册地:
    3. 企业注册号:
    4. 企业KYC文件:
  3. 设置
    1. 汇率:保持一致,设置客户费率;
    2. kyc状态:保持一致,通过/驳回
    3. 备注:增加备注,在此可以输入审核意见,如果通过,会在前端页面显示该备注信息。
  4. 点击设置后,会将审核结果发送邮件给用户。邮件内容见附件。


五、 OP:充值管理

图一:充值管理

图二:充值详情


流程说明

  1. 可以根据 用户注册邮箱/和充值的起止时间查询;
  2. 查询结果显示:
    1. 充值订单号:显示充值订单的流水号
    2. 邮箱:显示用户注册邮箱
    3. 充值时间:显示充值订单的时间
    4. 充值金额:充值数量
    5. 充值币种:USDT/USDC
    6. 链类型:ERC20/TRC20
    7. 充值状态:充值中/成功,充值中以6个确认为准
    8. 操作:点击详情,进入到充值详情页
      1. 充值时间:
      2. 邮箱:
      3. 充值状态:
      4. 付款钱包地址:转出钱包地址,根据链上信息来
      5. 充值地址:
      6. 充值币种:充值的币种
      7. 充值金额:充值的金额
      8. Hash ID:链上的交易ID,可以复制,点击“访问链上交易”,跳转到 https://etherscan.io/tx/Hash ID (将Hash ID拼凑到 https://etherscan.io/tx/后面)

六、 OP:兑换管理

图一:兑换管理

图二:兑换详情


流程说明

  1. 可以根据 用户注册邮箱/和兑换的起止时间查询;
  2. 查询结果显示:
    1. 兑换订单号:显示兑换订单的流水号
    2. 邮箱:显示用户注册邮箱
    3. 兑换时间:显示兑换订单的时间
    4. 源币种金额:兑换数量
    5. 兑换源币种:USDT/USDC
    6. 兑换目标币种:USD
    7. 交易状态:兑换中/成功(后台导入付款文件后,更改交易状态)
    8. 操作:点击详情,进入到兑换详情页()
      1. 兑换订单号:显示兑换订单的流水号
      2. 兑换时间:显示兑换订单的时间
      3. 邮箱:显示用户注册邮箱
      4. 交易状态:兑换中/成功(后台导入付款文件后,更改交易状态)
      5. 兑换源币种:USDT/USDC
      6. 源币种金额:兑换数量
      7. 兑换目标币种:USD
      8. 兑换目标币种金额:
      9. 收款银行信息:
        1. 银行名称/银行帐户名称/银行帐号/银行国家/地区/swiftcod
      10. 付款订单号:bb系统的付款订单号
      11. 付款时间:【导入文件后填入】
      12. 实际付款币种:USD【导入文件后填入】
      13. 实际付款金额:【导入文件后填入】
      14. 实际收款银行帐户:
        1. 银行名称/银行帐户名称/银行帐号/银行国家/地区/swiftcod【导入文件后填入】
      15. 导入文件:导入excel文件。导入文件后,给用户绑定的邮箱发送兑换成功的邮件,邮件内容见附件。


Attachments:

image2023-4-7_14-26-38.png (image/png)
image2023-4-7_14-27-20.png (image/png)
image2023-4-7_14-28-25.png (image/png)
image2023-4-7_14-28-56.png (image/png)
image2023-4-7_14-29-29.png (image/png)
image2023-4-7_14-29-57.png (image/png)
image2023-4-7_14-30-54.png (image/png)
image2023-4-7_16-48-8.png (image/png)
image2023-4-7_17-5-2.png (image/png)
image2023-4-7_17-5-25.png (image/png)
image2023-4-7_17-6-13.png (image/png)
image2023-4-7_17-6-46.png (image/png)
image2023-4-7_17-11-55.png (image/png)
image2023-4-7_17-18-18.png (image/png)
image2023-4-7_17-21-22.png (image/png)
image2023-4-7_17-26-8.png (image/png)
image2023-4-7_17-29-8.png (image/png)
image2023-4-7_17-51-21.png (image/png)
image2023-4-7_18-15-41.png (image/png)
image2023-4-10_15-19-47.png (image/png)
image2023-4-10_15-21-2.png (image/png)
image2023-4-10_16-9-53.png (image/png)
image2023-4-10_16-10-34.png (image/png)
image2023-4-10_16-11-15.png (image/png)
image2023-4-10_16-11-39.png (image/png)
image2023-4-13_16-53-31.png (image/png)
image2023-4-17_9-27-50.png (image/png)
image2023-4-17_9-28-43.png (image/png)
image2023-4-17_9-30-11.png (image/png)
image2023-4-17_9-30-47.png (image/png)
image2023-4-17_9-31-54.png (image/png)
image2023-4-17_9-32-25.png (image/png)
image2023-4-17_9-33-26.png (image/png)
image2023-4-17_9-34-29.png (image/png)
image2023-4-17_9-35-1.png (image/png)
image2023-4-17_9-36-6.png (image/png)
image2023-4-17_9-44-27.png (image/png)
image2023-4-17_10-32-21.png (image/png)
image2023-4-17_10-37-49.png (image/png)
image2023-4-17_10-39-21.png (image/png)
image2023-4-17_10-44-0.png (image/png)
image2023-4-17_11-50-47.png (image/png)
image2023-4-17_13-32-43.png (image/png)
image2023-4-18_15-40-50.png (image/png)