券码回收 · 智能结算平台 —— 原型

可点击的高保真原型。假数据、可交互,能真正跑通「提交 → 校验 → 审核 → 组批 → 导出 → 核销 → 推送 → 用户端收到」的完整链路。

管理后台 · 17 个菜单 用户端 H5 · 12 个页面 品牌名 / 主色可实时改 客服二维码 / 文案可后台改 进入弹窗文案可后台改 公众号推送模拟 B 路线打款闭环
🖥

管理后台

运营 / 财务 / 风控用
  • 订单管理:批量审核、一键复制、按条件导出、汇总生成打款单
  • 卡密明细前后台一致:订单留存用户提交的原文,后台「订单详情」看到的、复制的就是用户实际提交的那批
  • 驳回首自定义原因:8 条常用理由一键填入或自己手写 → 用户端订单详情 / 售后页直接看到,公众号通知里也带上
  • 打款结算中心:按支付宝账号聚合 → 导出批量付款文件 → 回传回执自动核销 → 异常池重试;不想走回执流程就点「一键完成」,不校验、不上传,直接按「全部成功」结算到账
  • 卡券管理:封面图片可上传替换 + 校验规则可视化编辑器 + 试跑测试器,不写代码就能加一类卡券;每类卡券可单独开关「允许用户传截图」
  • 强制全库查重:校验规则里有一条关不掉的「强制查重 · 历史卡密库」,附加对比库之外再叠加一层 —— 试跑测试器同样会把「已被提交过」单独计数,运营上架新卡券时能先验证会不会把老卡密当新卡收
  • 卡券图片:用户上传的卡密截图集中在这里看 —— 缩略图大图预览、按卡券 / 识别状态筛选、跨页勾选,一键打包成 zip 批量导出(zip 里附一份识别清单 CSV),还能批量复制二维码识别内容;未识别的可点「重新识别」补扫;单张删除 / 一键删除全部都行,删掉就彻底没了(订单里的截图同步移除)。侧栏那个红数字是「还没识别出内容」的张数,识别完或删掉会自动消失
  • 报表导出:导出内容和列自己勾,手机号 / 收款账号可一键打码,真实下载 CSV
  • 客服设置:上传客服二维码图片 + 改微信号 / QQ / 电话 / 服务时间 / 防骗提示,右侧手机预览边改边看
  • 进入弹窗提醒:用户进首页弹的公告,标题正文按钮全可编辑,自带「后续不再提醒」按钮
  • 列表筛选真的能用:用户 / 卡券 / 分类 / 黑名单四个列表页的「搜索 / 重置」和统计芯片都真跑筛选(回车即搜),输入框保留关键词、无结果给空态;不再有"点了弹个提示但列表不动"的假按钮
  • 用户、分类、卡券图片、黑名单、风控、对账、通知、报表、图片、设置、日志
打开管理后台 →
📱

用户端 H5

卖家提交卡券用
  • 提交前置门槛:没填真实姓名 + 支付宝账号 → 不允许提交卡券,自动引导到「实名与收款设置」,填完即时解锁
  • 收款信息只能设置一次:第一次保存后表单立刻锁定为只读(灰底不可编辑),保存按钮换成「联系客服申请修改」—— 要换支付宝账号只能找人工客服
  • 账号禁用拦截:后台把用户设为「禁用」→ 用户端立刻出现禁用提示,提交按钮变「联系客服」,连兜底提交也会被拦下
  • 商品提交:粘贴即校验,实时显示总数 / 长度错误 / 前缀错误 / 字符错误 / 重复 / 已被提交过
  • 强制查重(全库):只要这张卡密在这个后台出现过一次,就永远不能再提交 —— 不管那一单现在是待审核、处理中、已完成还是已驳回,也不管是谁交的。命中的卡密在输入框上方单独计数、逐行标出「已被 XX 订单收过」,并自动从本批里剔除;订单被删除后该卡密才释放
  • 提交不被打断:不再弹「订阅通知授权」抽屉 —— 通知默认全部开通,点提交就是提交,少一次点击
  • 卡密截图上传(可选):后台给某类卡券开了「图片上传」后,这类卡券的提交页才会出现上传入口 —— 直接选手机相册里的卡密截图,最多 9 张,自动压缩后上传;自动识别截图里的二维码,识别到的内容按行去重后自动填进卡密框,认不出的会提示手动补;提交后订单详情里能回看自己传的截图
  • 卡券市场、我的订单、订单详情、收益中心
  • 卡券市场搜索 / 分类真的能用:输入即筛(边打字边出结果、输入框不失焦),回车即搜;全部 / 视频会员 / 餐饮券 / 电商卡 / 推荐专区五个分类芯片可点、高亮互斥,两者可叠加;搜不到给空态和一键清除
  • 实名与收款设置、售后、消息中心、联系客服(内容由后台配置)
  • 进首页会弹一次提醒,可点「后续不再提醒」;文案由后台配置
  • 消息中心会收到后台推送的公众号卡片
  • 信誉分:新用户默认 100 分,每完成一单(结算到账)+5 分,自动累加;规则在「关于本站」里写明
  • 金额口径全站统一:用户端首页 / 我的 / 收益中心三处的金额都来自同一个 userStat()(只认订单表),不会再出现两个页面余额对不上;全站只保留「累计结算 / 待结算 / 已结算」三个叫法,不设「账户余额」
打开用户端 →

走一遍完整流程

建议两个页面并排看
0
后台 → 客服设置 / 进入弹窗提醒 改客服标题文字、传一张客服二维码图,改弹窗标题正文,右侧手机预览边改边变。这一步是「你自己的东西你能随时改」。
1
用户端 → 提交(会先被拦下) 演示账号默认没填收款信息,所以提交按钮被换成「先填写收款信息」,并告诉你:不填的话卡密提交不了、结算款也打不到。这就是这一轮的硬门槛。
2
点它 → 跳到「我的 → 实名与收款设置」填完保存 姓名必须与支付宝实名一致。乱填(带数字的姓名、非手机号/邮箱的账号)会被当场拦下。保存后自动回到提交页,按钮就解锁了。
2b
再进一次「实名与收款设置」→ 已经被锁了 三个输入框变灰不可编辑,保存按钮换成「联系客服申请修改」。想换账号就点它去客服页;后面第 13 步教客服怎么重置解锁。
3
后台 → 卡券管理 → 规则配置 随便改个长度或前缀,顺便给卡券传一张封面图,点保存。规则和封面一改,用户端同步变。
4
用户端 → 提交 故意贴几条不合格的卡密(长度不对、前缀不对、重复的),看四维校验怎么拦。
4b
用户端 → 提交 → 传卡密截图(要先把开关打开) 后台「卡券管理」里给某类卡券打开「允许用户上传图片」,用户端选到这类卡券时提交页就多出一块上传区。随便选几张图(演示数据里已经放了 4 张真二维码图),上传后系统自动扫出二维码内容并填进卡密框;认不出的会挂牌提示你手打补上。
4c
后台 → 卡券图片 刚传的图全在这里:缩略图点开看大图、按卡券或「已识别 / 未识别」筛,勾选后点「导出 zip」打包下载(zip 里自动附一份识别清单 CSV),或点「复制识别内容」把所有二维码内容一次复制走。测完想清掉?点红色的「一键删除全部」,或者用每张卡片上的「删除」单张删 —— 不用先勾选、也没有二次确认,删了就没了。
5
提交后回后台 → 订单管理 新订单出现在列表里,状态「待审核」。
6
勾选订单 → 批量审核通过 订单转「已通过」,同时给用户推一条审核通知(模拟)。
6b
点「驳回」试试写原因 点常用理由直接填入,也能自己手写(至少 4 个字)→ 保存后回用户端「订单」看,原因原样显示在卡片和详情里。
7
勾选已通过的订单 → 生成打款单 系统按支付宝账号自动聚合,N 笔合成 1 笔,自动跳到打款结算中心。
8
点「导出文件」 下载支付宝批量付款 CSV,直接可以传支付宝后台。这就是 B 路线替你省掉的那步。
9
点「回传回执核销」 试一下「含 1 笔失败」:成功的自动转「已结算」并推通知,失败的进异常池。同时下单用户信誉分自动 +5(同一单只加一次,失败单不加)。
9b
懒得走回执?点「一键完成」 打款单行里「一键完成」、或者弹窗右下角「一键全部完成」——不校验、不上传文件,这张单里所有笔数一次性按「全部成功」核销,订单立刻转「已结算」并推送到账通知。顶部还有一个「一键全部完成」,一次把所有待打款单全部搞定。做完按钮会自动消失。
10
切回用户端 → 我的 信誉分已经从 100 变成 105;消息中心里上面几步推送的公众号卡片也都在,流程闭环。
11
用户端 → 我的 → 联系客服 看到的就是第 0 步你配的那张二维码和那几行字,微信号 / QQ / 电话都能一键复制。用户进首页时弹出的提醒,也在第 0 步里改。
12
后台 → 报表导出 勾要的列、开脱敏、点生成并下载,真的会下一个 CSV 给你。导出记录里也能重新导。
13
后台 → 用户管理 → 点用户的「收款信息」按钮(客服受理) 抽屉里能看到该用户的收款姓名 / 支付宝账号 / 锁定状态,还能选「重置原因」点「重置并解锁」。重置后用户端立刻恢复可填写,并自动给他推一条「收款信息已重置」通知。

品牌名 / Logo / 主色 —— 你自己随时改

在管理后台右上角点「品牌设置」,改完保存,前台后台一起变。 原型里已经做成实时生效,真实系统里这些值存在数据库,同样是改完立即生效、不用改代码也不用重新部署。
覆盖范围包括容易被漏掉的地方:用户端首页顶栏、我的页、关于本站、退出登录页、消息中心、后台侧栏与看板问候语、两侧浏览器标签页标题 —— 这些位置统一读同一个品牌配置,不存在写死的旧名字。

站点名称标题、登录页、关于本站、导出文件抬头、页脚
Logo文字或 emoji,后台随时换;前台的关于本站 / 登录页也跟着走
卡券封面图每个卡券单独上传,没传就用 emoji 占位
主色 + 辅色6 套预设配色,也能自己取色
服务费率影响用户端「实际到账」的显示
结算周期T+0 / T+1 / 周结 / 月结 可切
最低打款额低于这个金额不进出款单
售后保护期订单完结后多少天内可申诉
开关项格式自动审核、打款前校验实名
客服二维码图片后台直接上传,自动压缩后存起来
客服信息标题 / 说明 / 微信 / QQ / 电话 / 服务时间 / 防骗提示
进入弹窗文案标题、正文、按钮、「不再提醒」文案都能改
弹窗开关可整体关掉,也可关掉「不再提醒」只留确认
弹窗跳转点确认后去实名设置 / 卡券大厅 / 提交页 / 不跳
收款信息门槛没填就拦提交;后台用户列表里能看到谁「未完善」
收款信息一次性锁定用户保存后只读;客服在后台「收款信息」里重置解锁,并自动推送通知
账号禁用联动后台一禁用,用户端提交立刻被拦,无需手动刷新
信誉分规则默认 100 分,每单结算 +5;可人工覆盖,覆盖后按人工值显示
列表筛选 / 分页用户 / 卡券 / 分类 / 黑名单都真筛选;超过 10 条自动出真页码
分类 / 卡券图片 / 风控规则 / 角色增删改都是真写库,不再只有一句提示
对账与导出模板重新对账刷新时间戳、差异单真下载 CSV、金额格式真切换
卡券是否可传图每类卡券单独开关;开了用户端才出现截图上传入口
图片素材库真上传入库、真删除,可复制外链
二维码识别本地离线识别(不依赖外部服务),识别结果可批量复制 / 导出
一个必须说清楚的点 品牌名、Logo、主色、费率这些都能后台随时改。但域名不行 —— DNS 解析、ICP 备案、HTTPS 证书是物理流程, 还有公众号后台的「网页授权域名」要改。系统能做的只是:所有生成的链接统一读一个「主域名」配置项, 换域名时改这一处、代码不动。

关于这份原型

· 全部是假数据 + 内存状态,操作不会丢,也不会影响任何真实系统。刷新后配置类数据(品牌、卡券、订单、消息)会保留在浏览器本地。
· 想恢复初始状态:后台 →「系统设置 → 数据管理 → 重置演示数据」。
· 三个页面(index.html / admin.html / h5.html)加上 shared.css、shared.js 要放在同一个文件夹里,一起打开。
· 移动端可以直接用手机浏览器打开 h5.html。
· 原型确认后我再接真实后端(Spring Boot + MySQL)和微信公众号,这一步就要用到你的服务号信息了。