appointment_system/admin

海外预约管理后台

基于 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 配置

开发

# 安装依赖
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。