# eal-pm-web

**Repository Path**: wang-baohai/eal-pm-web

## Basic Information

- **Project Name**: eal-pm-web
- **Description**: 基于 Vite + Vue3 + TS 搭建的快速开发脚手架，目前搭建基础RBAC权限控制，统一日志，数据字典，springdoc接口文档，Flowable7工作流
- **Primary Language**: NodeJS
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 14
- **Forks**: 5
- **Created**: 2024-04-29
- **Last Updated**: 2025-12-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端工程

本项目基于 [Vite](https://vitejs.dev/) 搭建，采用 Vue3 + TypeScript 开发，遵循严格的代码规范。项目集成了以下核心组件及功能：

## 项目特点

- **UI 框架：** 使用 [Element Plus](https://element-plus.org/) 按需引入组件。
- **网络请求：** 封装了 [Axios](https://axios-http.com/) 请求，便于统一管理 API 调用。
- **代码规范：** 集成 ESLint 和 Stylelint，采用 [antfu/eslint-config](https://github.com/antfu/eslint-config) 规范化代码格式。
- **路由管理：** 基于 [vue-router](https://router.vuejs.org/) 实现动态路由，支持与后端协同配置。
- **状态管理：** 使用 [Pinia](https://pinia.vuejs.org/) 管理应用状态。
- **自定义指令：** 新增自定义指令，用于实现按钮级别的权限控制，确保按钮操作符合用户权限配置。

## 已完成功能

- **统一认证平台：** 集成统一认证平台实现用户登录。
- **权限管理：** 基于经典 RBAC 模型，实现用户、角色及权限管理。
- **接口文档：** 集成 [springdoc](https://springdoc.org/) 自动生成接口文档。
- **内嵌 Nacos 控制台：** 在前端页面内嵌 Nacos 控制台，便于系统管理。
- **按钮权限控制：** 通过自定义指令，实现按钮级别的权限校验，提升前端安全性与用户体验。
- **日志管理：** 实现日志管理，完整记录所有接口的请求记录，便于系统管理。
- **数据字典：** 实现数据字典管理，用于管理系统常用数据，如枚举类型等。
- **工作流：** 集成工作流引擎，实现流程管理，提升业务处理效率。

## 我没钱买服务器搭建演示环境就只先截图吧

## 用户管理功能样例
![alt text](image.png)
![alt text](image-1.png)
![alt text](image-2.png)
![alt text](image-3.png)

## 角色管理功能样例
![alt text](image-4.png)
![alt text](image-5.png)
![alt text](image-6.png)
![alt text](image-7.png)

## 菜单管理功能样例
![alt text](image-8.png)

## 日志管理功能样例
![alt text](image-11.png)
![alt text](image-12.png)

## 开发工具集成
![alt text](image-9.png)
![alt text](image-10.png)
![alt text](image-13.png)

## 数据字典功能样例
![alt text](image-14.png)
![alt text](image-15.png)
![alt text](image-16.png)
![alt text](image-17.png)
![alt text](image-18.png)
![alt text](image-19.png)

## 工作流功能样例
![alt text](image-20.png)
![alt text](image-21.png)
![alt text](image-22.png)
![alt text](image-23.png)
![alt text](image-24.png)
![alt text](image-25.png)
![alt text](image-26.png)
![alt text](image-27.png)
![alt text](image-28.png)
![alt text](image-29.png)


## 开发环境要求

- **Node 版本：** 本项目开发时使用 `v22.1.0`，建议保持一致以避免环境差异问题。
- **编辑器配置：** 请保留项目中的 VSCode 配置文件，已内置代码格式化规则。
- **包管理工具：** 使用 [Yarn](https://classic.yarnpkg.com/) 管理项目依赖。
- **后端联调：** 本地开发时，如直接使用我的后端工程配置，前端工程无需修改额外配置。
- **环境配置：** 部署至 UAT 或 Production 环境时，请根据实际情况调整相应配置。

## 联系方式

如有任何问题或建议，欢迎通过以下方式联系我：

- 在 [Gitee](https://gitee.com) 上留言
- QQ：1272785355
- 邮箱：[wangbaohai1993@gmail.com](mailto:wangbaohai1993@gmail.com)

## 后端工程

后端项目地址：[https://gitee.com/wang-baohai/eal-pm](https://gitee.com/wang-baohai/eal-pm)

---

希望这个 README 能帮助你快速上手项目！如有疑问，请随时联系。