← 返回项目库

智慧园区信息管理与可视化系统

面向园区运营的中文化信息管理与能耗可视化后台。

提供园区楼宇、企业、设备与水电能耗数据的统一管理界面,并包含大屏可视化、统计图表、权限路由和本地演示夹具。

真实界面

项目截图

共 6 张

首页
地图显示数据
智能设备情况
总能耗情况统计表格
企业列表
每日用电统计

Capabilities

核心功能

园区楼宇与企业数据管理
水电能耗统计图表
园区综合信息可视化大屏
管理员权限路由
Element UI 中文界面
确定性的本地演示数据

适用场景

园区物业日常运营
能耗数据看板演示
后台项目二次开发

适合谁

园区运营团队、物业管理人员与需要快速搭建后台原型的开发者。

商业化思路

适合作为园区数字化项目的后台原型、交付基线或二次开发起点。

你会拿到什么

  • Vue 2 + Element UI 源码
  • 本地演示夹具与部署说明

部署流程

  1. 1安装 Node.js 22 并执行 npm ci
  2. 2执行 NODE_OPTIONS=--openssl-legacy-provider npm run build,再将 dist 部署到静态服务器

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本地夹具用于演示,真实生产环境需接入业务 API;大屏地图已替换为无外部依赖的本地示意图。

部署难度

中等

最低配置

Node.js 22(构建时需启用 OpenSSL legacy provider);部署前执行 npm ci 与 npm run build。

开源许可证

MIT

最后验证

2026-09-02

授权说明

上游仓库包含 MIT License 文件;中文适配与本地演示数据为本次交付修改,仍应保留上游版权与许可证声明。

Release notes

版本记录

1 个已发布版本

vcn-9ab83bc0c8b8 当前推荐

中文界面适配、Dart Sass 构建兼容、离线地图与天气展示、本地 API 演示数据。

部署要求:Node.js 22;npm;生产部署需提供业务 API。

已知问题:演示数据不代表真实园区数据,生产接入前应替换 mock 夹具。

登录后领取