Frontend Development Engineer · 2025.10-so far

Power Trading Assistance-Virtual Power Plant Fusion Platform

Power Trading Assistance-Virtual Power Plant Fusion Platform
Overview

The leading platform has been upgraded from a single architecture to a modern front-end architecture, and the 1.0 version reconstruction and 2.0 version integration development have been completed to build a unified, efficient and scalable front-end solution for the power industry.

Highlights

1.0 front-end architecture refactoring

  1. Led to fully reconstruct the legacy front-end project based on RuoYi Vue to the Pinia Ant Design Vue technology stack TypeScript Vue 3.
  2. Refactoring the project structure to achieve modularization and componentization, so that the code organization is clearer and maintainability is significantly improved.
  3. Pinia is introduced for unified state management, replacing the original chaotic Vuex usage mode, with clearer state flow and better development experience.
  4. Based on the Ant Design Vue component library, the UI is fully upgraded to optimize interface interaction and visual consistency and enhance user experience.

2.0 Business Integration and Function Enhancement

  1. Responsible for the deep integration of the original independent power trading auxiliary system with the virtual power plant platform business to create a unified business center.
  2. Optimize data chart presentation logic and performance for massive, multi-dimensional power trading and virtual power plant operation data.
  3. Encapsulates highly reusable and configurable chart plug-ins (based on ECharts), unifies data mapping, theme styles and interactive behaviors, and improves team development efficiency by more than 50%.
  4. Develop the integrated core function modules, including resource aggregation monitoring kanban, trading strategy simulation, real-time load prediction and scheduling instruction issuance.

Authority System and Engineering Transformation

  1. Design and implement platform-level permission transformation solutions to support multi-tenant, multi-role, and complex business scenarios.
  2. Encapsulates the unified permission verification Hooks and tool functions, especially the non-sense switching function for the agent trading account, to ensure business continuity and data isolation security.
Vue 3TypeScriptPiniaAnt Design VueECharts

← Back to projects