🎯 功能概述
电子围栏功能允许用户在地图上绘制围栏区域，监控动物活动范围，并提供完整的围栏管理功能。支持多种围栏类型，实时统计区域内外的动物数量，为智慧养殖提供精准的地理围栏管理。
📍 地图界面截图区域
显示围栏绘制和选择功能
进入电子围栏页面
查看API文档
显示围栏绘制和选择功能
🗺️ 地图绘制功能
- 支持多边形围栏绘制
- 实时预览绘制过程
- 自动保存坐标数据
- 支持地图缩放和平移
- 地图类型切换（地图/卫星）
📊 围栏管理功能
- 围栏列表展示
- 围栏搜索和筛选
- 围栏信息面板
- 围栏类型管理
- 围栏状态监控
📈 统计功能
- 区域内动物数量统计
- 区域外动物数量统计
- 放牧状态监控
- 围栏使用率分析
- 实时数据更新
🔧 围栏类型
- 采集器电子围栏
- 放牧围栏
- 安全围栏
- 自定义围栏类型
- 围栏权限控制
🛠️ 技术栈
前端
Vue 3 + Vite
Vue 3 + Vite
UI组件
Ant Design Vue
Ant Design Vue
地图服务
百度地图API
百度地图API
后端
Node.js + Express
Node.js + Express
数据库
MySQL + Sequelize
MySQL + Sequelize
认证
JWT Token
JWT Token
🚀 快速开始
- 登录系统 - 使用管理员账号登录管理后台
- 导航到电子围栏 - 进入"智能设备" → "电子围栏"页面
- 开始绘制 - 点击"开始绘制"按钮，在地图上点击绘制围栏
- 保存围栏 - 完成绘制后填写围栏信息并保存
- 管理围栏 - 使用下拉框选择和管理现有围栏
📋 API接口
电子围栏功能提供完整的RESTful API接口：
GET /api/electronic-fence- 获取围栏列表POST /api/electronic-fence- 创建围栏PUT /api/electronic-fence/:id- 更新围栏DELETE /api/electronic-fence/:id- 删除围栏GET /api/electronic-fence/stats/overview- 获取统计概览