ParkScope 园区综合运营监管大屏产品系统

我要开发同款
郭润城2026年08月12日
16阅读

技术信息

语言技术
ReactTypeScriptNode.js
系统类型
Web
行业分类
工业互联网物联网
官网地址
https://parkscope-web.vercel.app
演示地址
https://parkscope-web.vercel.app

作品详情

行业场景

面向工业园区和物业运营团队,解决设备、能耗、环境、停车与安全告警数据分散,值班人员无法及时发现异常、处置过程依赖群聊且责任难追溯的问题。系统将实时态势、园区地图、告警派单和经营指标集中到一个监管中心。

功能介绍

系统包含园区综合态势大屏、楼栋地图、设备在线率、区域能耗排行、安全评分、实时事件和数据质量监控。每位访客自动创建包含312台设备的独立演示园区;A2厂房温度数据持续上报,超过38°C后规则引擎自动生成告警。值班员可依次完成确认、选择运维人员、派单、到场处理、提交复核和关闭,地图状态、今日告警、处置率与设备状态实时联动。支持中英文切换、移动端适配、API异常时明确降级为预览模式。

项目实现

本人独立完成需求分析、交互设计、响应式大屏、前后端开发、数据库建模、自动化测试和线上部署。前端采用Next.js、React、TypeScript,后端采用NestJS、Prisma与PostgreSQL(Neon)。JWT中的组织身份强制限制所有查询,实现访客园区数据隔离;遥测、告警、处置事件和审计日志真实持久化。告警状态机禁止跳步和关闭后重开,每个动作在数据库事务内同时更新状态、事件时间线和审计记录。生产环境完成桌面端、390px移动端及完整五步处置流程验收。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论