添加备注

-

备注记录

-
📝
加载中...

🖥️ 管理端 Web 页面结构展示

基于客户端功能整理的管理端管理页面

50+
管理页面数
7
主要模块
3
权限角色

1. 登录与首页

登录页
/admin/login
功能点:
  • 用户名/密码登录
  • 记住密码
  • 验证码
首页(仪表盘)
/admin/dashboard
功能点:
  • 数据统计卡片(用户、订单、报名、认证)
  • 图表展示(用户增长、订单统计、报名统计)
  • 快捷操作
🖥️ 页面线稿(点击查看大图)
管理后台
👤
📊 首页
🏆 赛事管理
🛍️ 商城管理
今日新增用户
128
今日订单
45
待审核认证
12
待发货订单
8
用户增长趋势

2. 赛事管理模块

赛事列表
/admin/event/list
功能点:
  • 搜索筛选
  • 赛事列表表格
  • 批量操作
🖥️ 页面线稿(点击查看大图)
赛事管理
👤
📊 首页
🏆 赛事管理
🛍️ 商城管理
选择 赛事名称 比赛时间 状态 操作
2025中国·襄城... 2025-11-25 进行中 编辑|删除
大别山汽摩场地... 2025-10-18 已结束 编辑|删除
赛事创建/编辑
/admin/event/add | /admin/event/edit/:id
功能点:
  • 基本信息(名称、时间、地点、联系人)
  • 赛事详情(富文本编辑器)
  • 状态设置
🖥️ 页面线稿(点击查看大图)
创建赛事
👤
📊 首页
🏆 赛事管理
赛事分组管理
/admin/event/group/:eventId
功能点:
  • 分组列表
  • 添加/编辑分组
  • 分组排序
报名管理
/admin/event/registration/:eventId
功能点:
  • 筛选条件(分组、回合、状态)
  • 报名列表表格
  • 导出Excel
发车表管理
/admin/event/start-list/:groupId
功能点:
  • 发车表列表
  • 批量导入(Excel)
  • 自动生成发车表
  • 发布发车表
成绩管理
/admin/event/results/:groupId
功能点:
  • 成绩列表表格
  • 批量导入(Excel)
  • 成绩校验
  • 发布成绩
成绩录入/编辑
/admin/event/results/add | /admin/event/results/edit/:id
功能点:
  • 选择车手
  • 输入成绩(总成绩、比赛成绩、罚时)
  • 罚时明细
公告管理
/admin/event/announcement/:eventId
功能点:
  • 公告列表
  • 添加/编辑公告
  • 公告排序
动态审核
/admin/event/dynamic/:eventId
功能点:
  • 筛选条件(审核状态)
  • 动态列表
  • 审核操作(通过/拒绝)

3. 商城管理模块

商品列表
/admin/product/list
功能点:
  • 搜索筛选
  • 商品列表表格
  • 批量操作(上架/下架/删除)
🖥️ 页面线稿(点击查看大图)
商品管理
👤
📊 首页
🏆 赛事管理
🛍️ 商城管理
图片 商品名称 价格 库存 状态 操作
OMP碳纤维斜挎包 ¥390~1900 100 已上架
商品创建/编辑
/admin/product/add | /admin/product/edit/:id
功能点:
  • 基本信息(名称、分类、图片、描述)
  • 价格设置(价格区间、返币区间)
  • 库存设置
商品规格管理
/admin/product/spec/:productId
功能点:
  • 规格列表
  • 添加/编辑规格
  • 规格排序
商品分类管理
/admin/product/category
功能点:
  • 分类列表(树形结构)
  • 添加/编辑分类
  • 分类排序
订单管理
/admin/order/list
功能点:
  • 搜索筛选(订单号、用户、状态)
  • 订单列表表格
  • 导出Excel
🖥️ 页面线稿(点击查看大图)
订单管理
👤
📊 首页
🏆 赛事管理
🛍️ 商城管理
订单号 用户 商品 金额 状态 操作
20251226001 微信用户 OMP斜挎包 x1 ¥390 待发货
订单详情
/admin/order/detail/:id
功能点:
  • 订单基本信息
  • 用户信息
  • 商品信息
  • 收货信息
  • 物流信息
  • 操作按钮(发货、取消、退款)
发货管理
/admin/order/ship/:id
功能点:
  • 物流公司选择
  • 物流单号输入
  • 发货备注

4. 用户管理模块

用户列表
/admin/user/list
功能点:
  • 搜索筛选(昵称、手机号、认证状态)
  • 用户列表表格
  • 导出Excel
用户详情
/admin/user/detail/:id
功能点:
  • 用户基本信息
  • 认证信息
  • 赛币信息
  • 统计数据
认证审核
/admin/user/verify
功能点:
  • 筛选条件(审核状态)
  • 认证列表表格
  • 批量审核
认证详情
/admin/user/verify/detail/:id
功能点:
  • 用户信息
  • 认证信息(姓名、身份证、照片)
  • 审核操作(通过/拒绝)
赛币管理
/admin/user/coins/:userId
功能点:
  • 用户信息展示
  • 当前赛币余额
  • 赛币调整(增加/减少)
  • 账单记录列表

5. 消息管理模块

系统公告管理
/admin/message/announcement
功能点:
  • 公告列表
  • 添加/编辑公告
  • 发布/下架
消息推送
/admin/message/push
功能点:
  • 推送类型选择(全部/指定用户/指定赛事)
  • 消息标题和内容
  • 立即推送/定时推送
消息记录
/admin/message/record
功能点:
  • 筛选条件
  • 消息列表
  • 查看详情

6. 系统设置模块

Banner管理
/admin/system/banner
功能点:
  • Banner列表
  • 添加/编辑Banner
  • Banner排序
  • 启用/禁用
系统配置
/admin/system/config
功能点:
  • 配置项列表
  • 常用配置项(小程序名称、Logo、客服信息等)
协议管理
/admin/system/legal
功能点:
  • 隐私政策编辑(富文本编辑器)
  • 用户协议编辑(富文本编辑器)
  • 协议版本管理
  • 协议发布/下架
  • 查看用户同意记录
管理员管理
/admin/system/admin
功能点:
  • 管理员列表
  • 添加/编辑管理员
  • 角色分配
角色权限管理
/admin/system/role
功能点:
  • 角色列表
  • 添加角色
  • 权限配置(树形结构)
操作日志
/admin/system/log
功能点:
  • 筛选条件(操作人、操作类型、时间)
  • 日志列表
  • 导出日志

7. 数据统计模块(可选)

用户统计
/admin/statistics/user
功能点:
  • 用户增长趋势图
  • 用户来源统计
  • 用户活跃度统计
赛事统计
/admin/statistics/event
功能点:
  • 赛事报名统计
  • 报名收入统计
  • 赛事浏览量统计
商城统计
/admin/statistics/shop
功能点:
  • 订单统计
  • 销售额统计
  • 商品销量排行
财务统计
/admin/statistics/finance
功能点:
  • 收入统计
  • 支出统计
  • 利润统计
  • 财务报表导出

说明

技术栈:

  • 后端:基于 cool-admin (Node.js/Midway)
  • 前端:基于 cool-admin 的 Vue 管理后台
  • 权限控制:支持角色权限管理(超级管理员、编辑、财务)

核心功能:

  • 支持 Excel 批量导入导出(成绩、发车表、报名列表、订单列表)
  • 支持审核流程(动态审核、认证审核、成绩审核)
  • 支持操作日志记录和查询
  • 支持数据统计和图表展示