绿色电力消费核算 Web 前端原型系统产品系统Vibe Coding

向绿色电力消费核算业务场景，为企业用户提供绿色电力、绿色电力证书及相关能源数据的统一管理和消费核算能力。系统通过账户管理、资产管理、核销管理、聚合管理及核算结果展示等功能，支撑企业完成绿色电力消费数据管理及核算业务。

系统主要包含核算账户、聚合账户、绿证资产、绿证核销和消费核算等核心功能模块。支持核算账户及子账户管理、账户关联、绿色电力及绿证资产查看、资产聚合与分配、核销申请及记录查询、用电量数据维护以及消费核算报告展示等功能。同时针对不同业务状态设计相应的操作权限、数据状态及页面交互，实现较完整的前端业务闭环。

本人负责该项目的需求梳理、产品原型设计及前端原型开发。前端采用 Vue 3、TypeScript、Vite 和 Element Plus 搭建，使用 Pinia 进行状态管理，Axios 处理接口请求，并通过 Mock 数据模拟后端业务数据及不同业务状态。开发过程中重点实现了多模块页面交互、账户及资产状态管理、表格筛选与展示、弹窗表单、权限状态控制、业务数据联动等功能，并结合实际需求持续进行功能迭代和交互优化。项目采用 AI 辅助编码方式完成部分前端实现、问题排查及代码优化。