风险预警数据大屏

企业服务数据服务案例ID：252198

🎐

4 年经验· 吉林城市大脑科技发展有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

该项目是面向楼宇安防和设备管理场景的数据可视化大屏，主要用于展示大厦内摄像机状态、在线设备详情、边缘算力资源、风险识别结果、告警数据和实时监控画面。我在项目中主要负责前端页面搭建、可视化布局、数据面板开发、告警模块展示和页面适配等工作。
项目页面采用大屏可视化设计，围绕楼宇实景图进行风险点位展示，并在左右两侧展示设备状态、模型识别数据、推送告警数据、烟火告警画面等信息。左侧模块包含摄像机状态分析、在线设备详情、边缘算力分析；右侧模块包含大模型深度研判数据、推送告警数据和实时告警监控；底部展示今日告警、本周告警、本月数据和全部数据等统计信息。
开发过程中，我根据设计稿完成大屏页面还原，使用组件化方式拆分统计卡片、进度条、环形图、气泡图、告警列表、视频预览等模块，并结合接口数据完成动态渲染。页面重点处理了 1920 大屏分辨率适配、模块层级布局、视觉动效、数据刷新和告警状态突出展示等细节。

该作品体现了我在 Vue 前端开发、数据可视化大屏、监控告警页面、复杂布局还原、组件封装和接口联调方面的能力，可承接企业驾驶舱、监控大屏、数据看板、智慧园区、安防预警等类似项目开发。