丹江口市耕地安全保障数字化监管平台产品系统

面向丹江口市高标准农田与耕地保护的政务数字化监管系统，搭建 Web 监管后台、H5 移动端上报、微信小程序多端协同体系，覆盖建后管理、日常管护、耕地智保、领导驾驶舱核心业务，形成「后台监管 - 现场上报- 移动端巡田」全流程业务闭环。

一、全局总览
以地图为底，左右面板展示总体态势。

左侧包括：耕地统计（永久基本农田、高标准农田、非农化等面积）、地块监测（正常与异常地块数量与面积）、整改进度（整改中、已整改、未整改）。

右侧包括：管护详情（管护人员与管护问题及月度任务）、公众监督（群众上报列表，可点开详情查看事件编号、任务类型、处理状态、定位地址、问题描述、佐证材料）、预警信息（超期整改、异常提示等）。

地图上还可做卫星遥感筛选（正常、非农化、非粮化、撂荒、受灾）和行政区划筛选（按乡镇、村过滤范围）。

二、智保数据
面向无人机智保与田块监测。

左侧：设备信息（无人机状态、管护区域、起飞/返航）、智保报告（飞行/质保报告列表）、监测统计图表。

右侧：监控信息（摄像头画面）、田块监测（地块编号、面积、状况、长势）、连续异常区域（可查看监测影像）。

页面中部有无人机卡片（显示名称与工作状态，选中后按机身 sn 筛数据），底部有飞行时间轴（按日期看轨迹与航拍图）；工作中的无人机可看实时视频。

三、人防监测
面向人工巡查与整改闭环。

左侧：管护信息（人员数量、管护面积、人员列表）、问题类型统计、问题来源统计（如公众监督、巡田上报等）。

右侧：问题整改统计（待核实、整改中、整改完成、无异常等），以及整改记录列表；点击记录可查看监测影像（问题影像、整改后影像）。

四、建中管理
通过 iframe 嵌入外部建中管理页面，用于工程建设与图层等相关管理，平台保留自身顶部导航。

五、公共能力
贯穿各模块的能力包括：高德地图底图与图斑叠加、点击地块看详情与管护人员、工程设施点位与详情、行政区划选择与地图定位、登录鉴权等。

1. 负责 Web 监管平台主系统前端开发，搭建多子系统统一门户，实现单点登录、跨模块路由跳转，落地耕地日常管护、耕地智保、系统配置管理等核心业务页面；
2. 统筹全平台 GIS 地图能力开发：PC 端基于高德地图完成土地图斑渲染、点位定位、距离 / 面积测量、巡田轨迹可视化；
3. 独立开发耕地智保核心模块：通过 WebSocket 完成无人机飞行轨迹实时推送，对接遥感影像数据，封装报告导出功能；集成网易云信 NERTC 实现实时视频监控、远程音视频通话，强化耕地现场实时监管能力；
4. 搭建 H5 扫码上报业务体系，实现工程码、地块一码通展示、问题随手拍、群众监督上报等功能，采用 PostCSS viewport 方案完成全移动端自适应适配；
5. 参与 UniApp「建后管护」微信小程序开发，采用 subPackages 分包拆分巡田管护、智保任务、任务指派、维修审核、进度台账模块，满足一线管护人员户外作业、任务闭环管理需求；
6. 完成复杂业务流程开发：任务创建 / 派发 / 处置全链路、进度审核、农资物资管理、耕地三保态势可视化；搭建 RBAC 细粒度权限体系，实现动态路由、动态菜单栏控制
7. 统一前端工程化规范：封装全局 Axios 请求拦截、json-bigint 大数精度处理，配置多环境打包脚本，实现项目产物一键 zip 打包、测试 / 生产环境部署发布；
8. 全程使用 Cursor AI 辅助 GIS 空间算法、WebSocket 实时流、音视频组件逻辑编写，大幅降低地图与实时通信模块开发成本，提升迭代效率。
模块开发成本，提升迭代效率。