项目概述:“码上观湖PC”项目立足于现代智慧街区建设需求,旨在构建一套“人防+技防”相结合的数字化管理体系。项目通过整合物联网、大数据及人工智能技术,打通街区治理中的业务流、数据流与视频流,实现街区管理的智能化、精细化与可视化
技术栈:vue-router、vuex、axios、sass、 Element-Ul,高德地图、Echarts、video
项目职责:
• 基于组件化思想,使用Vue开发了“街区业务中心”、“街区分析中心”及“街区考试中心”三大核心模块,实现了从业务流程办理到数据分析考核的完整功能闭环
• 深度使用Vuex进行全局状态管理,统一管理用户权限、跨组件数据共享及业务状态流转,确保多页面间数据的一致性与实时性
• 负责可视化大屏(驾驶舱)的核心开发,基于Echarts封装了多种动态图表组件,实现了“事件类型统计”与“事件分布”数据的实时渲染与动态交互,确保大数据量下的页面渲染性能
• 深度集成高德地图(AMap)API,在地图上实现了海量点位的数据打点、热力图展示以及交互弹窗功能,直观呈现街区事件的空间分布态势。
• 利用HTML5Video技术,对接后端视频流接口,实现了可视化大屏中的“实时监控查看”功能,确保视频流播放的低延迟与稳定性,满足了指挥调度对现场画面的实时性要求
• 封装Axios网络请求层,统一处理API请求拦截、响应拦截及全局错误处理,优化了前后端数据交互体验