# PowerPort-Energy-Project

**Repository Path**: ykk-html5/PowerPort-Energy-Project

## Basic Information

- **Project Name**: PowerPort-Energy-Project
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-13
- **Last Updated**: 2025-07-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

动力汇谷能源管理综合平台
·项目介绍：动力港能源管理平台是基于公司充电能源业务，根据数据可视化的基本组成和数据特点，设计多个模块进行可视化展示功能以及相关数据的管理功能，便于公司对能源设备进行集中管理和监测。
·项目技术栈：Vue3 + Vue-Router + Pinia + Vite + Element-Plus + Echarts + 高德地图api + TinyMCE
·实现axios的二次封装，拦截器的封装，api接口的统一封装
·使用Echarts并封装了自定义组合式函数useCharts进行不同图表数据可视化渲染（能源统计、设备总览等）
·根据业务需求特点自主封装useTable和usePagination进行页面快捷开发
·使用递归动态渲染菜单导航，同时封装页签快捷导航组件，结合pinia存储实现与菜单路由联动
·使用高德地图api渲染地图并实现地图打点标记和信息窗体功能
·基于element plus组件进行二次封装，结合业务场景封装分步表单组件
·动态角色权限分配，并结合递归闭包处理权限菜单；同时，封装自定义指令实现按钮级权限控制
1、登陆界面
![image](https://github.com/user-attachments/assets/75cc8995-3d7d-4350-a628-83d0497d3467)
2、数据看板
![image](https://github.com/user-attachments/assets/37e6c7e8-7f3d-4dfd-9372-6e4c3bdc4fe0)
3、充电站监控
![image](https://github.com/user-attachments/assets/4f4b4b45-f8f4-4f2e-b790-028b5c52a9e3)
4、营收统计
![image](https://github.com/user-attachments/assets/a0c5a257-a1cc-4993-bb31-9bf3b04ab17c)
5、充电桩管理
![image](https://github.com/user-attachments/assets/35fe709f-5c13-4d2d-b3dd-e496abe58193)
6、电子地图
![image](https://github.com/user-attachments/assets/ce0a47d1-4c35-4ac5-853e-237cf5068602)
7、订单管理
![image](https://github.com/user-attachments/assets/fd425f42-b58a-4596-85f2-9580c3a987ce)
8、报警管理
![image](https://github.com/user-attachments/assets/081adbfa-42d6-49c8-8dfe-57b80df77ed4)
9、招商管理
![image](https://github.com/user-attachments/assets/4c0c2f48-e97d-4bef-a994-e7ca11c763df)