该项目是一个作为一个平台,将各个系统整合在一起,将各个子系统的待办和各种模块展示在工作台,方便跳到任意子系统,。
点击空白处退出提示
该项目是一个作为一个平台,将各个系统整合在一起,将各个子系统的待办和各种模块展示在工作台,方便跳到任意子系统,。
这是一个基于 Vue 3 + Vite + Element Plus + ECharts 技术栈构建的电力台区监测分析平台,主要用于对配电网台区的运行状态进行全面监控和数据分析。
### 核心功能模块
1. 重过载分析
- 月度重过载次数、台区数统计
- 较上月增长台区数及占比分析
- 温湿度与负荷趋势(96时段/日)
- 重过载时段分布分析
- 各单位日度重过载统计及排名
2. 三相不平衡分析
- 三相不平衡概况与计数分析
- 温湿度与三相不平衡度趋势
- 异常设备时段分布(96时段/日)
- 各单位异常设备数统计
- 三相不平衡异常台区详情列表
3. 停电分析
- 停电概况统计
- 停电计数分析
4. 数据可视化
- 区域分布可视化地图(支持上海市及各区县)
- 月度重/过载趋势折线图
- 各单位排名进度条
- 统计表格展示
### 技术特性
- 安全机制 : 集成 Crypto-JS 和 jsencrypt 实现数据加密传输,路由守卫进行登录态验证
- 响应式布局 : 深色主题设计,自适应屏幕尺寸
- Mock支持 : 内置 mock 数据服务,便于开发调试
- 模块化架构 : 清晰的 API 层、视图层、工具层分离
该系统为电力运维人员提供了全面的台区运行状态监测能力,支持按月度、季度等多维度统计分析,帮助及时发现和处理台区运行异常,提升配电网的可靠性和稳定性。
根据项目代码分析,该项目使用了以下技术栈:
## 核心框架
- Vue 3 :采用 Vue 3 组合式 API(Composition API)开发,使用 语法糖
- Vue Router 4 :前端路由管理,支持全局前置守卫进行登录态验证
## 构建工具
- Vite 7 (基于 rolldown-vite):新一代前端构建工具,提供极速的开发服务器和构建速度
- vite-plugin-mock :Mock 数据服务插件,支持本地开发时模拟接口数据
## UI 组件库
- Element Plus :Vue 3 官方配套的 UI 组件库,提供表格、表单、日期选择器等丰富组件
## 数据可视化
- ECharts 6 :强大的数据可视化图表库,用于绘制重/过载趋势折线图等
## 数据请求与处理
- Axios :HTTP 客户端,封装 API 请求
- Day.js :轻量级日期处理库
- Lodash.throttle :节流函数工具
## 安全与加密
- Crypto-JS :加密算法库,用于数据加密
- jsencrypt :RSA 加密库,支持非对称加密
- js-cookie :Cookie 管理工具
## 样式处理
- SCSS (Sass) :CSS 预处理器,支持变量、嵌套、函数等高级特性
## 项目结构
项目采用标准的模块化架构,包含:
- api/ :接口请求层
- views/ :页面视图层
- components/ :通用组件
- layout/ :布局组件
- router/ :路由配置
- utils/ :工具函数
- mock/ :模拟数据



评论