退货质检后台
多平台女装退货管理 · 交互原型
MVP 单体架构 · v1.0.0

多平台女装退货质检后台 · 整套可交互原型

覆盖抖店 / 拼多多 / 小红书 / 快手 / 微信小店五大渠道的退货质检全流程：扫码检索订单 → 调出原商品资料 → 拍照取证 → 录入质检结论 → 客服凭举证照处理平台退款。PC 管理端与 PDA 移动端数据互通，所有交互均可实际操作。

纯静态 · 零依赖Hash 路由Canvas 图表Mock 数据对齐 ER 模型响应式

PC 后台管理端

桌面浏览器访问，完整管理功能，适合仓库管理员与售后客服。

  • 退货质检检验（扫码检索 / 兜底查找 / 取证上传）
  • 退货记录列表（多维筛选 / 分页 / 导出）
  • 退货详情（订单 / 商品 / 举证照 / 操作日志）
  • 退货报表（趋势 / 平台对比 / 原因占比 / 商品排行）
  • 多平台账号配置（授权管理 / Token 配置）
  • 用户权限管理（角色 / 功能 / 数据 / 操作四级权限）
进入 PC 后台

PDA / 手机 H5 端

仓库现场扫码质检专用，精简流程，大按钮触控友好。

  • 扫码 / 手动输入退货单号（演示单号 SF1234567890）
  • 匹配失败兜底：手机号 / 收件人姓名检索
  • 调出原订单商品图片与 SKU 规格
  • 拍摄实物照片上传举证
  • 质检结果 / 退货原因 / 备注一键提交
进入移动端

项目资产清单（10 项全部就绪）

PC 退货质检核验页
PDA / 手机精简质检页
PC 退货记录列表页
PC 退货详情页
PC 多平台账号配置页
PC 退货报表页
PC 用户权限管理页
数据库 ER 关系模型图（数据层已按此建模）
退货业务泳道流程图（交互流程已按此实现）
系统架构图（MVP 单体，预留 MQ / Redis 扩展点）

技术说明

运行方式直接双击 index.html 即可打开；或执行 python -m http.server 后访问localhost。无需构建、无外部 CDN 依赖。
数据层pc/assets/js/data.js 内置 Mock 数据，表结构对齐 ER 图（platform / order_main / order_sku / return_check / sys_user / sys_role / sys_permission / role_permission）。
对接后端各页面交互点已标注对应 API（见 README《接口映射表》），将 Mock 调用替换为 fetch 即可接入真实服务。
多平台女装退货质检后台 · 交互原型交付
页面还原自设计稿截图 · 路由与数据流详见 README.md