管理后台

优先级: P0（前端模块）
开发周期: 3-4 周

目标

为运营人员提供统一的 Web 管理界面，覆盖所有后台操作需求。

核心功能

功能模块	描述
仪表盘	运营概览：今日订单、GMV、利润、告警
酒店管理	酒店列表、搜索、编辑、上下架
匹配管理	待匹配列表、匹配审核、匹配历史
订单管理	订单列表、详情查看、状态跟踪、取消/修改
供应商管理	供应商列表、编辑、API 测试、统计
代理商管理	代理商列表、编辑、信用额度、API Key
价格管理	加价规则配置、汇率管理、合规规则
库存管理	库存监控、关停房管理、配额管理
结算管理	结算单管理、对账、发票、付款
风控管理	规则配置、事件查看、告警处理
系统设置	用户权限、操作日志、系统配置

页面结构

管理后台
├── 仪表盘 (Dashboard)
│   ├── 核心指标卡片 (订单/GMV/利润/转化率)
│   ├── 24h 趋势图
│   ├── 最近订单
│   └── 待处理告警
│
├── 酒店管理
│   ├── 酒店列表 (搜索/筛选/分页)
│   ├── 酒店详情/编辑
│   ├── 房型管理
│   └── 数据同步
│
├── 匹配中心
│   ├── 待审核列表
│   ├── 匹配历史
│   └── 匹配规则配置
│
├── 订单管理
│   ├── 订单列表 (多条件筛选)
│   ├── 订单详情 (时间线)
│   └── 异常订单处理
│
├── 客户管理
│   ├── 代理商列表
│   ├── 代理商详情
│   ├── 供应商列表
│   └── 供应商详情
│
├── 价格中心
│   ├── 加价规则
│   ├── 汇率管理
│   ├── 合规规则
│   └── 特殊日期
│
├── 库存中心
│   ├── 库存概览
│   ├── 关停房管理
│   └── 配额管理
│
├── 财务中心
│   ├── 结算单管理
│   ├── 对账管理
│   ├── 发票管理
│   └── 财务报表
│
├── 风控中心
│   ├── 风控规则
│   ├── 事件日志
│   └── 告警管理
│
└── 系统设置
    ├── 用户管理 (RBAC)
    ├── 操作日志
    └── 系统配置

技术选型建议

技术	选择	理由
框架	Vue 3 + TypeScript	组件化开发，生态成熟
UI 库	Element Plus	中后台首选，组件丰富
状态管理	Pinia	Vue 3 官方推荐
路由	Vue Router 4	标准选择
HTTP	Axios	拦截器统一处理鉴权
图表	ECharts	功能强大，中文文档好
构建工具	Vite	快速热更新
权限	自定义指令 v-permission	按钮级权限控制

与其他模块的关系

关联模块	关系
所有后端模块	调用后端 API 进行 CRUD 操作
API 网关	同一入口，Token 鉴权