From 06e87b8905aaa00bbcea5fe4dcb5c1c092564469 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Fri, 13 Jan 2023 09:37:44 +0800
Subject: [PATCH] 首页现有地对接接口、首页下拉框渲染逻辑完善、社区区域树形数据对接
---
src/views/home/components/leftContainer.vue | 57 ++++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 48 insertions(+), 9 deletions(-)
diff --git a/src/views/home/components/leftContainer.vue b/src/views/home/components/leftContainer.vue
index 728305e..0e2feaa 100644
--- a/src/views/home/components/leftContainer.vue
+++ b/src/views/home/components/leftContainer.vue
@@ -152,7 +152,7 @@
@click="landTabClick(0)"
>
<div class="tab-title-small">小区:</div>
- <div class="tab-title-small">634个</div>
+ <div class="tab-title-small">{{villageNum}}个</div>
</div>
<div
class="tab"
@@ -160,7 +160,7 @@
@click="landTabClick(1)"
>
<div class="tab-title-small">责任区:</div>
- <div class="tab-title-small">634个</div>
+ <div class="tab-title-small">{{areaNum}}个</div>
</div>
</div>
<div id="landEcharts" class="echarts-box"></div>
@@ -188,6 +188,8 @@
<script>
import { fontSize } from '@/utils/fontSize.js'
+import { getAreaStatisticInfo } from "@/api/home/index.js"
+
let homePersonmyChart
let houseMyChart
let landMyChart
@@ -317,8 +319,18 @@
{ name: '谢某某', sex: '男', 'address': 'XXXXXX', 'phone': '132XXXX6666', 'policeStation': '北门所', 'housingEastate': '责任区4', 'type': '重点上访人员' }
],
keyPersonSelectSaveArr: [],
+ areaNum: '',
+ villageNum: '',
+ areaOptionData: [],
+ villageOptionData: [],
}
},
+
+ created () {
+ this.getAreaStatisticInfo(1)
+ this.getAreaStatisticInfo(2)
+ },
+
mounted () {
this.initLandEcharts()
this.initPersonEcharts()
@@ -565,7 +577,7 @@
initLandEcharts () {
var chartDom = document.getElementById('landEcharts')
landMyChart = this.$echarts.init(chartDom)
- landMyChart.setOption(this.initLandOptions(['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所'], [6414, 2211, 4321, 1232, 881, 6414, 2211, 4321, 1232, 881]))
+ landMyChart.setOption(this.initLandOptions(this.villageOptionData[0], this.villageOptionData[1]))
},
initLandOptions (xDate, yDate) {
@@ -574,7 +586,7 @@
top: '4%',
left: '12%',
right: '4%',
- bottom: '24%'
+ bottom: '28%'
},
tooltip: {
trigger: 'item',
@@ -596,7 +608,7 @@
color: "#fff",
interval: 0,
rotate: 45,
- fontSize: fontSize(14)
+ fontSize: fontSize(12)
},
axisLine: {
lineStyle: {
@@ -663,11 +675,11 @@
let xDate, yDate
if (type == 0) {
- xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所']
- yDate = [6414, 2211, 4321, 1232, 881, 6414, 2211, 4321, 1232, 881]
+ xDate = this.villageOptionData[0]
+ yDate = this.villageOptionData[1]
} else if (type == 1) {
- xDate = ['车站所', '沙溪所', '灵溪所', '北门所', '江光所', '水南所', '秦峰所', '茅家岭所', '西市所', '朝阳所']
- yDate = [881, 2211, 6414, 4321, 1232, 6414, 2211, 4321, 1232, 881]
+ xDate = this.areaOptionData[0]
+ yDate = this.areaOptionData[1]
}
landMyChart.setOption(this.initLandOptions(xDate, yDate), true)
@@ -996,6 +1008,33 @@
// echartsName.resize()
// },
+ getAreaStatisticInfo (type) {
+ getAreaStatisticInfo(type).then(res => {
+ if (type == 1) {
+ this.areaNum = res.data.data.areaNum
+ this.villageNum = res.data.data.villageNum
+ let nameArr = []
+ let countArr = []
+ res.data.data.data.forEach(item => {
+ nameArr.push(item.name)
+ countArr.push(item.count)
+ })
+ this.villageOptionData = [nameArr, countArr]
+ } else {
+ this.areaNum = res.data.data.areaNum
+ this.villageNum = res.data.data.villageNum
+ let nameArr = []
+ let countArr = []
+ res.data.data.data.forEach(item => {
+ nameArr.push(item.name)
+ countArr.push(item.count)
+ })
+ this.areaOptionData = [nameArr, countArr]
+ }
+ this.initLandEcharts()
+ })
+ },
+
},
destroyed () {
--
Gitblit v1.9.3