# 海外预约管理后台

基于 Vue 3 + Vite + Element Plus 构建的管理后台系统。

## 技术栈

- **Vue 3** - 渐进式 JavaScript 框架
- **Vite** - 下一代前端构建工具
- **Element Plus** - Vue 3 UI 组件库
- **Vue Router** - Vue.js 官方路由
- **Pinia** - Vue 状态管理
- **Axios** - HTTP 客户端
- **Sass** - CSS 预处理器

## 项目结构

```
admin/
├── src/
│   ├── layouts/        # 布局组件
│   ├── router/         # 路由配置
│   ├── stores/         # Pinia 状态管理
│   ├── styles/         # 全局样式
│   ├── utils/          # 工具函数
│   ├── views/          # 页面组件
│   ├── App.vue         # 根组件
│   └── main.js         # 入口文件
├── index.html          # HTML 模板
├── package.json        # 项目配置
└── vite.config.js      # Vite 配置
```

## 开发

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview
```

## 功能模块

- **登录认证** - 管理员登录/登出
- **数据统计** - Dashboard 数据展示
- **用户管理** - 用户列表、详情、状态管理
- **订单管理** - 预约订单列表、状态更新
- **提现审核** - 提现申请审核
- **服务管理** - 服务项目 CRUD

## 环境变量

复制 `.env.example` 为 `.env` 并配置：

```
VITE_API_BASE_URL=  # API 地址（开发环境留空使用代理）
```

## API 代理

开发环境下，所有 `/api` 请求会被代理到 `http://localhost:3000`。