# parkingAdmin

**Repository Path**: raphaelpan/parking-admin

## Basic Information

- **Project Name**: parkingAdmin
- **Description**: 停车场管理系统
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-01
- **Last Updated**: 2026-08-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 停车场管理系统 (parkingAdmin)

基于 Vue 3 + TypeScript + Vite + Element Plus + Pinia + Three.js 的停车位管理后台系统。

## 技术栈

- **框架**: Vue 3.4 + TypeScript 5.4 + Vite 5
- **UI**: Element Plus 2.6 + @element-plus/icons-vue
- **状态管理**: Pinia 2
- **路由**: Vue Router 4
- **3D**: Three.js 0.162
- **图表**: ECharts 5 + vue-echarts 6
- **HTTP**: axios + axios-mock-adapter（纯前端 Mock，无真实后端）
- **工具**: dayjs、@vueuse/core、nprogress

## 快速开始

```bash
npm install
npm run dev
```

打开 http://localhost:5173 ，使用默认账号登录：

- 用户名：`admin`
- 密码：`123456`

## 脚本

| 命令 | 说明 |
| --- | --- |
| `npm run dev` | 启动开发服务器（端口 5173） |
| `npm run build` | 生产构建 |
| `npm run preview` | 预览生产构建 |
| `npm run type-check` | vue-tsc 类型检查 |
| `npm run lint` | ESLint 代码检查并自动修复 |
| `npm run format` | Prettier 格式化 |

## 目录结构

```
src/
├── api/            # HTTP 接口封装
├── assets/styles/  # 全局样式
├── components/
│   ├── base/       # 基础组件
│   ├── charts/     # 图表组件
│   └── layout/     # 布局组件
├── composables/    # 组合式函数
├── directives/     # 自定义指令
├── layouts/        # 页面布局
├── mock/           # Mock 数据与 handler
├── router/         # 路由配置
├── stores/         # Pinia store
├── three/          # Three.js 3D 模块
├── types/          # TypeScript 类型定义
├── utils/          # 工具函数
└── views/          # 页面视图
```

## 功能模块

- 数据看板（Dashboard）
- 3D 可视化（停车场 3D 视图）
- 车场管理 / 车位管理
- 车辆管理 / 用户管理
- 车辆入场 / 车辆出场（含计费）
- 订单管理

## 计费规则

- 首 30 分钟免费
- 首 2 小时内 5 元
- 超过 2 小时部分 2 元/小时（不足 1 小时按 1 小时计）
- 单日最高 50 元