首页现有地对接接口、首页下拉框渲染逻辑完善、社区区域树形数据对接

guanqb

2023-01-13 06e87b8905aaa00bbcea5fe4dcb5c1c092564469

 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 () {