智慧园区监控平台（大 屏）产品系统

智慧园区/智慧城市运营监控场景，面向园区管理者、安防与运维人员，将车辆、安防、人员、能耗等多源数据进行聚合分析与可视化展示。用于园区运营态势感知、异常预警与指挥调度，实现“一张图”掌控园区运行全貌，提升管理效率与决策响应速度。

智慧园区监控大屏以“地图 + Echarts”作为核心呈现方式，接入园区基础信息、动态感知数据、上报与统计数据，在电子大屏上统一展示车辆、安防、人员、能耗等关键业务指标与实时态势。支持区域/点位联动展示、统计分析与趋势图表、多模块看板布局、数据实时刷新与异常提示等能力，将分散的物理设施与信息资源统一关联，帮助管理者通过“一张图”透视园区运行状态并进行快速处置。

1）参与前端架构设计与搭建，负责大屏核心模块开发与性能优化；
2）参与研发通用组件库并发布至私有 npm 仓库，编写使用手册，沉淀可复用图表/业务组件；
3）实现一键换肤：通过动态渲染 style/主题变量切换，保证不同主题下组件与图表样式一致；
4）实现多分辨率自适配：使用 lib-flexible + postcss-plugin-px2rem，将 px 自动转换为 rem，并根据屏幕动态调整基准 font-size；
5）实现图片懒加载：基于 IntersectionObserver 监听元素进入可视区，封装全局指令 v-lazy，仅渲染可视区域图片；
6）实现数据实时刷新：引入 SSE（Server-Sent Events）服务端推送，实现表格/看板数据的实时更新；
7）利用浏览器缓存策略对背景图、静态数据等资源进行强缓存，减少重复请求并提升渲染效率；
8）对高频 DOM 动画使用 will-change 开启 GPU 加速，降低重排重绘提升流畅度；
9）二次封装 Echarts：统一初始化/销毁与 resize 处理，将全量引入改为按需加载，减少打包体积并提升加载速度。