天图智控产品系统Vibe Coding

本项目针对现代社区、住宅小区（如系统接入的滨江雅苑等）在日常物业管理中存在的“人工巡检成本高、安全隐患发现滞后、历史监控追溯耗时费力”等痛点进行开发。系统通过打通小区内海量摄像头等IoT设备，利用最前沿的AI视觉技术来简化传统物业的管理流程。旨在通过自动化与数据驱动，实现对诸如“小区内部道路明火燃烧与烟雾、地面车辆违停、儿童游乐场所异常”等复杂场景的24小时不间断智能巡检与AI自动推理，彻底改变传统物业的人工作业方式。

1. 首页综合看板：直观展示社区综合评分、设备总数、设备运行异常告警，并利用可视化卡片呈现设备实时在线比例、场景划分等核心指标。
2. AI智能巡检记录：系统核心功能。展示由AI算法自动识别的异常巡检事件（如火情隐患、违停等），提供详细的发生时间、摄像头位置，并配备结构化的AI推理过程描述与多渠道智能巡检报告。
3. 空间场景与设备网格化管理：支持对监控设备进行空间网格化划分（如监控室、儿童游乐场所、地库出入口、消防通道等），实现100+网络摄像头与IoT设备的个性化配置、角度对比、自检报告及重新建模。
4. AI魔法录像检索（智能回溯）：支持基于“物品丢失（检测指定区域物品消失）”、“区域目标检测（人流检测）”及“区域靠近检测（人车靠近）”等智能搜索算法，配合时间轴与特征描述（如衣服颜色、物品样式），实现海量历史监控录像的秒级精准智能检索。

1. 独立负责系统从“登录页”到“首页看板”、“巡检记录”、“场景列表”及“录像魔法检索”等全量核心业务页面的开发。重点攻克了海量实时摄像头状态网格化瀑布流渲染、多维度时间/类型复合检索表单、以及AI巡检视频与推理数据同屏联动的交互架构。
2. 基础架构：项目基于 Vue 2.x/3.x 配合 Element UI 深度定制开发，采用响应式网格布局（Grid + Flexbox），完美适配了各类监控大屏与日常PC端。
3. 状态管理与夜间模式：利用 Vuex/Pinia 进行全局跨组件状态流转，系统内置了高效的**“日夜间主题切换”**机制（切换暗黑/明亮模式），提升物业人员夜间值班的视觉体验。
4. 音视频流与图片渲染优化：针对设备列表页、场景页大量摄像头画面同时加载的性能瓶颈，前端采用了图片懒加载与视频流按需初始化策略。对于异常巡检画面，封装了自定义播放器，支持视频片段、核实国片、巡检国片的动态多渠道无缝切换。
5. 复杂复合表单与动态计算：在“魔法搜索”模块中，针对多种智能搜索算法（物品丢失、人车检测），实现了高度可配置的动态表单。通过对输入选项、时间范围及文本描述的统一封装与校验，保证了高并发请求下向AI后端传输参数的精准度。