<template>
    <div class="pd10" v-loading="loading" element-loading-text="数据加载中">
        <el-form :inline="true" :model="formData" class="demo-form-inline">
            <el-form-item v-show="true">
                <Area ref="area" class="box" @click="handleNodeClick"></Area>
            </el-form-item>

            <el-form-item>
                <Timeinterval :interval="interval" ref="interval"></Timeinterval>
            </el-form-item>
            <el-form-item label="系统类型:" v-show="false">
                <el-select v-model="modelSwitching" :disabled="true" @change="gbName" placeholder="选择">
                    <el-option
                        v-for="item in Switching"
                        :key="item.id"
                        :label="item.label"
                        :value="item.id"
                    ></el-option>
                </el-select>
            </el-form-item>

            <el-form-item>
                <el-button @click="info" type="primary" icon="el-icon-search">查询</el-button>
            </el-form-item>
        </el-form>

        <el-row id="echarts">
            <el-carousel
                v-if="showCarousel"
                :interval="6000"
                :autoplay="action"
                type="card"
                @change="carouselChange"
                class="boxDiv"
                :style="` top: ${boxvh + 10}px;`"
                style="width: 50%; font-size: 12px; left: 50px; margin-bottom: 10px"
                height="40px"
            >
                <el-button
                    @click="stopFucarous"
                    size=""
                    type="primary"
                    class="primary"
                    :icon="icon"
                    circle
                    style="z-index: 9999; position: relative; margin-top: 0px"
                ></el-button>
                <el-carousel-item v-for="item in XList" :key="item">
                    <h3 class="medium">{{ item }}</h3>
                </el-carousel-item>
            </el-carousel>
            <el-col :span="14" style="position: relative">
                <svg-icon v-show="isfanhui" class="back" icon-class="back" @click="fanhui" />
                <div v-show="control == 0 || control == 2" id="map" class="xiaoshou"></div>
                <div v-if="control == 1" :style="`height:${boxvh}px;width:100%`">
                    <block :listcard="listcard" :showDiv="showDiv" />
                </div>
                <!-- :autoplay="false" -->
            </el-col>
            <el-col :span="10" style="position: relative">
                <el-row>
                    <el-col :span="24" :style="`height:${vhh};overflow: hidden;`" id="wytpg">
                        <el-button
                            style="position: absolute; right: 10px; z-index: 2000"
                            type="text"
                            icon="el-icon-download"
                            title="生成图片"
                            @click="download"
                        >
                            下载
                        </el-button>
                        <div ref="fbt" id="outlineechartw"></div>
                    </el-col>
                </el-row>
                <div class="ecBox">
                    <div v-if="showDiv == 0"></div>
                    <div v-if="showDiv == 1"></div>
                    <div v-if="showDiv == 2"></div>
                    <div v-if="showDiv == 3"></div>
                    <div v-if="showDiv == 4"></div>
                    <div v-if="showDiv == 5"></div>
                    <div v-if="showDiv == 6"></div>
                    <div v-if="showDiv == 7"></div>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
import api from '@/api/pollution/pollution'
import html2canvas from 'html2canvas'
import Area from '@/views/components/Area/Area.vue'
import Timeinterval from '../../components/Timeinterval.vue'
import yan from '@/assets/commjs/color'
import { dicData } from '../../../assets/commjs/dictypeData'
import * as myEchart from 'echarts'
import api1 from '@/api/integraliy/integraliy'
import api2 from '@/api/onlinerate/onlinerate'
import api3 from '@/api/pollution/pollution'
import api4 from '@/api/harmonic/harmonic'
import { getAreaData, getCalculation } from '@/api/Tableabove'
import block from '../view/block'
export default {
    name: 'overview',
    components: { Area, Timeinterval, block },
    data() {
        return {
            zoom: '',
            action: true,
            icon: 'el-icon-sort',
            changeName1: '谐波电压(%)',
            id: 1,
            vh: null,
            vhh: null,
            WordColor: JSON.parse(window.localStorage.echartsColor).WordColor,
            boxvh: null,
            showDiv: 0,
            optionsType: [],
            listcard: [[], [], [], [], [], [], [], []],

            showCarousel: false,
            disabled: true,
            dataList: [],
            XList: ['合格率', '完整性', '畸变率', '在线率', '暂降', '综合评估', '污区图', '谐波统计'],
            echartsheight: undefined,
            preDisabled: false, //时间组件只读控制
            pickDisabled: false,
            options: [
                { label: '年', value: 1 },
                { label: '季度', value: 2 },
                { label: '月', value: 3 },
                { label: '周', value: 4 }
                // { label: "自定义", value: 5 },
                // { label: "半年", value: 6 },
            ],
            //表单
            interval: 3, //间隔类型
            item: ['', ''],
            device: 1,
            formData: {
                statisticalType: [],
                monitorFlag: 2,
                powerFlag: 2,
                reportFlag: '',
                deptIndex: '',
                searchBeginTime: '',
                searchEndTime: ''
            },

            deptIndex: '',
            modelSwitching: null,
            control: null,
            Switching: [
                {
                    label: '省级',
                    id: 0
                },
                {
                    label: '企业',
                    id: 1
                },
                {
                    label: '数据中心',
                    id: 2
                }
            ],
            ydata1: [],
            ydata2: [],
            ydata3: [],
            ydata4: [],
            ydata5: [],
            ydata6: [],
            ydata7: [],
            ydata8: [],
            tenheight: undefined,
            loading: false,
            //表格高度
            h: undefined,
            changeName: '谐波电压(%)',
            xdata: [],
            ydata: [],
            provinces: {
                中国: require('@/views/map2/mapData/zhonguo.json'),
                上海: require('@/views/map2/mapData/shanghai.json'),
                河北: require('@/views/map2/mapData/hebei.json'),
                山西: require('@/views/map2/mapData/shanxi.json'),
                内蒙古: require('@/views/map2/mapData/neimenggu.json'),
                辽宁: require('@/views/map2/mapData/liaoning.json'),
                吉林: require('@/views/map2/mapData/jilin.json'),
                黑龙江: require('@/views/map2/mapData/heilongjiang.json'),
                江苏: require('@/views/map2/mapData/jiangsu.json'),
                浙江: require('@/views/map2/mapData/zhejiang.json'),
                安徽: require('@/views/map2/mapData/anhui.json'),
                福建: require('@/views/map2/mapData/fujian.json'),
                江西: require('@/views/map2/mapData/jiangxi.json'),
                山东: require('@/views/map2/mapData/shandong.json'),
                河南: require('@/views/map2/mapData/henan.json'),
                湖北: require('@/views/map2/mapData/hubei.json'),
                湖南: require('@/views/map2/mapData/hunan.json'),
                广东: require('@/views/map2/mapData/guangdong.json'),
                广西: require('@/views/map2/mapData/guangxi.json'),
                海南: require('@/views/map2/mapData/hainan.json'),
                四川: require('@/views/map2/mapData/sichuan.json'),
                贵州: require('@/views/map2/mapData/guizhou.json'),
                云南: require('@/views/map2/mapData/yunnan.json'),
                西藏: require('@/views/map2/mapData/xizang.json'),
                陕西: require('@/views/map2/mapData/shanxi1.json'),
                甘肃: require('@/views/map2/mapData/gansu.json'),
                青海: require('@/views/map2/mapData/qinghai.json'),
                宁夏: require('@/views/map2/mapData/ningxia.json'),
                新疆: require('@/views/map2/mapData/xinjiang.json'),
                北京: require('@/views/map2/mapData/beijing.json'),
                天津: require('@/views/map2/mapData/tianjin.json'),
                重庆: require('@/views/map2/mapData/chongqing.json'),
                香港: require('@/views/map2/mapData/xianggang.json'),
                澳门: require('@/views/map2/mapData/aomen.json'),
                台湾: require('@/views/map2/mapData/taiwan.json')
            },
            myChart: null,
            isfanhui: false,
            name: 'wtzhpg',
            timeValue: [],
            title: '中国',
            myChartes: null,
            mapList: [[], [], [], [], [], [], [], [], []]
        }
    },
    created() {
        this.formData.deptIndex = JSON.parse(window.sessionStorage.getItem('Info')).deptId

        this.modelSwitching = JSON.parse(window.sessionStorage.getItem('sysData')).type
        //this.modelSwitching = 1;
    },
    mounted() {
        this.setHeight()
        window.addEventListener('resize', this.setHeight)
        this.resizeEchartd()

        this.info()
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.setHeight)
    },
    methods: {
        setHeight() {
            this.boxvh = window.sessionStorage.getItem('appheight') - 110
            this.vh = window.sessionStorage.getItem('appheight') / 2 - 85 + 'px'
            this.vhh = window.sessionStorage.getItem('appheight') - 50 + 'px'
            if (this.myChartes !== '') {
                this.myChartes.resize()
            }
        },
        stopFucarous() {
            if (this.action) {
                this.action = false
                this.icon = 'el-icon-video-play'
            } else {
                this.action = true
                this.icon = 'el-icon-sort'
            }
        },
        async info() {
            this.loading = true
            this.mapList = [[], [], [], [], [], [], [], [], []]
            let data = {
                deptIndex: this.formData.deptIndex,
                loadType: dicData('Interference_Source', []),
                monitorFlag: 2,
                manufacturer: dicData('Dev_Manufacturers', []),
                searchBeginTime: this.$refs.interval.timeValue[0],
                searchEndTime: this.$refs.interval.timeValue[1],
                statisticalType: {}, //dicData("Statistical_Type", ["Report_Type"]),
                powerFlag: 2,

                scale: dicData('Dev_Voltage_Stand', []),
                periodBeginTime: '',
                periodEndTime: '',
                timeFlag: this.$refs.interval.timeFlag
            }
            let data1 = {
                deptIndex: this.formData.deptIndex,
                loadType: dicData('Interference_Source', []),
                monitorFlag: 2,
                manufacturer: dicData('Dev_Manufacturers', []),
                searchBeginTime: this.$refs.interval.timeValue[0],
                searchEndTime: this.$refs.interval.timeValue[1],
                statisticalType: dicData('Statistical_Type', ['Report_Type'])[0], //dicData("Statistical_Type", ["Report_Type"]),
                powerFlag: 2,

                scale: dicData('Dev_Voltage_Stand', [])
            }
            // 地图
            this.control = this.modelSwitching
            if (this.modelSwitching == 1) {
                // 企业
                // 合格率
                await api1.getEnterpriseSteadyQualify(data).then(res => {
                    res.data.forEach(item => {
                        item.data =
                            (item.flicker +
                                item.freqOffset +
                                item.harmonicCurrent +
                                item.harmonicVoltage +
                                item.interHarmonic +
                                item.negativeCurrent +
                                item.voltageOffset +
                                item.voltageUnbalance) /
                            8
                        item.children.forEach(val => {
                            val.data =
                                (val.flicker +
                                    val.freqOffset +
                                    val.harmonicCurrent +
                                    val.harmonicVoltage +
                                    val.interHarmonic +
                                    val.negativeCurrent +
                                    val.voltageOffset +
                                    val.voltageUnbalance) /
                                8
                        })
                    })
                    this.listcard[0] = res.data
                })
                await api1.getSteadyQualifyCensus(data).then(res => {
                    this.ydata1 = res.data.freqOffset
                    this.ydata2 = res.data.flicker
                    this.ydata3 = res.data.voltageUnbalance
                    this.ydata4 = res.data.harmonicVoltage
                    this.ydata5 = res.data.voltageOffset
                    this.ydata6 = res.data.harmonicCurrent
                    this.ydata7 = res.data.negativeCurrent
                    this.ydata8 = res.data.interHarmonic
                    for (let i = 0; i < res.data.type.length; i++) {
                        this.mapList[0].push({
                            name: res.data.type[i].split('\n')[0],
                            value: res.data.harmonicVoltage[i]
                        })
                    }
                    this.showCarousel = true
                    // this.dataList = this.mapList[0];
                    // this.getMapData();
                    this.evaluation(this.mapList[0], '合格率')
                    this.loading = false
                })
                // 完整性
                await api1.getEnterpriseIntegrityData(data1).then(res => {
                    res.data.forEach(item => {
                        item.data = item.integrityData

                        item.children.forEach(val => {
                            val.data = val.integrityData
                        })
                    })
                    this.listcard[1] = res.data
                })
                await api1.IntegrityIcon(data).then(res => {
                    res.data.forEach(item => {
                        this.mapList[1].push({
                            name: item.type.split('\n')[0],
                            value: item.single
                        })
                    })
                })
                // 畸变率
                await api1.getNodeTHDistortionData(data1).then(res => {
                    res.data.forEach(item => {
                        item.data = item.distortion
                        item.children.forEach(val => {
                            val.data = val.distortion
                        })
                    })
                    this.listcard[2] = res.data
                })
                await api1.getTHDistortionCensus(data).then(res => {
                    for (let i = 0; i < res.data.type.length; i++) {
                        this.mapList[2].push({
                            name: res.data.type[i].split('\n')[0],
                            value: res.data.single[i]
                        })
                    }
                })
                // 在线率
                await api1
                    .getNodeOnlineRateData({
                        deptIndex: this.formData.deptIndex,
                        loadType: dicData('Interference_Source', []),
                        monitorFlag: 2,
                        manufacturer: dicData('Dev_Manufacturers', []),
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Statistical_Type', ['Report_Type'])[0], //dicData("Statistical_Type", ["Report_Type"]),
                        powerFlag: 2,
                        serverName: 'harmonicBoot',
                        scale: dicData('Dev_Voltage_Stand', [])
                    })
                    .then(res => {
                        res.data.forEach(item => {
                            item.data = item.onlineRate
                            item.children.forEach(val => {
                                val.data = val.onlineRate
                            })
                        })
                        this.listcard[3] = res.data
                    })
                await api2.getOnlineRateDataCensus(data).then(res => {
                    for (let i = 0; i < res.data.type.length; i++) {
                        this.mapList[3].push({
                            name: res.data.type[i].split('\n')[0],
                            value: res.data.single[i]
                        })
                    }
                })
                // 暂降
                await getCalculation(data).then(res => {
                    this.listcard[4] = res.data
                })
                await getAreaData(data).then(res => {
                    res.data.areaStatistics.areaCalculation.forEach(item => {
                        this.mapList[4].push({
                            name: item.areaName.split('\n')[0],
                            value: item.frequency
                        })
                    })
                })
                await api1.getComAccessData(data).then(res => {
                    this.listcard[5] = res.data
                    res.data.forEach(item => {
                        this.mapList[5].push({
                            name: item.name,
                            value: item.data
                        })
                    })
                })
                await api3
                    .deptSubstationRelations({
                        deptIndex: this.formData.deptIndex,
                        id: '',
                        monitorFlag: 2,
                        powerFlag: 2,
                        reportFlag: this.$refs.interval.interval,
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Pollution_Statis', [
                            'I_Neg',
                            'V_Inharm',
                            'V_Dev',
                            'V_Unbalance',
                            'Plt',
                            'Freq_Dev'
                        ])[0]
                    })
                    .then(res => {
                        this.listcard[6] = res.data
                        res.data.forEach(item => {
                            this.mapList[6].push({
                                name: item.name.split('\n')[0],
                                value: item.data == -1 ? 0 : item.data
                            })
                        })
                    })
                // 谐波统计
                await api4
                    .deptInfolins({
                        deptIndex: this.formData.deptIndex,
                        id: '',
                        monitorFlag: 2,
                        powerFlag: 2,
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Indicator_Type', [
                            'PLPC',
                            'DYPC',
                            'SXDYBPHD',
                            'CSSB',
                            'FXDL',
                            'JXBDY'
                        ])[0]
                    })
                    .then(res => {
                        res.data.forEach(item => {
                            this.mapList[7].push({ name: item.name, value: item.ratio })
                        })
                    })
                await api4
                    .deptSubstationRelations({
                        deptIndex: this.formData.deptIndex,
                        id: '',
                        monitorFlag: 2,
                        powerFlag: 2,
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Indicator_Type', [
                            'PLPC',
                            'DYPC',
                            'SXDYBPHD',
                            'CSSB',
                            'FXDL',
                            'JXBDY'
                        ])[0]
                    })
                    .then(res => {
                        this.listcard[7] = res.data
                    })
            } else {
                // 合格率
                await api1.getSteadyQualifyCensus(data).then(res => {
                    this.ydata1 = res.data.freqOffset
                    this.ydata2 = res.data.flicker
                    this.ydata3 = res.data.voltageUnbalance
                    this.ydata4 = res.data.harmonicVoltage
                    this.ydata5 = res.data.voltageOffset
                    this.ydata6 = res.data.harmonicCurrent
                    this.ydata7 = res.data.negativeCurrent
                    this.ydata8 = res.data.interHarmonic
                    for (let i = 0; i < res.data.type.length; i++) {
                        this.mapList[0].push({
                            name: res.data.type[i].split('\n')[0],
                            value: res.data.harmonicVoltage[i]
                        })
                    }
                    this.showCarousel = true
                    this.dataList = this.mapList[0]
                    this.getMapData()
                    this.evaluation(this.mapList[0], '合格率')
                })
                // 完整性
                await api1.IntegrityIcon(data).then(res => {
                    res.data.forEach(item => {
                        this.mapList[1].push({
                            name: item.type.split('\n')[0],
                            value: item.single
                        })
                    })
                })

                // 畸变率
                await api1.getTHDistortionCensus(data).then(res => {
                    for (let i = 0; i < res.data.type.length; i++) {
                        this.mapList[2].push({
                            name: res.data.type[i].split('\n')[0],
                            value: res.data.single[i]
                        })
                    }
                })

                // 在线率
                await api2.getOnlineRateDataCensus(data).then(res => {
                    for (let i = 0; i < res.data.type.length; i++) {
                        this.mapList[3].push({
                            name: res.data.type[i].split('\n')[0],
                            value: res.data.single[i]
                        })
                    }
                })
                // 暂降
                await getAreaData(data).then(res => {
                    res.data.areaStatistics.areaCalculation.forEach(item => {
                        this.mapList[4].push({
                            name: item.areaName.split('\n')[0],
                            value: item.frequency
                        })
                    })
                })
                // 综合评估
                await api1.getComAccessData(data).then(res => {
                    //this.listcard[5] = res.data;
                    res.data.forEach(item => {
                        this.mapList[5].push({
                            name: item.name,
                            value: item.data
                        })
                    })
                })
                // 污区图
                await api3
                    .deptSubstationRelations({
                        deptIndex: this.formData.deptIndex,
                        id: '',
                        monitorFlag: 2,
                        powerFlag: 2,
                        reportFlag: this.$refs.interval.interval,
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Pollution_Statis', [
                            'I_Neg',
                            'V_Inharm',
                            'V_Dev',
                            'V_Unbalance',
                            'Plt',
                            'Freq_Dev'
                        ])[0]
                    })
                    .then(res => {
                        //this.listcard[6] = res.data;
                        res.data.forEach(item => {
                            this.mapList[6].push({
                                name: item.name.split('\n')[0],
                                value: item.data == -1 ? 0 : item.data
                            })
                        })
                    })

                // 谐波统计
                await api4
                    .deptInfolins({
                        deptIndex: this.formData.deptIndex,
                        id: '',
                        monitorFlag: 2,
                        powerFlag: 2,
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Indicator_Type', [
                            'PLPC',
                            'DYPC',
                            'SXDYBPHD',
                            'CSSB',
                            'FXDL',
                            'JXBDY'
                        ])[0]
                    })
                    .then(res => {
                        res.data.forEach(item => {
                            this.mapList[7].push({ name: item.name, value: item.ratio })
                        })
                    })
                await api4
                    .deptSubstationRelations({
                        deptIndex: this.formData.deptIndex,
                        id: '',
                        monitorFlag: 2,
                        powerFlag: 2,
                        searchBeginTime: this.$refs.interval.timeValue[0],
                        searchEndTime: this.$refs.interval.timeValue[1],
                        statisticalType: dicData('Indicator_Type', [
                            'PLPC',
                            'DYPC',
                            'SXDYBPHD',
                            'CSSB',
                            'FXDL',
                            'JXBDY'
                        ])[0]
                    })
                    .then(res => {
                        // this.listcard[7] = res.data;
                    })
                //this.control = this.modelSwitching;

                if (this.control == 0 || this.control == 2) {
                    this.dataList = this.mapList[1]
                    this.getMapData()
                    this.evaluation(this.mapList[1], '完整性')
                }
            }

            this.loading = false
            //this.evaluation(this.mapList[0], "合格率");
            this.showCarousel = true
        },
        resizeEchartd() {
            var elementResizeDetectorMaker = require('element-resize-detector')
            if (document.getElementById('wytpg')) {
                var erd = elementResizeDetectorMaker()
                erd.listenTo(document.getElementById('wytpg'), element => {
                    let domeId = document.getElementById('wytpg')
                    let domeId2 = document.getElementById('outlineechartw')
                    domeId2.style.width = domeId.offsetWidth - 10 + 'px'
                })
            }
        },
        handleNodeClick(data) {
            this.formData.deptIndex = data.id

            this.title = data.areaName
        },
        // dmo元素里的内容转换为canvas,并将canvas下载为图片
        download() {
            // 转换成canvas
            html2canvas(document.getElementById('echarts'), {
                background: '#fff',
                scale: 1
            }).then(function (canvas) {
                // 创建a标签，实现下载
                var creatIMg = document.createElement('a')
                creatIMg.download = '图表.png' // 设置下载的文件名，
                creatIMg.href = canvas.toDataURL() // 下载url
                // document.body.appendChild(creatIMg);
                creatIMg.click()
                creatIMg.remove() // 下载之后把创建的元素删除
            })
        },
        //获取地图
        getMapData() {
            let domID1 = document.getElementById('map')
            let obj = {
                name: this.title,
                scatterData: [], // 撒点数据
                mapData: [], // 面板数据
                index: 0 // 0:全国,1:省,2:市场
            }
            ;(domID1.style.width = window.sessionStorage.getItem('appwidth') / 1.7 + 'px'),
                (domID1.style.height = window.sessionStorage.getItem('appheight') - 63 + 'px')
            myEchart.registerMap(
                obj.name,
                this.provinces[obj.name] == undefined ? this.provinces['中国'] : this.provinces[obj.name]
            )
            if (this.myChart != null) {
                this.myChart.dispose()
            }
            this.myChart = myEchart.init(domID1)

            this.renderMap(obj)
            window.onresize = () => {
                this.myChart.resize()
            }
            this.myChartClick()
        },
        renderMap(obj) {
            const keyName = obj.name
            let _this = this
            let option = {
                visualMap: {
                    min: 0,
                    max: 2,
                    left: 0,
                    bottom: '10px',
                    showLabel: !0,
                    //text: ["高", "低"],
                    pieces:
                        this.showDiv == 5
                            ? [
                                  {
                                      gte: 4.5,
                                      lt: 5,
                                      label: '优秀',
                                      color: '#339966'
                                  },
                                  {
                                      gte: 4,
                                      lt: 4.5,
                                      label: '良好',
                                      color: '#3399ff'
                                  },
                                  {
                                      gte: 3,
                                      lt: 4,
                                      label: '合格',
                                      color: '#ffcc33'
                                  },
                                  {
                                      gte: 2,
                                      lt: 3,
                                      label: '较差',
                                      color: '#ff9900'
                                  },
                                  {
                                      gt: 1,
                                      lt: 2,
                                      label: '极差',
                                      color: '#CC0000'
                                  },
                                  {
                                      gt: 3.14159,
                                      lt: 3.14159,
                                      label: '无数据',
                                      color: '#ccc'
                                  }
                              ]
                            : this.showDiv == 6
                            ? [
                                  {
                                      gte: 0.1,
                                      lt: 1.2,
                                      label: '1级',
                                      color: '#393'
                                  },
                                  {
                                      gte: 1.2,
                                      lt: 1.4,
                                      label: '2级',
                                      color: '#39f'
                                  },
                                  {
                                      gte: 1.4,
                                      lt: 1.6,
                                      label: '3级',
                                      color: '#fc0'
                                  },
                                  {
                                      gte: 1.6,
                                      lt: 1.8,
                                      label: '4级',
                                      color: '#f90'
                                  },
                                  {
                                      gte: 1.8,
                                      label: '5级',
                                      color: '#f30'
                                  },
                                  {
                                      gt: 3.14159,
                                      lt: 3.14159,
                                      label: '无数据',
                                      color: '#ccc'
                                  }
                              ]
                            : this.showDiv == 7
                            ? [
                                  {
                                      gt: 90,
                                      label: '极差≥90%',
                                      color: '#CC0000'
                                  },
                                  {
                                      gte: 60,
                                      lt: 90,
                                      label: '60%良好<90%',
                                      color: '#FFCC33'
                                  },
                                  {
                                      gt: 0,
                                      lt: 60,
                                      label: '优秀<60%',
                                      color: '#339966'
                                  },
                                  {
                                      gt: 3.14159,
                                      lt: 3.14159,
                                      label: '无数据',
                                      color: '#ccc'
                                  }
                              ]
                            : this.showDiv == 2
                            ? [
                                  {
                                      gt: 0,
                                      lt: 2,
                                      label: '畸变率<=2%',
                                      color: '#07CCCA'
                                  },
                                  {
                                      gt: 2,
                                      lt: 100,
                                      label: '畸变率>2%',
                                      color: '#CC0000'
                                  },
                                  {
                                      gte: 0,
                                      lt: 0,
                                      label: '无数据',
                                      color: '#ccc'
                                  }
                                  // {
                                  //   gt: 0,
                                  //   lt: 60,
                                  //   label: "指标<60%",
                                  //   color: "#07CCCA",
                                  // },
                              ]
                            : this.showDiv == 4
                            ? [
                                  {
                                      gt: 0.5,
                                      lt: 100000,
                                      label: '暂降次数',
                                      color: '#07CCCA'
                                  },
                                  {
                                      gt: 3.14159,
                                      lt: 3.14159,
                                      label: '无数据',
                                      color: '#ccc'
                                  }
                                  // {
                                  //   gte: 60,
                                  //   lt: 90,
                                  //   label: "60%≤指标<90%",
                                  //   color: "#07CCCA",
                                  // },
                                  // {
                                  //   gt: 0,
                                  //   lt: 60,
                                  //   label: "指标<60%",
                                  //   color: "#07CCCA",
                                  // },
                              ]
                            : this.showDiv == 0
                            ? [
                                  {
                                      gt: 90,
                                      label: '合格率≥90%',
                                      color: '#339966'
                                  },
                                  {
                                      gte: 60,
                                      lt: 90,
                                      label: '60%≤合格率<90%',
                                      color: '#FFCC33'
                                  },
                                  {
                                      gt: 0,
                                      lt: 60,
                                      label: '合格率<60%',
                                      color: '#CC0000'
                                  }
                              ]
                            : this.showDiv == 1
                            ? [
                                  {
                                      gt: 90,
                                      label: '完整性≥90%',
                                      color: '#339966'
                                  },
                                  {
                                      gte: 60,
                                      lt: 90,
                                      label: '60%≤完整性<90%',
                                      color: '#FFCC33'
                                  },
                                  {
                                      gt: 0,
                                      lt: 60,
                                      label: '无数据',
                                      color: '#CC0000'
                                  },
                                  {
                                      gt: 3.14159,
                                      lt: 3.14159,
                                      label: '完整性<60%',
                                      color: '#ccc'
                                  }
                              ]
                            : [
                                  {
                                      gt: 90,
                                      label: '在线率≥90%',
                                      color: '#339966'
                                  },
                                  {
                                      gte: 60,
                                      lt: 90,
                                      label: '60%≤在线率<90%',
                                      color: '#FFCC33'
                                  },
                                  {
                                      gt: 0,
                                      lt: 60,
                                      label: '在线率<60%',
                                      color: '#CC0000'
                                  },
                                  {
                                      gt: 3.14159,
                                      lt: 3.14159,
                                      label: '无数据',
                                      color: '#ccc'
                                  }
                              ],

                    show: 0,
                    inRange: {
                        color: [
                            '#ccc',
                            yan.ColorObject.noContaminated,
                            yan.ColorObject.qwContaminated,
                            yan.ColorObject.centerContaminated,
                            yan.ColorObject.qdContaminated,
                            yan.ColorObject.zdContaminated
                        ] //蓝红
                    }
                },
                geo: {
                    type: 'map',
                    map: keyName,
                    roam: true,
                    // scaleLimit: {
                    //     min: 1,
                    //     max: 2
                    // },
                    zoom: obj.name == '海南' ? 5 : 1.1,
                    top: obj.name == '海南' ? 1300 : 120,
                    left: obj.name == '海南' ? 700 : 'center',
                    label: {
                        normal: {
                            show: true,
                            fontSize: '14',
                            color: 'rgba(0,0,0,0.7)'
                        }
                    },
                    itemStyle: {
                        normal: {
                            areaColor: '#FFFfFF',
                            //shadowBlur: 50,
                            // shadowColor: '#CCCCCC',
                            backgroundColor: 'red',
                            borderColor: '#00CCFF'
                        },
                        emphasis: {
                            areaColor: '#03484b2f',
                            shadowOffsetX: 0,
                            shadowOffsetY: 0,
                            borderWidth: 0
                        }
                    }
                },
                series: [
                    {
                        geoIndex: 0,
                        type: 'map',
                        label: {
                            show: true,
                            position: 'top',
                            color: '#00f',
                            margin: 10,
                            formatter: '{b}:{c}'
                        },
                        mapType: name,
                        data: this.dataList,
                        roam: true,
                        zoom: 1.1,
                        showLegendSymbol: true,
                        emphasis: {},
                        rippleEffect: {
                            show: true,
                            brushType: 'stroke',
                            scale: 2.5,
                            period: 4
                        }
                    }
                ]
            }

            this.myChart.setOption(option, true)
            window.echartsArr.push(this.myChart)
            this.loading = false
        },
        //地图点击事件
        myChartClick() {
            // debugger
            //  document.body.removeEventListener('touchmove',bodyScroll,false);
            this.myChart.off('click') //取消echarts 点击事件
            this.myChart.on('click', params => {
                //  alert(2122)
                // debugger
                if (params.componentSubType == 'map') {
                    const { name } = params
                    // gettableData
                    this.isfanhui = true

                    this.$refs.area.form.options[0].children.forEach(item => {
                        if (item.name == name) {
                            this.$refs.area.form.valueTitle = item.name
                            this.title = item.name
                            this.formData.deptIndex = item.id
                            this.item = this.$refs.interval.timeValue
                            this.formData.reportFlag = this.interval
                            this.formData.searchBeginTime = this.item[0]
                            this.formData.searchEndTime = this.item[1]
                            let obj = {
                                name,
                                scatterData: [],
                                mapData: [],
                                index: 2
                            }
                            this.info()

                            myEchart.registerMap(name, this.provinces[name])
                            //重新渲染地图

                            this.renderMap(obj)
                        } else {
                            let obj = {
                                name,
                                scatterData: [],
                                mapData: [],
                                index: 2
                            }

                            myEchart.registerMap(name, this.provinces[name])
                            this.renderMap(obj)
                        }
                    })
                }
            })
        },
        //返回
        fanhui() {
            this.isfanhui = false
            this.formData.deptIndex = JSON.parse(window.sessionStorage.getItem('Info')).deptId
            this.title = '中国'
            this.item = this.$refs.interval.timeValue

            this.$refs.area.form.valueTitle = JSON.parse(window.sessionStorage.getItem('Info')).deptName

            this.info()
        },
        //柱状图
        evaluation(list, title) {
            let yList = []
            list.forEach(item => {
                yList.push(item.name)
            })

            const echarts = require('echarts')

            let domID1 = document.getElementById('outlineechartw')
            setTimeout(() => {
                domID1.style.width = document.getElementById('wytpg').offsetWidth - 0 + 'px'
                domID1.style.height = window.sessionStorage.getItem('appheight') - 80 + 'px'
            }, 0)
            if (this.myChartes != null) {
                this.myChartes.dispose()
            }
            this.myChartes = echarts.init(domID1)
            let echartsColor = JSON.parse(window.localStorage.echartsColor)
            let option = {}
            if (title == '合格率') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        textStyle: {
                            fontSize: yan.EchartObject.titleNamefontSize1,
                            color: echartsColor.WordColor
                        }
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                        },
                        formatter: function (params) {
                            var tips = ''
                            tips += params[0].name + '</br/>'
                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == 3.14159) {
                                    tips += params[i].seriesName + ':暂无数据<br/>'
                                } else {
                                    tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                }
                            }
                            return tips
                        }
                    },
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '50px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],
                    yAxis: [
                        {
                            name: '区域',
                            type: 'category',
                            data: yList,
                            boundaryGap: true,
                            nameTextStyle: {
                                // lineHeight:30, //标题行高
                                verticalAlign: 'top', //标题位置
                                padding: [-28, 20, 50, 20]
                            },
                            splitLine: {
                                show: false,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLabel: {
                                // formatter: function (value) {
                                //             if (value.length > 8) {
                                //               return `${value.slice(0, 8)}`;
                                //             }
                                //             return value;
                                //           },
                                textStyle: {
                                    fontFamily: yan.EchartObject.fontFamily,
                                    color: echartsColor.WordColor,
                                    fontSize: yan.EchartObject.xNamefontSize
                                }
                            },
                            axisLine: {
                                show: true,
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                },
                                symbol: ['none', 'arrow']
                            }
                        }
                    ],
                    // toolbox:yan.EchartObject.toolbox1 ,
                    xAxis: [
                        {
                            name: yan.EchartObject.nuit1,
                            type: 'value',
                            boundaryGap: true,
                            nameTextStyle: {
                                //lineHeight:20, //标题行高
                                verticalAlign: 'top', //标题位置
                                padding: [-5, 0, 0, 20]
                            },
                            min: 0,
                            max: 100,
                            splitLine: {
                                show: true
                            },
                            axisLine: {
                                show: true,
                                symbolOffset: 30, //箭头距离x轴末端距离
                                symbol: ['none', 'arrow'],
                                lineStyle: {
                                    color: echartsColor.thread,
                                    shadowOffsetX: 30,
                                    shadowColor: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor,
                                fontSize: yan.EchartObject.xNamefontSize
                            },
                            splitArea: {
                                show: false
                            }
                        }
                    ],
                    series: [
                        {
                            name: '频率偏差',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            stack: '1',
                            label: {
                                normal: {
                                    //show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata1
                        },
                        {
                            name: '闪变',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    // show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata2
                        },
                        {
                            name: '三相电压不平衡',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    // show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata3
                        },
                        {
                            name: '谐波电压',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    //show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata4
                        },
                        {
                            name: '电压偏差',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    //show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata5
                        },
                        {
                            name: '谐波电流',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    // show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata6
                        },
                        {
                            name: '负序电流',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    // show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            data: this.ydata7
                        },
                        {
                            name: '间谐波电压含有率',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    //show: true,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value !== 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qualifiedRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 3.14159) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#cccccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                data: [
                                    {
                                        name: '',
                                        xAxis: 100,
                                        lineStyle: {
                                            color: yan.ColorObject.qualifiedRate1
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qualifiedRate1
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 90,
                                        lineStyle: {
                                            color: yan.ColorObject.qualifiedRate2
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qualifiedRate2
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 60,
                                        lineStyle: {
                                            color: yan.ColorObject.qualifiedRate3
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qualifiedRate3
                                            }
                                        }
                                    }
                                ]
                            },
                            data: this.ydata8
                        }
                    ]
                }
            } else if (title == '完整性') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        textStyle: {
                            fontSize: yan.EchartObject.titleNamefontSize1,
                            color: echartsColor.WordColor
                        }
                    },
                        tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        formatter: function (params) {
                            var tips = ''

                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == 3.14159) {
                                    tips += params[i].name + '</br>'
                                    tips += '数据完整性:暂无数据'
                                } else {
                                    tips += params[i].name + '</br>'
                                    tips += '数据完整性:' + params[i].value
                                }
                            }
                            return tips
                        }
                    },

                    yAxis: [
                        {
                            name: '区域',
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            type: 'category',
                            boundaryGap: true,
                            data: yList,
                            splitLine: {
                                show: false
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLabel: {
                                textStyle: {
                                    fontFamily: yan.EchartObject.fontFamily,
                                    color: echartsColor.WordColor,
                                    fontSize: yan.EchartObject.xNamefontSize
                                },
                                rotate: 0
                            },
                            axisLine: {
                                show: true,
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                },
                                symbol: ['none', 'arrow']
                            }
                        }
                    ],
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '50px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],
                    xAxis: [
                        {
                            name: yan.EchartObject.nuit1,
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                verticalAlign: 'top', //标题位置
                                padding: [-5, 0, 0, 20]
                            },
                            type: 'value',
                            boundaryGap: true,
                            min: 0,
                            max: 100,
                            axisLabel: {
                                color: echartsColor.WordColor,
                                fontSize: yan.EchartObject.xNamefontSize
                            },
                            splitLine: {
                                show: false
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetX: 30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            },
                            splitArea: {
                                show: false
                            }
                        }
                    ],
                    series: [
                        {
                            name: this.timeValue,
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    show: false,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [{ offset: 1, color: yan.ColorObject.Integrity1 }],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [{ offset: 1, color: yan.ColorObject.Integrity2 }],
                                                false
                                            )
                                        } else if (
                                            params.value <= 60 &&
                                            params.value !== 3.14159 &&
                                            params.value !== 1
                                        ) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [{ offset: 1, color: yan.ColorObject.Integrity3 }],
                                                false
                                            )
                                        } else if (params.value == 3.14159 || params.value == 1) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [{ offset: 1, color: '#ccc' }],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                data: [
                                    {
                                        name: '',
                                        xAxis: 100,
                                        lineStyle: {
                                            color: yan.ColorObject.Integrity1
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.Integrity1
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 90,
                                        lineStyle: {
                                            color: yan.ColorObject.Integrity2
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.Integrity2
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 60,
                                        lineStyle: {
                                            color: yan.ColorObject.Integrity3
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.Integrity3
                                            }
                                        }
                                    }
                                ]
                            },
                            data: list
                        }
                    ]
                }
            } else if (title == '畸变率') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        textStyle: {
                            fontSize: yan.EchartObject.titleNamefontSize1,
                            color: echartsColor.WordColor
                        }
                        //subtext: '单位(%)'
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)'
                    },
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '50px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],

                    yAxis: [
                        {
                            name: '区域',
                            type: 'category',
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            data: yList,
                            boundaryGap: true,
                            splitLine: {
                                show: false
                            },
                            splitLine: {
                                show: false
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],

                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            },
                            axisLabel: {
                                interval: 0,
                                textStyle: {
                                    fontFamily: yan.EchartObject.fontFamily,
                                    color: '#000'
                                }
                            }
                        }
                    ],
                    xAxis: [
                        {
                            name: '%',
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                verticalAlign: 'top', //标题位置
                                padding: [-5, 0, 0, 20]
                            },
                            type: 'value',
                            boundaryGap: true,
                            min: 0,

                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#00'
                                }
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetX: 30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            }
                        }
                    ],
                    series: [
                        {
                            name: '总畸变率',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    // show: true,
                                    // position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    color: function (params) {
                                        if (params.value > 2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [{ offset: 1, color: yan.ColorObject.Integrity3 }],
                                                false
                                            )
                                        } else if (params.value <= 2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [{ offset: 1, color: echartsColor.FigureColor[0] }],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                data: [
                                    {
                                        name: '',
                                        xAxis: 2,
                                        lineStyle: {
                                            color: echartsColor.FigureColor[0]
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: echartsColor.FigureColor[0]
                                            }
                                        }
                                    }
                                ]
                            },
                            data: list
                        }
                    ]
                }
            } else if (title == '在线率') {
                option = {
                    title: {
                        text: title,
                        left: 'center'
                        //subtext: '单位(%)'
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        formatter: function (params) {
                            var tips = ''

                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == 1) {
                                    tips += params[i].name + '</br>'
                                    tips += '在线率:暂无数据'
                                } else {
                                    tips += params[i].name + '</br>'
                                    tips += '在线率:' + params[i].value.toFixed(2)
                                }
                            }
                            return tips
                        }
                    },

                    yAxis: [
                        {
                            name: '区域',
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            type: 'category',
                            boundaryGap: true,
                            data: yList,
                            splitLine: {
                                show: false
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLabel: {
                                textStyle: {
                                    fontFamily: 'dinproRegular',
                                    color: echartsColor.WordColor
                                },
                                // formatter(value) {
                                //   return `${value.slice(0, 9)}...`;
                                // },
                                rotate: 0
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            }
                        }
                    ],
                    // toolbox: yan.EchartObject.toolbox1,
                    xAxis: [
                        {
                            name: yan.EchartObject.nuit1,
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                verticalAlign: 'top', //标题位置
                                padding: [-5, 0, 0, 20]
                            },
                            type: 'value',
                            boundaryGap: true,
                            min: 0,
                            max: 100,
                            axisLabel: {
                                color: echartsColor.WordColor,
                                fontSize: yan.EchartObject.xNamefontSize
                            },
                            splitLine: {
                                show: false
                            },
                            splitArea: {
                                show: true
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetX: 30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            }
                        }
                    ],
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '50px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],
                    series: [
                        {
                            name: this.timeValue,
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    show: false,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.onLienRate1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.onLienRate2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value <= 60 && params.value > 1) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.onLienRate3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value > 0 && params.value <= 1) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#ccc'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                data: [
                                    {
                                        name: '',
                                        xAxis: 100,
                                        lineStyle: {
                                            color: yan.ColorObject.onLienRate1
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.onLienRate1
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 90,
                                        lineStyle: {
                                            color: yan.ColorObject.onLienRate2
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.onLienRate2
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 60,
                                        lineStyle: {
                                            color: yan.ColorObject.onLienRate3
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.onLienRate3
                                            }
                                        }
                                    }
                                ]
                            },
                            data: list
                        }
                    ]
                }
            } else if (title == '暂降') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        textStyle: {
                            color: echartsColor.WordColor,
                            fontSize: yan.EchartObject.titleNamefontSize1
                        }
                    },
                    tooltip: {
                        //提示框组件
                        trigger: 'axis',

                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        borderWidth: 0,
                        formatter: function (params) {
                            // console.log(params);
                            let html = '区域：' + params[0].name
                            params.forEach((item, index) => {
                                if (item.value == 1.1) {
                                    html += `<br/>${item.seriesName}: ${0}次`
                                } else if (item.value == 1.3) {
                                    html += `<br/>${item.seriesName}: ${1}次`
                                } else {
                                    html += `<br/>${item.seriesName}: ${item.value}次`
                                }
                            })
                            return html
                        }
                    },
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '50px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],

                    yAxis: [
                        {
                            name: '区域', // 给X轴加单位
                            type: 'category',
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            data: yList,
                            boundaryGap: true,
                            splitLine: {
                                show: false
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            },
                            axisLabel: {
                                interval: 0,
                                textStyle: {
                                    fontFamily: yan.EchartObject.fontFamily,
                                    color: '#000'
                                }
                            }
                        }
                    ],
                    xAxis: [
                        {
                            name: '次',
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                verticalAlign: 'top', //标题位置
                                padding: [-5, 0, 0, 20]
                            },
                            type: 'value',
                            boundaryGap: true,
                            min: 0,

                            axisLabel: {
                                show: true,
                                textStyle: {
                                    color: '#00'
                                }
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetX: 30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            }
                        }
                    ],
                    series: [
                        {
                            barMinHeight: 5,
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            itemStyle: {
                                normal: {
                                    //这里是颜色
                                    color: function (params) {
                                        if (params.data.value == 0) {
                                            return echartsColor.FigureColor[9]
                                        } else {
                                            return echartsColor.FigureColor[0]
                                        }
                                    }
                                }
                                // color: echartsColor.FigureColor[0],
                            },
                            name: '暂降次数',
                            type: 'bar',
                            data: list
                        }
                    ]
                }
            } else if (title == '综合评估') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        textStyle: {
                            fontSize: yan.EchartObject.titleNamefontSize1,
                            color: echartsColor.WordColor
                        }
                        // subtext: ''
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        formatter: function (params) {
                            var tips = ''
                            tips += '<span style="">' + params[0].name + '</span></br/>'
                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == 0.2) {
                                    tips += params[i].seriesName + ':暂无数据<br/>'
                                } else {
                                    if (params[i].value >= 1 && params[i].value <= 2) {
                                        tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                    } else if (params[i].value > 2 && params[i].value <= 3) {
                                        tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                    } else if (params[i].value > 3 && params[i].value <= 4) {
                                        tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                    } else if (params[i].value > 4 && params[i].value <= 4.5) {
                                        tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                    } else if (params[i].value > 4.5 && params[i].value <= 5) {
                                        tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                    } else if (params[i].value > 5) {
                                        tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                    }
                                }
                            }
                            return tips
                        }
                    },
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '60px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],
                    yAxis: [
                        {
                            name: yan.EchartObject.area,
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            type: 'category',
                            data: yList,
                            boundaryGap: true,
                            splitLine: {
                                show: false,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLine: {
                                show: true,
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                },
                                symbol: ['none', 'arrow']
                            },
                            axisLabel: {
                                textStyle: {
                                    fontFamily: yan.EchartObject.fontFamily,
                                    color: echartsColor.WordColor,
                                    fontSize: yan.EchartObject.xNamefontSize
                                },
                                rotate: 0
                            }
                        }
                    ],
                    //   toolbox: yan.EchartObject.toolbox1,
                    xAxis: {
                        name: yan.EchartObject.grade,
                        type: 'value',
                        boundaryGap: true,
                        nameTextStyle: {
                            //lineHeight:20, //标题行高
                            verticalAlign: 'top', //标题位置
                            padding: [-5, 0, 0, 20]
                        },
                        min: 0,
                        max: 5,
                        interval: 0.5,
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: echartsColor.WordColor
                            },
                            // 这里重新定义就可以
                            formatter: function (value, index) {
                                var texts = []
                                if (value == 1) {
                                    texts.push('1级')
                                } else if (value == 2) {
                                    texts.push('2级')
                                } else if (value == 3) {
                                    texts.push('3级')
                                } else if (value == 4) {
                                    texts.push('4级')
                                } else if (value == 5) {
                                    texts.push('5级')
                                }
                                return texts
                            }
                        },
                        axisLine: {
                            show: true,
                            symbolOffset: 30, //箭头距离x轴末端距离
                            lineStyle: {
                                shadowOffsetX: 30,
                                color: echartsColor.thread,
                                shadowColor: echartsColor.thread //设置阴影的颜色
                            },
                            symbol: ['none', 'arrow']
                        }
                    },

                    series: [
                        {
                            name: '评估值',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    show: false,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (4.5 < params.value && params.value <= 5 && params.value !== 0.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.noContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (4 < params.value && params.value <= 4.5 && params.value !== 0.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qwContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (3 < params.value && params.value <= 4 && params.value !== 0.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qdContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (2 < params.value && params.value <= 3 && params.value !== 0.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.centerContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 1 && params.value <= 2 && params.value !== 0.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.zdContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 0.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#999999'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                lineStyle: {
                                    color: 'red',
                                    width: 1
                                },
                                emphasis: {
                                    lineStyle: {
                                        width: 1
                                    }
                                },
                                data: [
                                    {
                                        name: '',
                                        xAxis: 1,
                                        lineStyle: {
                                            color: yan.ColorObject.zdContaminated
                                        },
                                        label: {
                                            // position:"middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.zdContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 2,
                                        lineStyle: {
                                            color: yan.ColorObject.centerContaminated
                                        },
                                        label: {
                                            // position:"middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.centerContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 3,
                                        lineStyle: {
                                            color: yan.ColorObject.qdContaminated
                                        },
                                        label: {
                                            // position:"middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qdContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 4,
                                        lineStyle: {
                                            color: yan.ColorObject.qwContaminated
                                        },
                                        label: {
                                            // position:"middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qwContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 5,
                                        lineStyle: {
                                            color: yan.ColorObject.noContaminated
                                        },
                                        label: {
                                            // position:"middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.noContaminated
                                            }
                                        }
                                    }
                                ]
                            },
                            data: list
                        }
                    ]
                }
            } else if (title == '污区图') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        textStyle: {
                            fontSize: 20,
                            color: echartsColor.WordColor
                        }
                        // subtext: ''
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        formatter: function (params) {
                            var tips = ''
                            tips += '<span style="">' + params[0].name + '</br>'
                            ;('</span>')
                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == 0.05) {
                                    tips += params[i].seriesName + ':暂无数据<br/>'
                                } else {
                                    tips += params[i].seriesName + ':' + params[i].value
                                }
                            }
                            return tips
                        }
                    },
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '60px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],

                    yAxis: [
                        {
                            name: yan.EchartObject.area,
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            type: 'category',
                            boundaryGap: true,
                            data: yList,
                            splitLine: {
                                show: false,
                                type: 'dashed',
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLine: {
                                show: true,
                                symbol: ['none', 'arrow'],
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                }
                            },
                            axisLabel: {
                                interval: 0,
                                textStyle: {
                                    fontFamily: 'dinproRegular',
                                    color: echartsColor.WordColor
                                },
                                rotate: yan.rotate(yList.length)
                            }
                        }
                    ],
                    //toolbox:  yan.EchartObject.toolbox1,
                    xAxis: {
                        name: yan.EchartObject.grade,
                        type: 'value',
                        boundaryGap: true,
                        nameTextStyle: {
                            //lineHeight:20, //标题行高
                            verticalAlign: 'top', //标题位置
                            padding: [-5, 0, 0, 20]
                        },
                        min: 0,
                        max: 2,
                        interval: 0.2,
                        axisLabel: {
                            show: true,
                            textStyle: {
                                color: echartsColor.WordColor
                            },
                            // 这里重新定义就可以
                            formatter: function (value, index) {
                                var texts = []
                                if (value === 1) {
                                    texts.push('1级')
                                } else if (value === 1.2) {
                                    texts.push('2级')
                                } else if (value === 1.4) {
                                    texts.push('3级')
                                } else if (value === 1.6) {
                                    texts.push('4级')
                                } else if (value === 2) {
                                    texts.push('5级')
                                }
                                return texts
                            }
                        },
                        splitLine: {
                            show: false,
                            lineStyle: {
                                // 使用深浅的间隔色
                                color: [echartsColor.thread],
                                //type: "dashed",
                                opacity: 0.5
                            }
                        },
                        axisLine: {
                            show: true,
                            symbolOffset: 30, //箭头距离x轴末端距离
                            lineStyle: {
                                shadowOffsetX: 30,
                                color: echartsColor.thread,
                                shadowColor: echartsColor.thread //设置阴影的颜色
                            },
                            symbol: ['none', 'arrow']
                        }
                    },

                    series: [
                        {
                            name: '污染值',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    show: false,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value > 2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.zdContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (1.6 < params.value && params.value <= 2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.centerContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (1.2 < params.value && params.value <= 1.6) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qdContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (1 < params.value && params.value <= 1.2) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.qwContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (
                                            0 < params.value &&
                                            params.value <= 1 &&
                                            params.value >= 0 &&
                                            params.value !== 0.05
                                        ) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.noContaminated
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 0.05) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#999999'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                lineStyle: {
                                    color: 'red',
                                    width: 1
                                },
                                emphasis: {
                                    lineStyle: {
                                        width: 1
                                    }
                                },
                                data: [
                                    {
                                        name: '',
                                        xAxis: 1,
                                        lineStyle: {
                                            color: yan.ColorObject.noContaminated
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.noContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 1.2,
                                        lineStyle: {
                                            color: yan.ColorObject.qwContaminated
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qwContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 1.4,
                                        lineStyle: {
                                            color: yan.ColorObject.qdContaminated
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.qdContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 1.6,
                                        lineStyle: {
                                            color: yan.ColorObject.centerContaminated
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.centerContaminated
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 2,
                                        lineStyle: {
                                            color: yan.ColorObject.zdContaminated
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.zdContaminated
                                            }
                                        }
                                    }
                                ]
                            },
                            data: list
                        }
                    ]
                }
            } else if (title == '谐波统计') {
                option = {
                    title: {
                        text: title,
                        left: 'center',
                        //subtext: '占比(%)',

                        textStyle: {
                            font: yan.EchartObject.zNamefontSize,
                            color: echartsColor.WordColor
                        }
                    },
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            type: 'shadow',
                            label: {
                                color: '#fff',
                                fontSize: 16
                            }
                        },
                        textStyle: {
                            color: '#fff',
                            fontStyle: 'normal',
                            opacity: 0.35,
                            fontSize: 14
                        },
                        backgroundColor: 'rgba(0,0,0,0.35)',
                        formatter: function (params) {
                            var tips = ''
                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == 1) {
                                    tips += params[i].name + '<br/>' + params[i].seriesName + ':暂无数据<br/>'
                                } else {
                                    tips +=
                                        params[i].name +
                                        '<br/>' +
                                        params[i].seriesName +
                                        ':' +
                                        params[i].value +
                                        '<br/>'
                                }
                            }
                            return tips
                        }
                    },

                    yAxis: [
                        {
                            name: yan.EchartObject.area,
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                padding: [-28, 0, 15, 0]
                            },
                            type: 'category',
                            data: yList,
                            boundaryGap: true,
                            splitLine: {
                                show: false,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisTick: {
                                alignWithLabel: true
                            },
                            axisLabel: {
                                interval: 0,
                                textStyle: {
                                    fontFamily: yan.EchartObject.fontFamily,
                                    color: echartsColor.WordColor
                                },
                                rotate: yan.rotate(this.xdata.length)
                            },
                            axisLine: {
                                show: true,
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetY: -30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                },
                                symbol: ['none', 'arrow']
                            }
                        }
                    ],
                    // toolbox:yan.EchartObject.toolbox1,
                    xAxis: [
                        {
                            name: yan.EchartObject.nuit1,
                            boundaryGap: true,
                            nameTextStyle: {
                                color: echartsColor.WordColor,
                                verticalAlign: 'top', //标题位置
                                padding: [-5, 0, 0, 20]
                            },
                            min: 0,
                            max: 100,
                            type: 'value',
                            splitLine: {
                                show: false,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            splitArea: {
                                show: true
                            },
                            axisLine: {
                                show: true,
                                symbolOffset: 30, //箭头距离x轴末端距离
                                lineStyle: {
                                    shadowOffsetX: 30,
                                    color: echartsColor.thread,
                                    shadowColor: echartsColor.thread //设置阴影的颜色
                                },
                                symbol: ['none', 'arrow']
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            }
                        }
                    ],
                    grid: {
                        top: '50px', // 等价于 y: '16%'
                        left: '50px',
                        right: '50px',
                        bottom: '20px',
                        containLabel: true
                    },
                    dataZoom: [
                        {
                            type: 'inside',
                            orient: 'vertical',
                            left: '30px',
                            start: 0,
                            width: '13px',
                            end: 100
                        },
                        {
                            orient: 'vertical',
                            start: 0,
                            width: '13px',
                            left: '30px',
                            end: 100
                        }
                    ],
                    series: [
                        {
                            name: '超标占比',
                            zlevel: -99,
                            barMaxWidth: yan.EchartObject.barMaxWidth,
                            type: 'bar',
                            label: {
                                normal: {
                                    show: false,
                                    position: 'top'
                                }
                            },
                            itemStyle: {
                                normal: {
                                    // 随机显示
                                    //color:function(d){return "#"+Math.floor(Math.random()*(256*256*256-1)).toString(16);}

                                    // 定制显示（按顺序）
                                    color: function (params) {
                                        if (params.value >= 90 && params.value !== 1) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.Integrity3
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value >= 60 && params.value <= 90) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.Integrity2
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value !== 1 && params.value <= 60) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: yan.ColorObject.Integrity1
                                                    }
                                                ],
                                                false
                                            )
                                        } else if (params.value == 1) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#999999'
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            },
                            markLine: {
                                silent: false,
                                symbol: 'circle',
                                lineStyle: {
                                    width: 1
                                },
                                emphasis: {
                                    lineStyle: {
                                        width: 1
                                    }
                                },
                                data: [
                                    {
                                        name: '',
                                        xAxis: 100,
                                        lineStyle: {
                                            color: yan.ColorObject.Integrity3
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.Integrity3
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 90,
                                        lineStyle: {
                                            color: yan.ColorObject.Integrity2
                                        },
                                        label: {
                                            // position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.Integrity2
                                            }
                                        }
                                    },
                                    {
                                        name: '',
                                        xAxis: 60,
                                        lineStyle: {
                                            color: yan.ColorObject.Integrity1
                                        },
                                        label: {
                                            //position: "middle",
                                            formatter: '{b}',
                                            textStyle: {
                                                color: yan.ColorObject.Integrity1
                                            }
                                        }
                                    }
                                ]
                            },
                            data: list
                        }
                    ]
                }
            }
            this.myChartes.setOption(option)
            window.echartsArr.push(this.myChartes)
            let _this = this
            _this.$erd.listenTo(_this.$refs.fbt, element => {
                _this.$nextTick(() => {
                    domID1.style.width = document.getElementById('wytpg').offsetWidth - 0 + 'px'
                    _this.myChartes.resize()
                })
            })
            // var canvas = document.getElementsByTagName("canvas");
            // canvas[1].style="position:absolute;left:120px;"
            _this.myChartes.off('click') //取消echarts 点击事件
            _this.myChartes.on('click', params => {
                let mapid = ''
                this.$refs.area.form.options[0].children.forEach(item => {
                    if (item.name == params.name) {
                        mapid = item.id
                        return
                    } else {
                        item.children.forEach(val => {
                            if (val.name == params.name) {
                                mapid = item.id
                                return
                            }
                        })
                    }
                })
                if (_this.showDiv == 0) {
                    // console.log(123, mapid, "合格率");
                    _this.$router.push({
                        path: '/harmonic-boot/area/qualifiedRate',
                        name: 'qualificationratestatistics',
                        params: {
                            mapid0: mapid,
                            mapName0: params.name
                        }
                    })
                } else if (_this.showDiv == 1) {
                    // console.log(123, "完整性");
                    _this.$router.push({
                        path: '/harmonic-boot/harmonic/getIntegrityData',
                        name: 'dataintegritydd',
                        params: {
                            mapid1: mapid,
                            mapName1: params.name
                        }
                    })
                } else if (_this.showDiv == 2) {
                    // console.log(123, "畸变率");
                    _this.$router.push({
                        path: '/harmonic-boot/area/harmonicDistortionRate',
                        name: 'distortionratestatistics',
                        params: {
                            mapid2: mapid,
                            mapName2: params.name
                        }
                    })
                } else if (_this.showDiv == 3) {
                    // console.log(123, "在线率");
                    _this.$router.push({
                        path: '/harmonic-boot/area/OnlineRate',
                        name: 'terminalonlinerate',
                        params: {
                            mapid3: mapid,
                            mapName3: params.name
                        }
                    })
                } else if (_this.showDiv == 4) {
                    // console.log(123, "暂降");
                    _this.$router.push({
                        path: '/Region/overview',
                        name: 'areaview',
                        params: {
                            mapid4: mapid,
                            mapName4: params.name
                        }
                    })
                } else if (_this.showDiv == 5) {
                    // console.log(123, "综合评估");
                    _this.$router.push({
                        path: '/harmonic-boot/area/powerAssessment',
                        name: 'qualityestimate',
                        params: {
                            mapid5: mapid,
                            mapName5: params.name
                        }
                    })
                } else if (_this.showDiv == 6) {
                    // console.log(123, "污区图");
                    _this.$router.push({
                        path: '/harmonic-boot/qydetailedAnalysis/pollutionqy',
                        name: 'pollutionareamap',
                        params: {
                            mapid6: mapid,
                            mapName6: params.name
                        }
                    })
                } else if (_this.showDiv == 7) {
                    // console.log(123, "谐波统计");
                    _this.$router.push({
                        path: '/harmonic-boot/detailedAnalysis/harmonictj',
                        name: 'harmonicstatistics',
                        params: {
                            mapid7: mapid,
                            mapName7: params.name
                        }
                    })
                }
            })
        },
        carouselChange(e) {
            this.showDiv = e
            this.dataList = this.mapList[e]
            if (this.control == 2 || this.control == 0) {
                this.getMapData()
            } else {
            }
            this.evaluation(this.mapList[e], this.XList[e])
        },

        //切换指标类型
        gbName(val) {}
    },
    computed: {
        settings() {
            return this.$store.state.settings
        }
    }
}
</script>
<style lang="less" scoped>
@import url('../../../styles/comStyle.less');
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #07648f !important;
}
::v-deep.primary {
    background-color: #00307863 !important;
    border-color: #00307867 !important;
}
::v-deep.primary:focus {
    background-color: #0030784f !important;
    border-color: #2f405a !important;
}
::v-deep .el-carousel__container {
    position: relative;
    // height: 300px ;
    border-radius: 20px;
    background: #466e831e !important;
    font-weight: bold !important;
    font-size: 16px !important;
}
::v-deep .el-carousel__mask {
    width: 100%;
    background-color: #4f5c6141 !important;
    border-radius: 20px;
    opacity: 0.24;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.picker {
    width: 98%;
}
::v-deep .form-item--small.el-form-item {
    margin-bottom: 10px;
}
::v-deep .el-table__body-wrapper {
    height: calc(100% - 30px) !important;
    //overflow-x: scroll !important;
}
.xiaoshou {
    cursor: pointer;

    //height: calc(100vh - 108px);
}

.wzhi {
    position: absolute;
    //font-weight: 550;
    // margin-top: 10px;
    right: 20px;
    z-index: 1;
    font-size: 14px;
}
</style>
<style lang="scss" scoped>
::v-deep .el-carousel__arrow--left {
    left: 40px !important;
}
.back {
    position: absolute;
    top: 30px;
    z-index: 9;
    margin-right: 10px;
    margin-left: auto;
    font-size: 29px;
    line-height: 32px;
    color: $themeColor;
    cursor: pointer;
    &:hover {
        color: $themeColor;
        opacity: 0.9;
    }
}
.boxDiv {
    position: absolute;
    top: 94.5% !important;
    left: 22% !important;
    z-index: 10;
    border-radius: 20px !important;
    background: #fff;
}
.ecBox {
    position: absolute;
    top: 23px;
    right: 5px;
}
.medium {
    text-align: center;
    align-items: center;
}
::v-deep .el-carousel__indicators--outside {
    display: none;
}

::v-deep .el-icon-video-play:before {
    content: '\E7C0' !important;
    font-size: 18px !important;
}
::v-deep .el-icon-sort:before {
    content: '\E7C1' !important;
    font-size: 18px !important;
}
::v-deep .el-card__header {
    padding: 5px 5px !important;
    border-bottom: 1px solid #ebeef5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

// .el-carousel__arrow--right {
//     left: 40px;
// }
// ::v-deep .el-button--text:focus,
// .el-button--text:hover {
//   color: #fdfdfd !important;
// }
.grid-content {
    border-radius: 4px;
    min-height: 36px;
}
.wr {
    margin-left: 0%;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.zd {
    color: #fff !important;
    background: #f30;
}
.zzd {
    color: #fff !important;
    background: #f90;
}
.qd {
    color: #fff !important;
    background: #fc0;
}
.qw {
    color: #fff !important;
    background: #39f;
}
.wd {
    color: #fff !important;
    background: #393;
}
.ws {
    color: #fff !important;
    background: #999;
}
.xshou {
    cursor: pointer;
}

.right-top {
    color: rgb(7, 131, 161);
    border: 1.5px solid rgb(7, 131, 161);
    border-style: solid hidden hidden hidden;
}
.xdf {
    margin-left: 2%;
    font-size: 12px;
    font-weight: bold;
    line-height: 0.6rem;
    color: #000;
}

.l1 {
    color: #fff;
    background: #999;
}
.l2 {
    color: #fff;
    background: #393;
}
.l3 {
    color: #fff;
    background: #39f;
}
.l4 {
    color: #fff;
    background: #f90;
}
.l5 {
    color: #fff;
    background: #fc0;
}
.l6 {
    color: #fff;
    background: #f30;
}
.jkl {
    height: 0.3%;
    margin-top: 1%;
    cursor: pointer;
    display: flex;
}
.cvb {
    height: 20vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.ll {
    font-weight: bold;
    color: #000;
    line-height: 20px;
    //margin-top: 1.5%;
}
.d1 {
    padding: 5px;
    line-height: 15px;
    color: #fff;
    background: #999;
    margin-top: -5px;
}
.asd {
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    color: #fff;
}
.d3 {
    padding: 1.5%;
    line-height: 10px;
    color: #fff;
    background: #39f;
    margin-top: -5px;
}
.d2 {
    line-height: 10px;
    padding: 1.5%;
    color: #fff;
    background: #339933;
    margin-top: -5px;
}
.d4 {
    padding: 1.5%;
    line-height: 10px;
    color: #fff;
    background: #f90;
    margin-top: -5px;
}
.d5 {
    padding: 5px;
    line-height: 10px;
    color: #fff;
    background: #fc0;
    margin-top: -5px;
}
.d6 {
    padding: 1.5%;
    line-height: 15px;
    color: #fff;
    background: #f30;
    margin-top: -5px;
}
.qwe {
    margin-top: 5px;
}
.fgh {
    height: 5vh;
}
.lf {
    float: left;
}
</style>
