用于辖区多座水库实时监控,包含水库基础台账、水位雨量实时监测、大坝安防、无人机巡检轨迹、汛情预警等可视化大屏模块。本人为核心前端开发,独立完成整体页面架构搭建与 GIS 地图集成;基于 Leaflet 实现水库点位分层渲染、区域缩放、弹窗详情,使用 ECharts 绘制水位流量趋势曲线、降雨量柱状图、库容占比饼图;封装全局请求拦截统一处理水利实时数据流,解决高频轮询导致页面卡顿问题;通过路由守卫结合角色权限实现管理端分级访问,区分管理员、巡查员页面可视权限;封装通用水利数据卡片、预警弹窗、分页表格组件,大幅减少重复代码;使用 CSS Grid 完成大屏自适应布局,适配不同尺寸指挥显示器,兼容多分辨率屏幕。对接后端水文监测接口,实时刷新水库水位、泄洪流量数据,针对超阈值水位自动弹出红色预警提示,优化图表渲染逻辑,降低 DOM 重绘开销,页面加载速度提升 35%。项目交付后投入水利所日常防汛值守,稳定支撑汛期水库全天候监管工作。