Hexo

1. 项目概述

1.1 项目背景

在数字化业务快速发展的当下，B 端商户在与 C 端用户进行交易或服务过程中，面临着诸如欺诈、信用风险等多种潜在风险。为帮助 B 端商户有效规避风险，保障业务安全、稳定、合规地运行，风盾 SaaS 平台应运而生，为商户提供专业的风控管理解决方案。

1.2 项目目标

1. 搭建高效的风控管理 SaaS 平台，为 B 端商户提供便捷、精准的风控管理服务。
2. 实现商户在关联平台开通产品后，能在风盾平台快速完成产品配置、二维码生成，方便 C 端用户扫描获取服务。
3. 确保风盾平台准确接收 C 端用户的风控评估报告，并支持 B 端商户自主申请评估、查看报告，提升风控管理效率。

1.3 目标用户

B 端商户：在各类业务场景中，需要对 C 端用户进行风控管理，以保障自身业务安全、降低风险的企业或商家。

1.4 预期成果

1. 功能实现：风盾 SaaS 平台稳定运行，实现产品配置、二维码生成、风控评估报告接收与查看等核心功能，满足 B 端商户的风控管理需求。
2. 效益提升：帮助 B 端商户有效识别和防范风险，降低业务风险损失，提高业务运营的安全性和可靠性，增强商户对业务发展的信心。

2. 通用需求

2.1 交互规范

1. 所有查询条件如无特殊说明，均默认支持模糊查询
2. 所有查询条件如无特殊说明，默认去首尾空格
3. 所有列表页面的分页选项为：10 条 / 页、20 条 / 页、50 条 / 页、100 条 / 页、200 条 / 页、500 条 / 页，默认页面初始化显示 20 条 / 页
4. 所有页面翻页时，标题固定相对高度在当前页面

2.2 数据展示规范

1. 所有涉及金额的字段后必须带有单位，例如：消费金额（元）、提现金额（元）等
2. 关于金额相关字段，如果值为 0，则显示为 “0.00”
3. 金额用标准的金额样式显示，例如：123,456.00
4. 关于时间相关字段，如果没有值，则显示为 “/“，精确到年月日时分秒
5. 系统中所有数据仅展示近 7 天的

2.3 交互反馈规范

1. 所有表单提交前必须进行前端校验
2. 所有与后端交互的操作必须有明确的加载状态和反馈提示，使用 Ant Design 的 message 或 notification

3. 功能需求

3.1 登录模块

3.1.1 登录功能

• 登录方式：手机号 + 密码 + 图形校验码

• 前端校验规则：

• 手机号：11 位数字，符合中国大陆手机号格式

• 密码：长度不少于 6 位

• 图形校验码：4 位字母和数字组合

• 错误提示：

• 字段未填写：”请填写手机号 / 密码 / 图形校验码”

• 格式错误：”手机号格式不正确” 等对应提示

• 登录失败：”手机号或密码错误”

• 自动登出机制：

• 若八小时内未进行任何操作，自动断开连接

• 提示信息：”由于您长时间未操作，已自动断开，请重新返回登录页进行登录”

3.1.2 忘记密码功能

• 操作流程：

1. 点击 “忘记密码”，出现弹窗
2. 输入原手机号，点击 “获取验证码” 按钮
3. 按钮显示倒计时 60 秒，倒计时结束后恢复点击状态
4. 输入验证码，输入新密码和确认新密码
5. 点击 “确认” 按钮

• 校验规则：

• 验证码：6 位数字，有效期 5 分钟

• 新密码：长度不少于 6 位

• 两次输入的密码必须完全一致

• 反馈提示：

• 验证码错误：”验证码错误，请重新输入”

• 密码不一致：”两次输入的密码不一致，请重新输入”

• 重置成功：”密码重置成功，返回登录页”

3.1.3 顶部菜单栏

• 前置条件：用户已登录

• 展示内容：

• 顶部右上角：logo+title，logo 使用默认 logo，title 名称为：风控中枢平台

• 顶部左上角：头像 + 您好，公司名称；公司名称取风控中枢平台对应的公司名称，默认展示为：您好，xxx

• 登录限制逻辑：

• 支持同一时间多账号登录

• 修改密码功能：

• 入口：顶部菜单栏右上角头像下拉选项

• 点击 “修改密码” 按钮，弹出弹窗

• 弹窗字段：手机号、验证码、新密码、确认新密码

• 校验逻辑同忘记密码功能

• 系统校验通过后提示：”密码重置成功，返回登录页”

• 校验不通过时给出明确的错误提示

• 退出登录功能：

• 入口：顶部菜单栏右上角头像下拉选项

• 点击 “退出登录” 选项

• 系统清除客户端存储的用户会话信息

• 系统将用户重定向到登录页面

3.2 账单中心模块

3.2.1 费用统计

• 前置条件：用户已登录，并访问账单中心页面

• 展示内容：

• 数据统计卡片，分别统计：已使用金额、账户余额、可提现金额、已提现金额、消耗金额

• 提现功能：

• 可提现金额旁边展示提现按钮

• 点击提现，出现弹窗

• 弹窗字段：

• 提现金额：输入框，大于 0 且不超过可提现金额

• 提现至：必填项，下拉选项，展示配置好的银行卡列表，展示格式为：银行支行名称

• 银行卡列表字段：户名、账号、开户银行、手机号、验证码、是否开启

• “是否开启” 为复选框，点击勾选，则操作提现时下拉选项展示；取消勾选，则不展示

• 底部展示 “添加银行卡” 按钮，弹窗字段同列表，均为必填项

• 点击获取验证码，输入验证码后，点击确认绑定，银行卡列表数据 + 1，提现时的下拉选项数据 + 1

• 操作按钮：

• 点击确定：

·         选中银行卡后，发起提现，风控中枢平台 - 提现记录列表数据 + 1

·         提交提现申请后，系统扣除相应可提现金额

·         提现操作完成后，”可提现金额” 和 “已提现金额” 相应增加

• 点击取消：弹窗关闭

3.2.2 流水记录

• 概述：展示 C 端消耗金额的详细流水记录列表，包括查询项和列表项
• 查询项：

1. 授权信息：支持姓名 / 手机号/身份证号 查询
2. 消费产品
3. 消费时间

• 列表项：

1. 姓名（手机号）：姓名及手机号中间 4 位为脱敏状态
2. 消费产品
3. 消费金额：带单位，按标准格式显示
4. 消费时间：精确到秒
5. 仅展示近七天的数据

3.2.3 提现记录

• 概述：展示 B 端提现的记录，包括查询项、列表项
• 查询项：

1. 订单号
2. 提现状态：包括提现中、提现成功、提现失败
3. 提现时间
4. 提供查询和重置按钮：

• 点击查询：根据表单中的条件请求并刷新下方的风险评估列表

• 点击重置：清空所有查询条件并刷新列表为默认状态（近七天数据）

• 列表项：

1. 订单号：每发起一笔提现，系统自动生成
2. 提现金额：带单位，按标准格式显示
3. 提现银行卡：展示银行支行名称
4. 提现状态：

• 提现中：发起提现后，状态为提现中
• 提现成功：公司的人在风控中枢平台操作同意打款后，状态为提现成功
• 提现失败：公司的人在风控中枢平台操作拒绝打款后，填写拒绝原因，状态为提现失败，加上红色叹号标识，鼠标移入后，展示拒绝原因

1. 提现时间：精确到秒
2. 仅展示近七天的数据

3.3 风控评估模块

3.3.1 查询项

• 风控产品名称：下拉选项，展示 B 端商户开通的产品

• 授权信息：支持姓名 / 手机号 / 身份证号 模糊查询

• 评估时间：选择开始时间和结束时间，仅可查询近 7 天的数据

• 提供查询和重置按钮：

• 点击查询：根据表单中的条件请求并刷新下方的风险评估列表

• 点击重置：清空所有查询条件并刷新列表为默认状态（近七天数据）

3.3.2 列表项

• 评估 ID：系统自动生成
• 风控产品名称：点击进去报告详情
• 授权信息：姓名脱敏
• 评估时间：精确到秒
• 仅展示近七天的数据

3.3.3 报告详情

• 展示空状态

3.3.4 申请评估

• 前置条件：用户已登录，并访问账单中心页面

• 点击 “申请评估”，弹窗展示字段：

• 评估类型：必填项，默认展示单个风险评风控产品名称：

• 必填项，下拉选项

• 只能选择一个风控产品

• 姓名：必填项，输入框

• 身份证号：必填项，输入框

• 手机号：必填项，输入框

• 勾选项：

• 默认选中，展示文案为：我已阅读并同意《用户使用协议》《授权书》

• 点击协议，查看协议详情，mock 数据

• 点击验证，提示：”申请已提交，正在处理中”，返回风控评估列表

3.4 个人中心模块

3.4.1 查询项

• 风控产品名称：必填项，下拉选项

• 提供查询和重置按钮：

• 点击查询：根据表单中的条件请求并刷新下方的风险评估列表

• 点击重置：清空所有查询条件并刷新列表为默认状态（近七天数据）

3.4.2 列表项

• 风控产品名称

• 产品原价：带单位，按标准格式显示

• 修改后的价格：带单位，按标准格式显示

• 修改时间：精确到秒

• 操作项：

• 查看二维码：展示产品对应的二维码，二维码下面展示产品名称，右键点击下载，下载二维码到本地，此时，仅保存单独的二维码

• 修改价格：弹窗

• 展示原价，不可修改

• 修改后的价格：输入框，必须大于或等于原价

• 点击确定，列表修改后的价格更新，C 端用户扫描二维码后，展示的支付价格为修改后的价格

• 仅展示近七天的数据

4. 数据交互需求

4.1 数据来源

1. 产品来源由风控中枢平台取值，可用 mock 数据替代
2. 个人中心的产品数据来源于风控中枢平台

4.2 数据回传

1. 账单中心相关的金额统计需要回传给风控中枢平台
2. 提现记录发起后同步到风控中枢平台，由公司的人操作打款，风控中枢平台的提现状态回传到风盾 SaaS 平台