一、系统概述
本系统是一套面向电竞代练业务的综合服务平台，主要用于连接发单方、打手、商家、客服和平台管理人员，完成游戏代练订单的发布、接单、执行、审核、取消、仲裁、结算以及在线沟通。
系统采用前后端分离架构，由以下几个部分组成：
1. 管理后台：供平台管理员使用，负责用户、游戏、订单、商家、打手、财务、内容和系统权限管理。
2. 用户前端：供发单方、打手和商家使用，负责浏览订单、发布订单、接单、提交凭证、处理审核和使用钱包等。
3. 业务后端：负责用户认证、权限校验、订单状态流转、钱包和财务处理、文件上传、数据访问以及悟空 IM 通信适配。
4. 通信系统：采用漫古 IM（自研IM系统） 作为即时通信服务，为订单参与双方提供消息会话能力。
5. 数据库：使用 MySQL 保存用户、订单、商家、打手、钱包、内容、权限和会话记录等业务数据。
系统的核心目标是将代练业务中的订单交易、人员协作、平台审核、资金管理和售后仲裁集中到同一套系统中，减少人工处理，提高订单流转效率和平台管理能力。
二、总体技术架构
用户端（Vue 3 + Uni-app）
|
| HTTPS / JSON API
v
Nginx / Web 服务器
|
| /api 反向代理
v
Go 业务后端（Gin）
|
+------------------> MySQL 数据库
|
+------------------> 文件存储目录或对象存储
|
+------------------> 漫古 IM HTTP API
|
+--> WebSocket / WSS 通信服务
管理后台（Vue 3 + TypeScript/JavaScript）
|
| HTTPS / RESTful API
v
Go 业务后端（Gin）
```
系统中的管理后台和用户前端都不直接访问数据库，所有业务请求统一经过 Go 后端处理。后端负责身份认证、参数校验、权限判断、业务逻辑、事务处理和统一响应。
三、后台管理端语言和技术
这里的“后台”指平台工作人员使用的管理后台页面。
3.1 开发语言
- TypeScript：用于管理端的类型定义、API 类型、状态管理、工具函数和部分业务页面。
- JavaScript：项目兼容部分历史 JavaScript 文件，与 TypeScript 共同使用。
- HTML：通过 Vue 单文件组件的模板部分编写页面结构。
- CSS、SCSS：用于页面布局、主题、表格、弹窗和响应式样式。
管理端项目开启了 TypeScript 严格模式，同时允许 `.ts`、`.tsx`、`.js` 和 `.vue` 文件共存。
3.2 使用的主要框架和组件
- Vue 3：管理后台的核心前端框架。
- Vite：前端开发服务器和生产构建工具。
- Element Plus：表格、表单、弹窗、分页、下拉框、上传等后台管理组件。
- Pinia：保存登录用户、权限、系统设置和页面状态。
- Vue Router：实现菜单路由和页面导航。
- Axios：统一发送 HTTP 请求。
- ECharts：用于数据统计和可视化图表。
- Tailwind CSS、SCSS：用于补充页面布局和样式开发。
3.3 管理后台功能
管理后台是平台运营人员的工作中心，主要包括：
1. 系统权限管理
- 管理员登录和退出。
- 用户、角色、部门和岗位管理。
- 菜单、按钮权限和接口权限管理。
- 基于 Casbin 的 RBAC 角色权限控制。
- 数据权限和操作权限控制。
2. 用户管理
- 平台用户列表。
- 用户状态和基础资料管理。
- 用户钱包相关信息查看。
- 实名认证资料审核。
- 用户登录日志和操作日志查询。
3. 游戏基础资料管理
- 游戏管理。
- 游戏区服管理。
- 代练类型管理。
- 快捷商品管理。
- 游戏图片和商品详情维护。
4. 代练订单管理
- 查看全部代练订单。
- 按订单编号、游戏、状态、用户和时间筛选。
- 查看订单详情和订单参与人。
- 处理订单取消申请。
- 处理完成订单的审核。
- 处理审核失败、取消争议和仲裁申请。
- 维护订单状态和处理记录。
5. 商家管理
- 商家入驻审核。
- 商家资料维护。
- 商家平台配置。
- 商家结算申请审核。
- 商家客服账号管理。
- 商家打手和服务秘钥管理。
6. 打手管理
- 打手入驻审核。
- 打手资料管理。
- 打手等级和会员等级管理。
- 打手擅长游戏管理。
- 打手订单查看。
- 打手与商家关系管理。
7. 财务管理
- 充值订单管理。
- 提现申请管理。
- 钱包流水查看。
- 提现手续费和相关财务参数配置。
- 订单金额、平台服务费和商家结算信息管理。
8. 内容管理
- 公告管理。
- 协议和用户须知管理。
- 广告管理。
- 系统消息管理。
- 快捷说明管理。
9. 系统运维
- 服务健康检查。
- 服务监控和指标接口。
- 定时任务管理。
- Swagger 接口文档。
- 文件上传和静态资源管理。