在新能源汽车保有量爆发式增长与国家双碳战略推进下,车主面临“找桩难、排队久、私桩闲置率高”等出行痛点,城市电网则面临“高峰充电冲击、负荷波动大”的运维调度瓶颈。
本项目基于 Vue 3.4+ + Vite 5 + Pinia + Element Plus + ECharts 5.5 倾力打造商业级【智慧新能源汽车充电桩运维调度与分时共享租赁系统】。体系涵盖 PC 电脑端门户、手机移动端 H5 扫码即充模拟器、中后台城市电网负荷调度大屏三端一体化架构,实现从全城网点检索、私桩分时出租、动态波形遥测到电网削峰填谷的全业务闭环。
💡 系统三端一体化交付规格
- 电脑 PC 业务门户:全城公用超充网点地图检索、桩位实时状态预约锁定、私桩分时共享出租大厅、车主故障一键报修工单中心、个人充电流水看板。
- 手机移动端 (H5 形态):移动找桩广场、扫码即充沉浸式动态波形与实时计价模拟器(实时功率/电压/电流遥测、电量费用动态递增)、移动车主中心与发票。
- 运营中后台 (Admin Console):ECharts 5.5 城市电网负荷与充电运维调度大屏、充电站拓扑与桩群资产全生命周期管理、智能就近派单指挥台、峰谷分时电价与策略配置。
🎯 一、核心业务场景与高保真功能全景深度解读
1. 电脑 PC 端 — 充电网点全景市集与多维检索

【功能深度解读】:汇聚全网 12,480 个充电终端,支持按行政区域、公用超充/快充/私桩共享类型及 480kW 液冷功率等级进行多维复合筛选。卡片清晰展示直流快充与交流慢充实时空闲数量比、实时平均电价与距离,直观掌握全城充电资源分布。
2. 电脑 PC 端 — 站点详情与桩位实时状态预约锁定

【功能深度解读】:展示站点高压平台规格、配套服务设施(休息室、2小时免停)。矩阵式呈现桩位遥测状态(电压、电流、输出功率),支持车主一键在线预约锁定空闲桩位,系统自动降下地锁并预留 30 分钟,杜绝油车占位与排队焦虑。
3. 电脑 PC 端 — 私人充电桩分时共享出租大厅

【功能深度解读】:盘活社区/大厦闲置私人家充桩资产。私桩主可自由设定工作日空闲出租时段与时段车位租金;车主可以居民低谷平价享受家充便利,形成共赢的分时共享循环。
4. 电脑 PC 端 — 故障一键报修与运维进度时间轴

【功能深度解读】:支持枪头卡死、跳闸断电、地锁失灵等故障在线报修。后台自动生成运维工单并实时指派抢修工程师,提供完整的时间轴节点追踪(已建档 → 工程师已指派 → 现场抢修完成 → 验收恢复)。
5. 电脑 PC 端 — 车主资产中心与充电流水看板

【功能深度解读】:展示车主信用评级、账户可用余额与快捷充值。清晰列出历史充电订单的充入度数 (kWh)、扣费明细与预约状态,支持电子发票一键开具。
6. 手机移动端 (H5) — 移动找桩广场与金刚区

【功能深度解读】:采用轻量化移动视口与底部原生质感 TabBar 导航,金刚区提供扫码充电、极速超充、私桩共享与谷期优惠快捷入口,流式展示附近最优充电网点。
7. 手机移动端 (H5) — 手机端站点详情与吸底导航

【功能深度解读】:移动端直观查看充电枪头空闲状态,吸底集成一键导航与扫码即充,支持车主到站后无缝插枪充电。
8. 手机移动端 (H5) — 扫码即充动态波形与实时计价模拟器

【功能深度解读】:沉浸式动力电池 SOC 环形仪表盘,动态模拟 120kW 极速充电过程。实时动态累加充入度数、基础电费、服务费与累计消费,支持随时一键停止充电并自动完成扣费结算。
9. 手机移动端 (H5) — 手机端车主名片与碳减排看板

【功能深度解读】:展示车主碳减排贡献量 (kg)、累计充电度数与钱包流水卡片,强化绿色低碳出行正向激励。
10. 运营中后台 — 城市电网负荷调度大数据大屏 (ECharts 5.5)

【功能深度解读】:集成 4 大核心 KPI 指标卡,搭载 ECharts 5.5 渲染 24 小时电网负荷与充电量双轴曲线、峰谷分时电价时段负荷削峰填谷效果柱状图、充电桩实时运行状态环形占比图以及全生命周期运维时效漏斗模型,为电网负荷调峰提供科学决策支撑。
11. 运营中后台 — 智能运维告警与工单调度中心

【功能深度解读】:集中监控全网失联、绝缘异常等故障告警,基于 LBS 空间距离算法一键智能指派距离最近的待命运维工程师,实现 15 分钟极速出警处置。
12. 运营中后台 — 峰谷分时电价与削峰填谷策略

【功能深度解读】:灵活划分尖峰、高峰、平段、低谷 4 段时段电价与服务费率,通过动态价格杠杆引导车主夜间低谷有序充电,保障城市电网安全平稳运行。
⚙️ 二、本地开箱即用运行教程
本项目为开箱即用的现代化前端全套工程,解压后仅需 3 步即可本地极速启动:
# 1. 进入源码解压目录 cd ev-charging-dispatch-system # 2. 安装项目运行依赖 npm install # 3. 启动本地开发调试服务器 npm run dev # 浏览器访问:http://localhost:3000 (PC端/移动端/管理后台一键切换)
