From 0bc97726ed2c14d075557ef897d0d8b1ecfe5c4f Mon Sep 17 00:00:00 2001
From: fangyuan <527392886@qq.com>
Date: 星期四, 15 十二月 2022 09:45:46 +0800
Subject: [PATCH] 趋势分析经纬度修改
---
src/views/intelligentPatrol/trendAnalysis/index.vue | 27 +++++++++++++++++++++++----
1 files changed, 23 insertions(+), 4 deletions(-)
diff --git a/src/views/intelligentPatrol/trendAnalysis/index.vue b/src/views/intelligentPatrol/trendAnalysis/index.vue
index 50de7ed..ec296df 100644
--- a/src/views/intelligentPatrol/trendAnalysis/index.vue
+++ b/src/views/intelligentPatrol/trendAnalysis/index.vue
@@ -35,6 +35,10 @@
</div>
</div>
<div class="trend-main">
+
+ <div class="map">
+ <MyMap :point="point" :zoom="zoom" :mark="mark"></MyMap>
+ </div>
<div class="trend-main-echarts" id="echarts">
</div>
@@ -46,8 +50,10 @@
import * as echarts from 'echarts'
import basecase from "@/api/operate/basecase";
import { CATEGOTY } from "@/utils/helper";
+import MyMap from "@/components/map";
export default {
+ components :{MyMap},
created() {
this.searchList()
},
@@ -72,7 +78,10 @@
trendAnalysisList: [],
highFlag: true,
echarts: null,
- pointName: null
+ pointName: null,
+ point: null,
+ mark: null,
+ zoom: null,
}
},
methods: {
@@ -115,7 +124,13 @@
pointClick(data) {
this.pointName = data.name;
- basecase.getPointTrendAnalysisData({ id: data.id })
+ this.point = {
+ x: data.longitude,
+ y: data.latitude,
+ };
+ this.zoom = 19;
+ this.mark = { title: data.address };
+ basecase.getPointTrendAnalysisData({ longitude: data.longitude,latitude: data.latitude })
.then(res => {
const countList = res.map(item => +item.count);
this.renderEchart(countList);
@@ -129,7 +144,7 @@
<style lang="scss" scoped>
.trend-analysis {
height: 100%;
- padding: 10vh 10vw;
+ padding: 10vh 0vw;
color: #4b9bb7;
display: flex;
@@ -185,7 +200,7 @@
.trend-main {
flex: 1;
border: 1px solid #09152f;
-
+ display: flex;
.trend-main-echarts {
width: 500px;
height: 400px;
@@ -198,4 +213,8 @@
}
}
}
+.map {
+ height: 488px;
+ min-width: 460px;
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0