{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\mapTarget.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\components\\subComponents\\mapTarget.vue","mtime":1745582908256},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport airTable from './airTable.vue'\r\nimport * as echarts from 'echarts'\r\nimport cq from '@/assets/js/cq.js'\r\nimport main9 from '@/assets/js/main9.js'\r\nimport fakeData from '@/views/BigScreen/js/fakeData_district.js'\r\nimport apiList from '@/api/bigScreen/districView.js'\r\nconst emphasisColor = {\r\n    A: '#2ce5c4',\r\n    B: '#4CA9FF',\r\n    C: '#F9F953',\r\n    D: '#EFB569',\r\n    E: '#E42020',\r\n    N: '#aaf15e'\r\n}\r\nexport default {\r\n    components: {\r\n        airTable,\r\n    },\r\n    props: {\r\n        options: {\r\n            type: Object,\r\n            default: () => {\r\n                return {}\r\n            },\r\n        },\r\n        CQId: {\r\n            type: String,\r\n            default: 'cq-contianer',\r\n        },\r\n        main9Id: {\r\n            type: String,\r\n            default: 'main9-contianer',\r\n        },\r\n        isClick: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        indexItem: {\r\n            type: Object,\r\n            default: () => ({})\r\n        }\r\n    },\r\n    watch: {\r\n        indexItem: {\r\n            handler(newVal, oldVal) {\r\n                if (newVal) {\r\n                    this.setData(newVal)\r\n                }\r\n            },\r\n            immediate: true\r\n        },\r\n        isSub: {\r\n            handler(nv, ov) {\r\n                if (nv) {\r\n                    this.$nextTick(() => {\r\n                        this.initMapMain()\r\n                        this.initMapCQ()\r\n                    })\r\n                }\r\n            },\r\n            immediate: true\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            loadingColor: 'rgba(6, 46, 106, 0.4)',\r\n            loading: false,\r\n            myChartCQ: null,\r\n            optionCQ: null,\r\n            myChartMain: null,\r\n            optionMain: null,\r\n            levelDataA: [],\r\n            levelDataB: [],\r\n            levelDataC: [],\r\n            levelDataD: [],\r\n            levelDataE: [],\r\n            areaCode: [\r\n                {\r\n                    code: 500120,\r\n                    name: '璧山区'\r\n                },\r\n                {\r\n                    code: 500155,\r\n                    name: '梁平区'\r\n                },\r\n                {\r\n                    code: 500241,\r\n                    name: '秀山县'\r\n                },\r\n                {\r\n                    code: 500231,\r\n                    name: '垫江县'\r\n                },\r\n                {\r\n                    code: 500109,\r\n                    name: '北碚区'\r\n                },\r\n                {\r\n                    code: 500229,\r\n                    name: '城口县'\r\n                },\r\n                {\r\n                    code: 500230,\r\n                    name: '丰都县'\r\n                },\r\n                {\r\n                    code: 500113,\r\n                    name: '巴南区'\r\n                },\r\n                {\r\n                    code: 500152,\r\n                    name: '潼南区'\r\n                },\r\n                {\r\n                    code: 500235,\r\n                    name: '云阳县'\r\n                },\r\n                {\r\n                    code: 500233,\r\n                    name: '忠县'\r\n                },\r\n                {\r\n                    code: 500238,\r\n                    name: '巫溪县'\r\n                },\r\n                {\r\n                    code: 500108,\r\n                    name: '南岸区'\r\n                },\r\n                {\r\n                    code: 500107,\r\n                    name: '九龙坡区'\r\n                },\r\n                {\r\n                    code: 500112,\r\n                    name: '渝北区'\r\n                },\r\n                {\r\n                    code: 500116,\r\n                    name: '江津区'\r\n                },\r\n                {\r\n                    code: 500119,\r\n                    name: '南川区'\r\n                },\r\n                {\r\n                    code: 500154,\r\n                    name: '开州区'\r\n                },\r\n                {\r\n                    code: 500118,\r\n                    name: '永川区'\r\n                },\r\n                {\r\n                    code: 500110,\r\n                    name: '綦江区'\r\n                },\r\n                {\r\n                    code: 500243,\r\n                    name: '彭水县'\r\n                },\r\n                {\r\n                    code: 500106,\r\n                    name: '沙坪坝区'\r\n                },\r\n                {\r\n                    code: 500153,\r\n                    name: '荣昌区'\r\n                },\r\n                {\r\n                    code: 500156,\r\n                    name: '武隆区'\r\n                },\r\n                {\r\n                    code: 500236,\r\n                    name: '奉节县'\r\n                },\r\n                {\r\n                    code: 500102,\r\n                    name: '涪陵区'\r\n                },\r\n                {\r\n                    code: 500240,\r\n                    name: '石柱县'\r\n                },\r\n                {\r\n                    code: 500117,\r\n                    name: '合川区'\r\n                },\r\n                {\r\n                    code: 500115,\r\n                    name: '长寿区'\r\n                },\r\n                {\r\n                    code: 500103,\r\n                    name: '渝中区'\r\n                },\r\n                {\r\n                    code: 500111,\r\n                    name: '大足区'\r\n                },\r\n                {\r\n                    code: 500237,\r\n                    name: '巫山县'\r\n                },\r\n                {\r\n                    code: 500101,\r\n                    name: '万州区'\r\n                },\r\n                {\r\n                    code: 500114,\r\n                    name: '黔江区'\r\n                },\r\n                {\r\n                    code: 500104,\r\n                    name: '大渡口区'\r\n                },\r\n                {\r\n                    code: 500105,\r\n                    name: '江北区'\r\n                },\r\n                {\r\n                    code: 500242,\r\n                    name: '酉阳县'\r\n                },\r\n                {\r\n                    code: 500151,\r\n                    name: '铜梁区'\r\n                },\r\n                {\r\n                    code: 500200,\r\n                    name: '两江新区'\r\n                },\r\n                {\r\n                    code: 500300,\r\n                    name: '高新区'\r\n                },\r\n                {\r\n                    code: 500222,\r\n                    name: '万盛经开区'\r\n                }\r\n            ],\r\n            tableData: [],\r\n            ljxqGrade: '',\r\n            gxqGrade: '',\r\n            lsFd: {},\r\n            year: '',\r\n            quarter: '',\r\n            isSub: true,\r\n            rightLoading: false,\r\n            tableColumn: [],\r\n            isFirm: false,\r\n            indexObj: {},\r\n            gradeRemarkData: []\r\n        }\r\n    },\r\n    beforeDestroy() {\r\n        this.$bus.$off('changeDateComp')\r\n    },\r\n    mounted() {\r\n        this.$bus.$on('changeDateComp', () => {\r\n            this.getAxiosData()\r\n        })\r\n        this.$bus.$on('loadElement', res => {\r\n            this.setData(res)\r\n        })\r\n        this.$bus.$on('rightLoading', () => {\r\n            this.rightLoading = true\r\n        })\r\n        this.$root.$on('resize', () => {\r\n            this.resize(500)\r\n        })\r\n    },\r\n    methods: {\r\n        loadComplete() {\r\n            this.rightLoading = false\r\n            this.$nextTick(() => {\r\n                this.$emit('mounted')\r\n            })\r\n        },\r\n\r\n        setIsSub(item) {\r\n            this.isSub = item.isSub\r\n            let { year, quarter } = JSON.parse(sessionStorage.getItem('searchDate'))\r\n            this.quarter = quarter\r\n            this.year = year\r\n            if (item.name === '改革报表分档结果') {\r\n                this.lsFd = { A: true, B: true, C: true, D: true, E: true }\r\n            } else {\r\n                this.lsFd = item.isSub\r\n                    ? { A: true, B: true, C: true, D: true }\r\n                    : { A: true, B: false, C: false, D: false }\r\n            }\r\n        },\r\n        getGradeRemark(item, mapData) {\r\n            this.gradeRemarkData = []\r\n            if (item.gradeRemark) {\r\n                this.$nextTick(() => {\r\n                    let gradeKey = Object.keys(item.gradeRemark)\r\n                    gradeKey.forEach(grade => {\r\n                        let { leftText, rightText } = item.gradeRemark[grade]\r\n                        this.gradeRemarkData.push({\r\n                            grade,\r\n                            gradeRemark: rightText ? leftText + (mapData[item.meanValueKey] || '') + rightText : leftText\r\n                        })\r\n                    })\r\n                })\r\n            }\r\n        },\r\n        // 导出图片弹窗第调用\r\n        setData(item) {\r\n            this.rightLoading = true\r\n            this.indexObj = item\r\n            this.setIsSub(item)\r\n            this.initData(item)\r\n        },\r\n        // handleDetail(comp, unitName, type) {\r\n        //     this.$router.push({\r\n        //         path: '/DetailComponent',\r\n        //         name: 'DetailComponent',\r\n        //         query: {\r\n        //             unitName,\r\n        //             comp,\r\n        //             type,\r\n        //             numType: 'nationalNum',\r\n        //         },\r\n        //     })\r\n        // },\r\n        handleDetail(comp, unitName, type) {\r\n            this.$router.push({\r\n                path: '/DetailComponent',\r\n                name: 'DetailComponent',\r\n                query: {\r\n                    unitName,\r\n                    comp,\r\n                    type,\r\n                    numType: 'nationalNum'\r\n                }\r\n            })\r\n        },\r\n        initData(item) {\r\n            // this.loading = true\r\n            let searchDate = sessionStorage.getItem('searchDate')\r\n            searchDate = JSON.parse(searchDate)\r\n            let data = this.qs.stringify({\r\n                year: searchDate.year,\r\n                quarter: searchDate.quarter\r\n            })\r\n            setTimeout(() => {\r\n                let mapData = JSON.parse(sessionStorage.getItem('mapData'))\r\n                this.getGradeRemark(item, mapData)\r\n                this.formatSortData(mapData.statementDetailVo)\r\n                if (!this.isSub) {\r\n                    let arr = JSON.parse(JSON.stringify(this.tableData[0]))\r\n                    this.$bus.$emit('exportExcel', arr)\r\n                } else {\r\n                    this.$bus.$emit('exportExcel', mapData.statementDetailVo)\r\n                }\r\n            }, 500)\r\n            // console.log(mapData, 'mapData');\r\n            // apiList.statementDetail(data, (res) => {\r\n            //     if (res) {\r\n            //         this.meanObj = res\r\n            //         this.formatSortData(res.statementDetailVo)\r\n            //         if (!this.isSub) {\r\n            //             let arr = JSON.parse(JSON.stringify(this.tableData[0]))\r\n            //             this.$bus.$emit('exportExcel', arr)\r\n            //         } else {\r\n            //             this.$bus.$emit('exportExcel', res.statementDetailVo)\r\n            //         }\r\n            //     }\r\n            // })\r\n        },\r\n        getAxiosData() {\r\n            let searchDate = sessionStorage.getItem('searchDate')\r\n            searchDate = JSON.parse(searchDate)\r\n            let data = this.qs.stringify({\r\n                year: searchDate.year,\r\n                quarter: searchDate.quarter\r\n            })\r\n            apiList.statementDetail(data, res => {\r\n                if (res) {\r\n                    sessionStorage.setItem('mapData', JSON.stringify(res))\r\n                    // this.$forceUpdate()\r\n                }\r\n            })\r\n        },\r\n        formatSortData(data) {\r\n            this.levelDataA = []\r\n            this.levelDataB = []\r\n            this.levelDataC = []\r\n            this.levelDataD = []\r\n            this.levelDataE = []\r\n            \r\n            let { year, quarter } = JSON.parse(sessionStorage.getItem('searchDate'))\r\n            let { value:typeNum, grade:typeGrade, sn:typeSn } = this.indexObj\r\n            console.log(this.indexObj,'this.indexObj')\r\n            data.sort((a, b) => {\r\n              return a[typeNum] - b[typeNum]\r\n            })\r\n            data.forEach(item => {\r\n                if (item[typeGrade] == 'A') {\r\n                    this.levelDataA.unshift(item)\r\n                }\r\n                if (item[typeGrade] == 'B') {\r\n                    this.levelDataB.unshift(item)\r\n                }\r\n                if (item[typeGrade] == 'C') {\r\n                    this.levelDataC.unshift(item)\r\n                }\r\n                if (item[typeGrade] == 'D') {\r\n                    this.levelDataD.unshift(item)\r\n                }\r\n                if (item[typeGrade] == 'E') {\r\n                    this.levelDataE.unshift(item)\r\n                }\r\n            })\r\n            console.log(this.levelDataA,'this.levelDataAthis.levelDataA')\r\n\r\n            if (quarter !== 5) {\r\n                let ljxqGrade = data.filter(item => item.unitCode === '500191000000')\r\n                let gxqGrade = data.filter(item => item.unitCode === '500193000000')\r\n                this.ljxqGrade = ljxqGrade[0][typeGrade]\r\n                this.gxqGrade = gxqGrade[0][typeGrade]\r\n            } else {\r\n                this.ljxqGrade = ''\r\n                this.gxqGrade = ''\r\n            }\r\n            this.isSub && this.myChartMain && this.handleMapArea(data, 'composite')\r\n            // 根据项目个数排序\r\n            if(typeNum === 'gyzcphSjz'){\r\n\r\n            }else{\r\n\r\n            }\r\n            let Aarr = this.levelDataA.sort((a, b) => a.orderNo - b.orderNo)\r\n            let Barr = this.levelDataB.sort((a, b) => a.orderNo - b.orderNo)\r\n            let Carr = this.levelDataC.sort((a, b) => a.orderNo - b.orderNo)\r\n            let Darr = this.levelDataD.sort((a, b) => a.orderNo - b.orderNo)\r\n            let Earr = this.levelDataE.sort((a, b) => a.orderNo - b.orderNo)\r\n            // 根据区县排序\r\n            let Aarr1 = Aarr.sort((a, b) => {\r\n                if (typeSn && year > 2023) {\r\n                    return a[typeSn] - b[typeSn]\r\n                } else {\r\n                    return b[typeNum] - a[typeNum]\r\n                }\r\n            })\r\n            let Barr1 = Barr.sort((a, b) => {\r\n                if (typeSn && year > 2023) {\r\n                    return a[typeSn] - b[typeSn]\r\n                } else {\r\n                    return b[typeNum] - a[typeNum]\r\n                }\r\n            })\r\n            let Carr1 = Carr.sort((a, b) => {\r\n                if (typeSn && year > 2023) {\r\n                    return a[typeSn] - b[typeSn]\r\n                } else {\r\n                    return b[typeNum] - a[typeNum]\r\n                }\r\n            })\r\n            let Darr1 = Darr.sort((a, b) => {\r\n                if (typeSn && year > 2023) {\r\n                    return a[typeSn] - b[typeSn]\r\n                } else {\r\n                    return b[typeNum] - a[typeNum]\r\n                }\r\n            })\r\n            let Earr1 = Earr.sort((a, b) => {\r\n                if (typeSn && year > 2023) {\r\n                    return a[typeSn] - b[typeSn]\r\n                } else {\r\n                    return b[typeNum] - a[typeNum]\r\n                }\r\n            })\r\n\r\n            if (!this.isSub) {\r\n                // 只晾晒不分档\r\n                if (!Aarr1.length) {\r\n                    data.sort((a, b) => a.orderNo - b.orderNo)\r\n                    data.sort((a, b) => b[typeNum] - a[typeNum])\r\n                    Aarr1 = data\r\n                } else {\r\n                    Aarr1 = [...Aarr1, ...Barr1, ...Carr1, ...Darr1, ...Earr1]\r\n                }\r\n                let AarrOne = Aarr1.splice(0, 14)\r\n                let AarrTwo = Aarr1.splice(0, 14)\r\n                let AarrThree = Aarr1\r\n                Aarr1 = [...AarrThree, ...AarrTwo, ...AarrOne]\r\n                this.tableData = [Aarr1, [], [], [], []]\r\n            } else {\r\n                // 晾晒并分档\r\n                this.tableData = [Aarr1, Barr1, Carr1, Darr1, Earr1]\r\n            }\r\n          console.log(this.tableData,'this.tableDatathis.tableDatathis.tableData')\r\n        },\r\n        handleMapArea(markData, key) {\r\n            this.optionCQ.series[0].data = this.convertData(\r\n                cq.features,\r\n                markData,\r\n                key\r\n            )\r\n            this.optionMain.series[0].data = this.convertData(\r\n                main9.features,\r\n                markData,\r\n                key,\r\n                true\r\n            )\r\n\r\n            this.myChartCQ.setOption(this.optionCQ)\r\n            this.myChartMain.setOption(this.optionMain)\r\n            this.loading = false\r\n        },\r\n        convertData(data, mapData, key, showTitle) {\r\n            let { year, quarter } = JSON.parse(sessionStorage.getItem('searchDate'))\r\n            if (quarter === 5) {\r\n                mapData.forEach(item => {\r\n                    item.allGrade = ''\r\n                    item.nationalProjectGrade = ''\r\n                    item.nationwideGrade = ''\r\n                    item.nationalPassGrade = ''\r\n                    item.workableNationalAddGrade = ''\r\n                    item.cityGrade = ''\r\n                })\r\n            }\r\n\r\n            let res = []\r\n            for (let i = 0; i < data.length; i++) {\r\n                let obj = data[i].properties\r\n                let color = '#081c47'\r\n                let find = mapData.find(item => item.unitCode == obj.code)\r\n\r\n                let regionSnKey = 'allSn'\r\n                if (key == 'composite') {\r\n                    regionSnKey = this.indexObj.grade\r\n                }\r\n                if (key == 'workable') {\r\n                    regionSnKey = 'workableAllSn'\r\n                }\r\n                if (key == 'brand') {\r\n                    regionSnKey = 'brandAllSn'\r\n                }\r\n                if (key == 'satisfaction') {\r\n                    regionSnKey = 'satisfiedAllSn'\r\n                }\r\n                if (find && key !== 'risk') {\r\n                    // 绿色：#20A367 蓝色：#3877B2 黄色：#E3C428 橙色：#E49317 红色：#B04332\r\n                    if (find[regionSnKey] == 'A') {\r\n                        // color = '#398C8F'\r\n                        color = '#20A367'\r\n                    } else if (find[regionSnKey] == 'B') {\r\n                        // color = '#1970C1'\r\n                        color = '#3877B2'\r\n                    } else if (find[regionSnKey] == 'C') {\r\n                        // color = '#A3A355'\r\n                        color = '#E3C428'\r\n                    } else if (find[regionSnKey] == 'D') {\r\n                        // color = '#B0825C'\r\n                        color = '#E49317'\r\n                    } else if (find[regionSnKey] == 'E') {\r\n                        // color = '#9B4E55'\r\n                        color = '#B04332'\r\n                    }\r\n                }\r\n                let show = true\r\n                let offset = [0, 0]\r\n                if (\r\n                    [\r\n                        '渝中区',\r\n                        '大渡口区',\r\n                        '江北区',\r\n                        '沙坪坝区',\r\n                        '九龙坡区',\r\n                        '南岸区',\r\n                        '北碚区',\r\n                        '渝北区',\r\n                        '巴南区',\r\n                        '两江新区',\r\n                        '高新区'\r\n                    ].includes(obj.name)\r\n                ) {\r\n                    show = false\r\n                }\r\n                if (['沙坪坝区'].includes(obj.name)) {\r\n                    offset = [-10, 0]\r\n                }\r\n                if (['九龙坡区'].includes(obj.name)) {\r\n                    offset = [-10, -10]\r\n                }\r\n                if (['大渡口区'].includes(obj.name)) {\r\n                    offset = [0, 5]\r\n                }\r\n                if (['江北区'].includes(obj.name)) {\r\n                    offset = [10, 0]\r\n                }\r\n                if (['南岸区'].includes(obj.name)) {\r\n                    offset = [10, 6]\r\n                }\r\n                if (['綦江区'].includes(obj.name)) {\r\n                    offset = [0, 20]\r\n                }\r\n                if (showTitle != undefined) {\r\n                    show = showTitle\r\n                }\r\n                if (obj.name == '两江新区' || obj.name == '高新区') {\r\n                    show = false\r\n                }\r\n                res.push({\r\n                    name: obj.name,\r\n                    value: find ? find['unitCode'] : 0,\r\n                    itemStyle: {\r\n                        color: color,\r\n                        areaColor: color,\r\n                        label: {\r\n                            show\r\n                        }\r\n                    },\r\n                    label: {\r\n                        show,\r\n                        offset, //是否对文字进行偏移。默认不偏移。例如：[30, 40] 表示文字在横向上偏移 30，纵向上偏移 40。\r\n                        position: 'inside', //标签的位置。// 绝对的像素值[10, 10]\r\n                        color: '#fff',\r\n                        fontSize: 12\r\n                    },\r\n                    emphasis: {\r\n                        // disabled: true,\r\n                        itemStyle: {\r\n                            areaColor: emphasisColor[find ? find[regionSnKey] : 'N']\r\n                        },\r\n                        label: {\r\n                            color: '#ffffff'\r\n                        }\r\n                    }\r\n                })\r\n            }\r\n            return res\r\n        },\r\n        initMapCQ() {\r\n            let dom = document.getElementById(this.CQId)\r\n            if (dom) {\r\n                let width = getComputedStyle(dom)\r\n                    .getPropertyValue('width')\r\n                    .replace('px', '')\r\n                let height = getComputedStyle(dom)\r\n                    .getPropertyValue('height')\r\n                    .replace('px', '')\r\n                width = parseInt(width, 10)\r\n                height = parseInt(height, 10)\r\n                this.myChartCQ =\r\n                    dom &&\r\n                    echarts.init(dom, null, {\r\n                        renderer: 'svg',\r\n                        width,\r\n                        height\r\n                    })\r\n                // 注册 echarts 地图\r\n\r\n                echarts.registerMap('cq', cq)\r\n                var markPointData = []\r\n                let map = 'cq',\r\n                    top = '40%',\r\n                    left = '-15%',\r\n                    zoom = 1.2,\r\n                    aspectScale = 1,\r\n                    center = [106.5049, 29], // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\r\n                    layoutCenter = ['50%', '50%']\r\n                this.optionCQ = {\r\n                    series: [\r\n                        {\r\n                            name: '重庆',\r\n                            type: 'map', //配置显示方式为用户自定义\r\n                            map,\r\n                            zoom, // 地图比例\r\n                            zlevel: 100,\r\n                            center, // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\r\n                            aspectScale,\r\n                            // roam: true,\r\n                            scaleLimit: {\r\n                                min: 0.6,\r\n                                max: 4\r\n                            },\r\n                            itemStyle: {\r\n                                borderWidth: 1, //设置外层边框\r\n                                borderColor: '#2ddcfd'\r\n                            },\r\n                            emphasis: {\r\n                                itemStyle: {\r\n                                    areaColor: 'yellow'\r\n                                }\r\n                            },\r\n                            top,\r\n                            left,\r\n                            data: this.convertData(cq.features, fakeData.btnkey1, 'risk')\r\n                        }\r\n                    ]\r\n                }\r\n                this.myChartCQ.setOption(this.optionCQ)\r\n                if (this.isClick) {\r\n                    this.myChartCQ.on('click', params => {\r\n                        let code = params.value\r\n                        if (!code) {\r\n                            code = this.getAreaCode(params.name, cq)\r\n                        }\r\n                        this.$router.push({\r\n                            path: '/DistrictReformSubView',\r\n                            query: {\r\n                                name: params.name,\r\n                                code: code,\r\n                            }\r\n                        })\r\n                        let tooltip = document.getElementsByClassName('data-tooltip')\r\n                        Array.from(tooltip).forEach(item => {\r\n                            item.remove()\r\n                        })\r\n                    })\r\n                }\r\n            }\r\n        },\r\n        initMapMain() {\r\n            let dom = document.getElementById(this.main9Id)\r\n            if (dom) {\r\n                this.myChartMain = echarts.init(dom, null, {\r\n                    renderer: 'svg'\r\n                })\r\n                // 注册 echarts 地图\r\n                echarts.registerMap('main9', main9)\r\n                var markPointData = []\r\n                let top = 28, //\r\n                    left = 25,\r\n                    zoom = 1.2,\r\n                    map = 'main9',\r\n                    aspectScale = 1,\r\n                    layoutCenter = ['50%', '50%'],\r\n                    center = [106.204962, 29.533155] // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\r\n                this.optionMain = {\r\n                    geo: [\r\n                        {\r\n                            map,\r\n                            zoom,\r\n                            zlevel: 0,\r\n                            aspectScale,\r\n                            itemStyle: {\r\n                                borderWidth: 0\r\n                            },\r\n                            emphasis: {\r\n                                itemStyle: {\r\n                                    areaColor: 'yellow'\r\n                                }\r\n                            },\r\n                            tooltip: {\r\n                                show: false\r\n                            },\r\n                            top,\r\n                            left,\r\n                            layoutCenter\r\n                        }\r\n                    ],\r\n                    series: [\r\n                        {\r\n                            name: '重庆主城',\r\n                            type: 'map',\r\n                            map,\r\n                            zoom, // 地图比例\r\n                            zlevel: 100,\r\n                            // center, // 地图中心位置， 此处的纬度与下面的center相差1度是形成阴影的距离，可自己随意调整\r\n                            aspectScale,\r\n                            itemStyle: {\r\n                                borderWidth: 1, //设置外层边框\r\n                                borderColor: 'white'\r\n                            },\r\n                            emphasis: {\r\n                                // disabled: true,\r\n                                itemStyle: {\r\n                                    areaColor: 'yellow'\r\n                                }\r\n                            },\r\n                            top,\r\n                            left,\r\n                            data: this.convertData(\r\n                                main9.features,\r\n                                fakeData.btnkey1,\r\n                                'risk',\r\n                                true\r\n                            )\r\n                        }\r\n                    ]\r\n                }\r\n                this.myChartMain.setOption(this.optionMain)\r\n                if (this.isClick) {\r\n                    this.myChartMain.on('click', params => {\r\n                        let code = params.value\r\n                        if (!code) {\r\n                            code = this.getAreaCode(params.name, main9)\r\n                        }\r\n                        this.$router.push({\r\n                            path: '/DistrictReformSubView',\r\n                            query: {\r\n                                name: params.name,\r\n                                code: code,\r\n                            }\r\n                        })\r\n                        let tooltip = document.querySelectorAll('.data-tooltip')\r\n                        Array.from(tooltip).forEach(item => {\r\n                            item.remove()\r\n                        })\r\n                    })\r\n                }\r\n            }\r\n        },\r\n        resize(delay) {\r\n            // 动态计算表格的高度，自适应当前容器\r\n            setTimeout(() => {\r\n                let dom = document.getElementById(this.CQId)\r\n                if (!dom) return\r\n                let width = getComputedStyle(dom)\r\n                    .getPropertyValue('width')\r\n                    .replace('px', '')\r\n                let height = getComputedStyle(dom)\r\n                    .getPropertyValue('height')\r\n                    .replace('px', '')\r\n                width = parseInt(width, 10)\r\n                height = parseInt(height, 10)\r\n                this.myChartCQ.resize({\r\n                    width: width,\r\n                    height: height\r\n                })\r\n                this.myChartMain.resize()\r\n            }, delay || 0)\r\n        },\r\n        goToSub(type) {\r\n            let data = {\r\n                ljxq: {\r\n                    name: '两江新区',\r\n                    code: '500191000000'\r\n                },\r\n                gxq: {\r\n                    name: '高新区',\r\n                    code: '500193000000'\r\n                }\r\n            }\r\n            this.$router.push({\r\n                path: '/DistrictReformSubView',\r\n                query: {\r\n                    name: data[type].name,\r\n                    code: data[type].code,\r\n                }\r\n            })\r\n        }\r\n    },\r\n}\r\n",null]}