feat(dashboard): 添加首页地图展示功能

- 在 Dashboard 组件中集成锡林郭勒盟区域地图
- 实现地图数据接口和区域详情接口
- 添加地图交互功能,支持点击和悬停事件
- 更新开发计划和需求文档,增加地图展示功能
This commit is contained in:
2025-08-20 20:34:52 +08:00
parent fdc58aa3a2
commit 5ff7d38904
12 changed files with 1537 additions and 57 deletions

View File

@@ -108,7 +108,97 @@ GET /api/v1/dashboard/history
}
```
### 4.3 配置接口
### 4.3 首页地图数据接口
#### 获取锡林郭勒盟区域地图数据
```
GET /api/v1/dashboard/map/regions
```
**请求参数**:
-
**响应示例**:
```json
{
"regions": [
{
"id": "xlg",
"name": "锡林浩特市",
"coordinates": [116.093, 43.946],
"cattle_count": 25600,
"farm_count": 120,
"output_value": 650000000
},
{
"id": "dwq",
"name": "东乌旗",
"coordinates": [116.980, 45.514],
"cattle_count": 18500,
"farm_count": 95,
"output_value": 480000000
},
{
"id": "xwq",
"name": "西乌旗",
"coordinates": [117.615, 44.587],
"cattle_count": 21200,
"farm_count": 108,
"output_value": 520000000
},
{
"id": "abg",
"name": "阿巴嘎旗",
"coordinates": [114.971, 44.022],
"cattle_count": 16800,
"farm_count": 86,
"output_value": 420000000
},
{
"id": "snz",
"name": "苏尼特左旗",
"coordinates": [113.653, 43.859],
"cattle_count": 12400,
"farm_count": 65,
"output_value": 310000000
}
]
}
```
#### 获取指定区域详细数据
```
GET /api/v1/dashboard/map/region/{regionId}
```
**请求参数**:
- `regionId` (string, required): 区域ID
**响应示例**:
```json
{
"region": {
"id": "xlg",
"name": "锡林浩特市",
"coordinates": [116.093, 43.946],
"cattle_count": 25600,
"farm_count": 120,
"output_value": 650000000,
"trend": "up"
},
"farms": [
{
"id": "FARM001",
"name": "锡林浩特市第一牧场",
"coordinates": [116.120, 43.950],
"cattle_count": 2450,
"output_value": 62000000
}
]
}
```
### 4.4 配置接口
#### 获取可视化配置
```

View File

@@ -17,7 +17,7 @@
## 3. 功能模块详细计划
### 3.1 产业概览模块 (3天)
### 3.1 产业概览模块 (4天)
- 第1天
- 整体产业规模展示(牛只总数、牧场数量等关键指标)
- 产值和增长率关键指标(年度产值、增长率趋势图)
@@ -27,6 +27,8 @@
- 第3天
- 数据钻取功能实现(点击图表可查看详细数据)
- 多维度数据展示(按时间、区域、品种等维度筛选)
- 第4天
- 首页地图展示功能开发(集成锡林郭勒盟区域地图,展示各区域牛只分布、牧场位置)
### 3.2 养殖监控模块 (3天)
- 第1天
@@ -98,10 +100,11 @@
- 结合 DataV 图表实现丰富的数据可视化
- 使用自适应容器确保不同分辨率下的正常显示
- 添加窗口大小改变时的重绘功能
- 集成地图组件展示锡林郭勒盟区域数据分布
## 5. 里程碑
- **里程碑1**:完成产业概览模块和养殖监控模块(6天)
- **里程碑1**:完成产业概览模块和养殖监控模块(7天)
- **里程碑2**完成金融服务模块和交易统计模块4天
- **里程碑3**完成运输跟踪模块和风险预警模块4天
- **里程碑4**完成生态指标模块和政府监管模块4天

View File

@@ -13,6 +13,7 @@
- **实时数据更新机制**:通过 WebSocket 实现数据实时更新(`ws://<host>/api/v1/dashboard/realtime`
- **数据钻取功能**:支持点击图表查看详细数据(弹窗展示,含数据导出按钮)
- **多维度数据筛选**:支持按时间、区域、品种等维度筛选(交互:下拉选择器 + 确认按钮)
- **首页地图展示**:在首页集成锡林郭勒盟区域地图,展示各区域牛只分布、牧场位置、产业热点等信息(交互:点击区域查看详细数据)
### 2.2 养殖监控模块
- **各牧场养殖情况展示**:通过 DataV 地图组件展示各牧场位置和规模(数据来源:`/api/v1/dashboard/farms`,数据库表:`farm_locations`