# Parkerpal-Web

**Repository Path**: parkerpal/parkerpal-web

## Basic Information

- **Project Name**: Parkerpal-Web
- **Description**: 智泊无忧的后台前端
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-02-10
- **Last Updated**: 2026-01-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


<div align="center">
  <img width="100px" alt="logo" style="width: 100px;
        height: 100px; border-radius: 15px; margin: 5;" src="./img/logo-round.png"/>
  <p style="font-size: 24px; font-weight: bold;">智泊无忧小程序端</p>
</div>
<div align="center">
<img alt="pnpm Version Badge" src="https://img.shields.io/badge/pnpm-9.15.0-orange">
<img alt="Vue Version Badge" src="https://img.shields.io/badge/Vue-3.0-green">
<img alt="GitHub Last Commit" src="https://img.shields.io/github/last-commit/betacat-ha/parkerpal-web">
<img alt="GitHub contributors" src="https://img.shields.io/github/contributors/betacat-ha/parkerpal-web">
<img alt="GitHub License Badge" src="https://img.shields.io/github/license/betacat-ha/parkerpal-web">
</div>

该项目基于Vue3.0，结合TypeScript，UI框架采用Element Plus，3D地图采用ESMap。

---

## 功能

智泊无忧系统提供了全面的智慧停车管理功能，涵盖停车场运营、设备管理、车辆管理、费用管理等多个模块，适用于小区、商场及大中小型停车场。以下是主要功能模块的详细介绍：

### 系统管理
- **角色管理**：支持多角色权限配置（如管理员、操作员等），实现权限分级控制。
- **接口管理**：统一管理系统对外接口权限和调用日志。
- **系统菜单**：自定义系统菜单结构，灵活适配不同用户需求。
- **全局配置**：提供系统级参数配置，如支付方式、车位类型等。

### 账号管理
- **用户管理**：管理平台用户信息，包括注册、登录、权限分配等。
- **商户管理**：支持商户账号管理，对接商户系统进行闸机控制与收益结算。

### 主题换肤
- 支持管理后台页面切换多种皮肤样式，提升用户体验。

### 首页统计
- **车位统计**：实时展示停车场车位使用情况（空闲/占用）。
- **收益统计**：展示每日、每周、每月的停车收益数据。
- **出库订单流水统计**：展示出库订单数量及金额变化趋势。

### 停车记录
- 记录所有车辆进出信息，支持按时间、车牌等条件查询。

### 车辆管理
- **车辆管理**：维护车辆信息，包括车主资料、车牌号码等。
- **月保车辆管理**：对长期租赁车位的车辆进行管理。
- **访客车辆管理**：临时访客车辆登记及免费时长设置。

### 商家租赁车位管理
- 划分部分车位供商家租赁，助力商家经营活动。
- 支持商家对账功能，统计商家租赁车辆的消费和收益情况。

### 设备管理
- **设备配置**：配置停车场硬件设备，如一体机、闸机等。
- **闸机管理**：远程操控闸机开闭，支持异常预警机制。

### 车牌识别
- 自动识别进出车辆车牌信息，提升通行效率。

### 车辆出入库记录
- 记录所有车辆的进出时间、地点、车牌等信息，支持导出报表。

### 停车场管理
- 管理多个停车场的基础信息、车位分布及设备部署情况。

### 费用管理
- **收费标准配置**：灵活配置不同时段、不同车位类型的收费标准。
- **月保收费配置**：设置月保车辆的收费标准及续费提醒。

### 月保记录统计
- 统计所有月保车辆的缴费记录及到期时间。

### 访客车辆统计
- 对外来车辆进场情况进行统计，并可临时配置免费停车时长。

### 商家对账
- 统计商家租赁车辆的收益/消费明细，支持生成对账报表。

### 停车领券
- 支持消费者领取停车优惠券，PC端与移动端均可领取。

---

## 特点

- **Vue3.0**：基于Vue3.0开发，使用TypeScript进行类型检查，提高代码质量。
- **Element Plus**：使用Element Plus作为UI框架，提供丰富的组件库，提高开发效率。
- **ESMap**：使用ESMap作为3D地图，提供丰富的功能，如路网、POI、三维模型等。
- **权限控制**：基于角色权限进行权限控制，实现权限分级控制。
- **代码规范**：使用ESLint进行代码规范检查，提高代码质量。
- **代码生成**：使用代码生成器，自动生成代码，提高开发效率。
- **数据缓存**：使用Vuex进行数据缓存，提高数据访问效率。
- **数据请求**：使用Axios进行数据请求，提高数据访问效率。


---

## 前端安装教程

### 安装依赖

#### pnpm run install

### 启动项目

#### pnpm run dev

### 打包项目

#### pnpm run build