feat(dashboard): 添加首页地图展示功能
- 在 Dashboard 组件中集成锡林郭勒盟区域地图 - 实现地图数据接口和区域详情接口 - 添加地图交互功能,支持点击和悬停事件 - 更新开发计划和需求文档,增加地图展示功能
This commit is contained in:
@@ -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 配置接口
|
||||
|
||||
#### 获取可视化配置
|
||||
```
|
||||
|
||||
@@ -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天)
|
||||
|
||||
@@ -13,6 +13,7 @@
|
||||
- **实时数据更新机制**:通过 WebSocket 实现数据实时更新(`ws://<host>/api/v1/dashboard/realtime`)
|
||||
- **数据钻取功能**:支持点击图表查看详细数据(弹窗展示,含数据导出按钮)
|
||||
- **多维度数据筛选**:支持按时间、区域、品种等维度筛选(交互:下拉选择器 + 确认按钮)
|
||||
- **首页地图展示**:在首页集成锡林郭勒盟区域地图,展示各区域牛只分布、牧场位置、产业热点等信息(交互:点击区域查看详细数据)
|
||||
|
||||
### 2.2 养殖监控模块
|
||||
- **各牧场养殖情况展示**:通过 DataV 地图组件展示各牧场位置和规模(数据来源:`/api/v1/dashboard/farms`,数据库表:`farm_locations`)
|
||||
|
||||
Reference in New Issue
Block a user