<template>
    <div>
        <el-row>
            <el-col :span="24">
                <div class="Top" ref="top">
                    <el-form :inline="true" class="demo-form-inline">
                        <el-form-item>
                            <Timslot @time="time"></Timslot>
                        </el-form-item>

                        <el-form-item>
                            <el-button type="primary" class="ml10" icon="el-icon-search" @click="steady">
                                查询
                            </el-button>
                            <!-- <el-button type="primary" icon="el-icon-download"
                      >导出</el-button
                    > -->
                            <!-- <el-button type="primary" icon="el-icon-download"
                     @click="chakan" v-show="ischakan" >查看</el-button> -->
                            <!-- <el-button type="primary" icon="el-icon-download"
                    @click="fanhui" v-show="!ischakan" >返回</el-button> -->
                        </el-form-item>
                    </el-form>
                    <el-tabs :tab-position="tabPosition" v-model="active" @tab-click="handleClick111">
                        <el-tab-pane label="稳态指标" name="first">
                            <el-row>
                                <el-col :span="12">
                                    <div id="b1" v-loading="isLoading3">
                                        <div id="electr13" style="width: 100%; height: 100%"></div>
                                    </div>
                                </el-col>
                                <el-col :span="12">
                                    <div id="b2" v-loading="isLoading3">
                                        <div id="electr113" style="width: 100%; height: 100%"></div>
                                    </div>
                                </el-col>
                            </el-row>

                            <el-row style="margin-top: 10px">
                                <div id="b3" v-loading="isLoading3">
                                    <div id="electr1113" style="width: 100%; height: 100%"></div>
                                </div>
                            </el-row>
                        </el-tab-pane>
                        <el-tab-pane label="暂态指标" name="second">
                            <el-row>
                                <el-col :span="12">
                                    <div id="a1" v-loading="isLoading3">
                                        <div id="electr12" style="width: 100%; height: 100%"></div>
                                    </div>
                                </el-col>
                                <el-col :span="12">
                                    <div id="a2" v-loading="isLoading3">
                                        <div id="electr112" style="width: 100%; height: 100%"></div>
                                    </div>
                                </el-col>
                            </el-row>

                            <el-row style="margin-top: 10px">
                                <div id="a3" v-loading="isLoading3">
                                    <div id="electr1112" style="width: 100%; height: 100%"></div>
                                </div>
                            </el-row>
                        </el-tab-pane>
                    </el-tabs>
                </div>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import { viewheight } from '@/assets/commjs/common'
import {
    getAllRStatSubstationIcon,
    getAllRStatSubstationIcon2,
    getAllRStatSubstationIcon3,
    RStatSubstationIcon,
    RStatSubstationIcon2,
    RStatSubstationIcon3
} from '@/api/Statistical-analysis/indicatorClassification'
import { dicData } from '@/assets/commjs/dictypeData'
import Timslot from './Timeslot.vue'
export default {
    components: { Timslot },
    data() {
        return {
            dylist: [],
            tab: '',
            e1data: [],
            e2data: [],
            e3data: [],
            type: '',
            start: '',
            end: '',
            kai: true,
            ischakan: true,
            active_active: 'first-first',
            zoom: undefined, //图表焦点校验
            vh: '',
            height: null,
            device: '',
            getHeight: '',
            tabPosition: 'top',
            active: 'first',
            isLoading: false,
            isLoading2: false,
            isLoading3: false,
            isLoading4: false,
            serialData: [],
            monthlyData: [],
            max: 0
        }
    },
    created() {
        this.dylist = dicData('Dev_Voltage', [], 1)
    },
    mounted() {
        //echarts图表调用

        this.setHeight()
        window.addEventListener('resize', this.setHeight)
        this.getCensus()
    },
    beforeDestroy() {
        window.removeEventListener('resize', this.setHeight)
    },
    methods: {
        setHeight() {
            this.height = window.sessionStorage.getItem('appheight') - 210 + 'px'
            this.device = window.devicePixelRatio
            this.vh = (viewheight() - 90) / 2 + 'px'
            let b1 = document.getElementById('b1')
            let b2 = document.getElementById('b2')
            let b3 = document.getElementById('b3')
            let a1 = document.getElementById('a1')
            let a2 = document.getElementById('a2')
            let a3 = document.getElementById('a3')

            let domID12 = document.getElementById('electr12')
            let domID112 = document.getElementById('electr112')
            let domID1112 = document.getElementById('electr1112')
            let domID13 = document.getElementById('electr13')
            let domID113 = document.getElementById('electr113')
            let domID1113 = document.getElementById('electr1113')
            setTimeout(() => {
                ;(domID12.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID12.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')

                a1.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                ;(domID112.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID112.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                a2.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                ;(domID1112.style.width = window.sessionStorage.getItem('appwidth') - 40 + 'px'),
                    (domID1112.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                a3.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                ;(domID1113.style.width = window.sessionStorage.getItem('appwidth') - 40 + 'px'),
                    (domID1113.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                b3.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                ;(domID13.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID13.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')

                b1.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                ;(domID113.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID113.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                //  $("#electr2").css("width", "1667px");
                b2.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
            }, 0)
        },
        handleClick111(tab) {
            this.tab = tab
            if (tab.paneName == 'second') {
                this.account1()
            } else {
                this.account()
            }
        },
        time(val) {
            ;(this.start = val[0]), (this.end = val[1])
            this.type = val[2]
            if (this.kai) {
                this.account()
            }
        },
        steady() {
            if (this.tab.paneName == 'second') {
                this.account1()
            } else {
                this.account()
            }
        },
        handleNodeClick() {},
        fanhui() {
            this.ischakan = true
        },
        chakan() {
            this.ischakan = false
        },
        cellStyle(row, column, rowIndex, columnIndex) {
            if (row.columnIndex == 2 || row.columnIndex == 3 || row.columnIndex == 4 || row.columnIndex == 5) {
                return 'font-weight: 600;'
            }
        },
        //监测终端统计echarts图表
        async getCensus() {
            this.isLoading3 = true
            let echartsColor = JSON.parse(window.localStorage.echartsColor)

            let echarts = require('echarts')
            let b1 = document.getElementById('b1')
            let b2 = document.getElementById('b2')
            let b3 = document.getElementById('b3')
            let a1 = document.getElementById('a1')
            let a2 = document.getElementById('a2')
            let a3 = document.getElementById('a3')

            let domID12 = document.getElementById('electr12')
            let domID112 = document.getElementById('electr112')
            let domID1112 = document.getElementById('electr1112')
            let domID13 = document.getElementById('electr13')
            let domID113 = document.getElementById('electr113')
            let domID1113 = document.getElementById('electr1113')
            setTimeout(() => {
                ;(domID12.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID12.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')

                a1.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                this.isLoading3 = false
            }, 0)
            setTimeout(() => {
                ;(domID112.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID112.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                a2.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'

                this.isLoading3 = false
            }, 0)
            setTimeout(() => {
                ;(domID1112.style.width = window.sessionStorage.getItem('appwidth') - 40 + 'px'),
                    (domID1112.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                a3.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                //$("#electr1").css("width", "1667px")

                this.isLoading3 = false
            }, 0)
            setTimeout(() => {
                ;(domID1113.style.width = window.sessionStorage.getItem('appwidth') - 40 + 'px'),
                    (domID1113.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                b3.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                //$("#electr1").css("width", "1667px")

                this.isLoading3 = false
            }, 0)
            setTimeout(() => {
                ;(domID13.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID13.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                //$("#electr1").css("width", "1667px")
                b1.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                this.isLoading3 = false
            }, 0)
            setTimeout(() => {
                ;(domID113.style.width = (window.sessionStorage.getItem('appwidth') - 40) / 2 - 90 + 'px'),
                    (domID113.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px')
                //  $("#electr2").css("width", "1667px");
                b2.style.height = window.sessionStorage.getItem('appheight') / 2 - 105 + 'px'
                this.isLoading3 = false
            }, 0)

            let myChart13 = echarts.init(domID13)
            let myChart113 = echarts.init(domID113)
            let myChart1113 = echarts.init(domID1113)
            let myChart12 = echarts.init(domID12)
            let myChart112 = echarts.init(domID112)
            let myChart1112 = echarts.init(domID1112)
            let option = ''
            let option1 = ''
            let option2 = ''
            if (this.tab.paneName == 'second') {
                this.e2data.forEach(i1 => {
                    if (i1.substationCount > this.max) {
                        this.max = i1.substationCount
                    }
                    if (i1.harmonicCount > this.max) {
                        this.max = i1.harmonicCount
                    }
                })

                this.e2data.forEach(i => {
                    if (i.substationCount == 0) {
                        i.substationCount = this.max * 0.01
                    }
                    if (i.harmonicCount == 0) {
                        i.harmonicCount = this.max * 0.01
                    }
                })

                let _this = this
                let liste2data = []
                let liste2data1 = []
                let liste2data2 = []
                this.e2data.forEach(i => {
                    liste2data.push(i.substationVoltage)
                    liste2data1.push(i.substationCount)
                    liste2data2.push(i.harmonicCount)
                })
                let liste3data = []
                let liste3data1 = []
                let liste3data2 = []
                let liste3data3 = []

                this.e3data.forEach(i => {
                    liste3data.push(i.substationName)
                    liste3data1.push(i.interruptFreq)
                    liste3data2.push(i.sagFreq)
                    liste3data3.push(i.swellFreq)
                })
                let listData = [
                    this.e1data.num1,
                    this.e1data.num2,
                    this.e1data.num3,
                    this.e1data.num4,
                    this.e1data.num5,
                    this.e1data.num6,
                    this.e1data.num7,
                    this.e1data.num8,
                    this.e1data.num9,
                    this.e1data.num10
                ]
                option = {
                    title: {
                        text: '变电站暂态分布（按发生频次）',
                        left: 'center',
                        top: 20
                    },
                    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
                    },
                    color: [echartsColor.FigureColor[0], echartsColor.FigureColor[1]],
                    legend: {
                        right: 40,
                        top: 40,
                        itemWidth: 16,
                        itemHeight: 16,
                        itemGap: 28,
                        textStyle: {
                            color: echartsColor.WordColor,
                            rich: {
                                a: {
                                    verticalAlign: 'middle'
                                }
                            },

                            padding: [2, 0, 0, 0] //[上、右、下、左]
                        }
                    },
                    // toolbox: {
                    //     show: true,
                    //     top: '25',
                    //     right: '25',
                    //     feature: {
                    //         saveAsImage: {}
                    //     }
                    // },
                    grid: {
                        top: 100,
                        left: '50px',
                        bottom: '0',
                        right: '50px',
                        textStyle: {
                            color: '#fff'
                        },
                        containLabel: true
                    },
                    calculable: true,
                    xAxis: [
                        {
                            type: 'category',

                            splitLine: {
                                show: false
                            },

                            splitArea: {
                                show: false
                            },

                            axisTick: { show: false },
                            axisLine: {
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            data: ['0-10', '10-20', '30-40', '40-50', '50-60', '70-80', '80-90', '90-100']
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            name: '变电站座数(座)',
                            minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
                            nameTextStyle: {
                                color: echartsColor.WordColor
                            },
                            max:
                                Math.max(...listData) +
                                (Math.max(...listData) % 5 == 0 ? 0 : 5 - (Math.max(...listData) % 5)),
                            interval:
                                (Math.max(...listData) +
                                    (Math.max(...listData) % 5 == 0 ? 0 : 5 - (Math.max(...listData) % 5))) /
                                5,
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            splitLine: {
                                lineStyle: {
                                    // 使用深浅的间隔色
                                    color: [echartsColor.thread],
                                    type: 'dashed',
                                    opacity: 0.5
                                }
                            }
                        },
                        {
                            type: 'value',
                            name: '超标点占比:%',
                            nameTextStyle: {
                                color: echartsColor.WordColor
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            splitLine: {
                                lineStyle: {
                                    // 使用深浅的间隔色
                                    color: [echartsColor.thread],
                                    type: 'dashed',
                                    opacity: 0.5
                                }
                            }
                        }
                    ],
                    series: [
                        {
                            name: '变电站座数',
                            type: 'bar',
                            barMinHeight: 5,
                            barMaxWidth: 20, // 柱状宽度
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        // console.log(params,'1111111111111111111111');
                                        if (params.data == 0) {
                                            return '#ccc'
                                        } else {
                                            return echartsColor.FigureColor[0]
                                        }
                                    }
                                    // color: echartsColor.FigureColor[0],
                                }
                            },
                            label: {
                                show: true,
                                position: 'top',
                                textStyle: {
                                    //数值样式
                                    color: echartsColor.WordColor
                                },
                                fontSize: 12
                            },

                            data: listData
                        },

                        {
                            name: '变电站占比',
                            type: 'line',
                            yAxisIndex: 1,
                            symbolSize: 5, // 圆点大小
                            symbol: 'circle',
                            smooth: false, // 是否平滑曲线
                            itemStyle: {
                                // 折线圆点设置
                                normal: {
                                    color: echartsColor.FigureColor[1],
                                    barBorderRadius: 0
                                }
                            },
                            lineStyle: {
                                // 折线设置
                                normal: {
                                    width: 2,
                                    color: echartsColor.FigureColor[1]
                                }
                            },
                            data: [
                                this.e1data.upRatio1,
                                this.e1data.upRatio2,
                                this.e1data.upRatio3,
                                this.e1data.upRatio4,
                                this.e1data.upRatio5,
                                this.e1data.upRatio6,
                                this.e1data.upRatio7,
                                this.e1data.upRatio8,
                                this.e1data.upRatio9,
                                this.e1data.upRatio10
                            ]
                        }
                    ]
                }
                option1 = {
                    title: {
                        text: '变电站暂态超标数量',
                        left: 'center',
                        top: 10
                    },
                    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) {
                            var tips = ''
                            tips += params[0].name + '</br/>'
                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == _this.max * 0.01) {
                                    tips += params[i].seriesName + ':0<br/>'
                                } else {
                                    tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                }
                            }
                            return tips
                        }
                    },
                    // toolbox: {
                    //     show: true,
                    //     top: '25',
                    //     right: '25',
                    //     feature: {
                    //         saveAsImage: {}
                    //     }
                    // },
                    legend: {
                        data: [
                            {
                                name: '变电站数量',
                                itemStyle: { color: echartsColor.FigureColor[0] }
                            },
                            {
                                name: '暂态超标变电站数量',
                                itemStyle: { color: echartsColor.FigureColor[1] }
                            }
                        ],

                        right: 40,
                        top: 40,
                        itemWidth: 16,
                        itemHeight: 16,
                        itemGap: 28,
                        textStyle: {
                            color: echartsColor.WordColor,
                            rich: {
                                a: {
                                    verticalAlign: 'middle'
                                }
                            },

                            padding: [2, 0, 0, 0] //[上、右、下、左]
                        }
                    },
                    grid: {
                        top: 100,
                        left: '3%',
                        right: '4%',
                        bottom: '40',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: liste2data,

                            axisTick: { show: false },
                            axisLine: {
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                                // rotate: 30,   interval: 0,
                            }
                        }
                    ],
                    yAxis: [
                        {
                            minInterval: 10, //设置成1保证坐标轴分割刻度显示成整数。
                            name: '变电站座数(座)',

                            nameTextStyle: {
                                color: echartsColor.WordColor
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            splitLine: {
                                lineStyle: {
                                    // 使用深浅的间隔色
                                    color: [echartsColor.thread],
                                    type: 'dashed',
                                    opacity: 0.5
                                }
                            }
                        }
                    ],
                    dataZoom: [
                        {
                            show: true,
                            height: 12,
                            xAxisIndex: [0],
                            bottom: '3%',
                            start: 0,
                            end: 100,
                            handleIcon:
                                'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
                            handleSize: '110%',
                            handleStyle: {
                                color: '#d3dee5'
                            },
                            textStyle: {
                                color: '#fff'
                            },
                            borderColor: '#90979c'
                        },
                        {
                            type: 'inside',
                            show: true,
                            height: 15,
                            start: 0,
                            end: 100
                        }
                    ],
                    series: [
                        {
                            name: '变电站数量',
                            type: 'bar',
                            data: liste2data1,
                            barMinHeight: 5,
                            barMaxWidth: '30px',
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        if (params.value == _this.max * 0.01) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#ccc'
                                                    }
                                                ],
                                                false
                                            )
                                        } else {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: echartsColor.FigureColor[0]
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            }
                        },
                        {
                            name: '暂态超标变电站数量',
                            type: 'bar',
                            data: liste2data2,
                            barMinHeight: 5,
                            barMaxWidth: '30px',
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        if (params.value == _this.max * 0.01) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#ccc'
                                                    }
                                                ],
                                                false
                                            )
                                        } else {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: echartsColor.FigureColor[1]
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            }
                        }
                    ]
                }
                option2 = {
                    title: {
                        text: '变电站暂态超标天数',
                        left: 'center',
                        top: 20
                    },
                    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
                    },
                    legend: {
                        itemWidth: 16,
                        itemHeight: 16,
                        itemGap: 28,

                        right: 40,
                        top: 40,
                        textStyle: {
                            color: echartsColor.WordColor,
                            rich: {
                                a: {
                                    verticalAlign: 'middle'
                                }
                            },

                            padding: [2, 0, 0, 0] //[上、右、下、左]
                        }
                    },
                    grid: {
                        left: '2%',
                        top: '60px',
                        right: '2%',
                        bottom: '0',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'value',
                        minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。

                        axisTick: { show: false },
                        axisLine: {
                            lineStyle: {
                                color: echartsColor.thread
                            }
                        },
                        axisLabel: {
                            color: echartsColor.WordColor
                        }
                    },
                    yAxis: {
                        type: 'category',
                        data: liste3data,
                        nameTextStyle: {
                            color: echartsColor.WordColor
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: echartsColor.thread
                            }
                        },
                        axisLabel: {
                            color: echartsColor.WordColor
                        },
                        splitLine: {
                            lineStyle: {
                                // 使用深浅的间隔色
                                color: [echartsColor.thread],
                                type: 'dashed',
                                opacity: 0.5
                            }
                        }
                    },
                    // toolbox: {
                    //     show: true,
                    //     top: '25',
                    //     right: '35',
                    //     feature: {
                    //         saveAsImage: {}
                    //     }
                    // },
                    dataZoom: [
                        {
                            type: 'slider',
                            show: true,
                            // 设置组件控制的y轴
                            yAxisIndex: [0, 1],
                            left: 5,
                            // top: 60,
                            // 数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%
                            // 也可以用 startValue设置起始值
                            start: 0,
                            end: 10, //默认为100
                            width: 6,
                            // height: 450,
                            // 组件的背景颜色
                            // left: 600, //左边的距离
                            // right: 8,//右边的距离
                            borderRadius: 5,
                            // borderColor: "rgba(43,48,67,0.8)",
                            // fillerColor: '#ccc',//滑动块的颜色
                            //  backgroundColor: '#33384b',//两边未选中的滑动条区域的颜色
                            // 是否显示detail，即拖拽时候显示详细数值信息
                            showDetail: false,
                            // 控制手柄的尺寸
                            handleSize: 12,
                            // 是否在 dataZoom-silder 组件中显示数据阴影。数据阴影可以简单地反应数据走势。
                            showDataShadow: false
                        },
                        {
                            type: 'inside',
                            yAxisIndex: [0, 1],
                            start: 1
                            // end: 36,
                            // 不按任何功能键，鼠标滚轮能触发缩放
                            // zoomOnMouseWheel: false,
                            // 不按任何功能键，鼠标移动能触发数据窗口平移
                            // moveOnMouseWheel: true,
                        }
                    ],
                    series: [
                        {
                            barMinHeight: 5,
                            barMaxWidth: 30,
                            name: '短时中断发生频次',
                            type: 'bar',
                            stack: 'total',
                           
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[0] }
                            },
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data1
                        },
                        {
                            barMinHeight: 5,
                            barMaxWidth: 30,
                            name: '电压暂降发生频次	',
                            type: 'bar',
                            stack: 'total',
                           
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[1] }
                            },
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data2
                        },
                        {
                            barMaxWidth: 30,
                            name: '电压暂升发生频次		',
                            type: 'bar',
                            stack: 'total',
                           
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[2] }
                            },
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data3
                        }
                    ]
                }
            } else {
                let liste2data = []
                let liste2data1 = []
                let liste2data2 = []
                this.e2data.forEach(i1 => {
                    if (i1.substationCount > this.max) {
                        this.max = i1.substationCount
                    }
                    if (i1.harmonicCount > this.max) {
                        this.max = i1.harmonicCount
                    }
                })

                this.e2data.forEach(i => {
                    if (i.substationCount == 0) {
                        i.substationCount = this.max * 0.01
                    }
                    if (i.harmonicCount == 0) {
                        i.harmonicCount = this.max * 0.01
                    }
                })

                let _this = this
                this.e2data.forEach(i => {
                    liste2data.push(i.substationVoltage)
                    liste2data1.push(i.substationCount)
                    liste2data2.push(i.harmonicCount)
                })
                let liste3data = []
                let liste3data1 = []
                let liste3data2 = []
                let liste3data3 = []
                let liste3data4 = []
                let liste3data5 = []
                let liste3data6 = []
                let liste3data7 = []
                let liste3data8 = []
                this.e3data.forEach(i => {
                    liste3data.push(i.substationName)
                    liste3data1.push(i.freqAverageOverDay)
                    liste3data2.push(i.vdevAverageOverDay)
                    liste3data3.push(i.flickerAverageOverDay)
                    liste3data5.push(i.iaverageOverDay)
                    liste3data4.push(i.vaverageOverDay)
                    liste3data6.push(i.inuharmAverageOverDay)
                    liste3data7.push(i.unbalanceAverageOverDay)
                    liste3data8.push(i.inegAverageOverDay)
                })
                let listupRatio = [
                    this.e1data.upRatio1,
                    this.e1data.upRatio2,
                    this.e1data.upRatio3,
                    this.e1data.upRatio4,
                    this.e1data.upRatio5,
                    this.e1data.upRatio6,
                    this.e1data.upRatio7,
                    this.e1data.upRatio8,
                    this.e1data.upRatio9,
                    this.e1data.upRatio10
                ]
                let ListNum = [
                    this.e1data.num1,
                    this.e1data.num2,
                    this.e1data.num3,
                    this.e1data.num4,
                    this.e1data.num5,
                    this.e1data.num6,
                    this.e1data.num7,
                    this.e1data.num8,
                    this.e1data.num9,
                    this.e1data.num10
                ]
                option = {
                    title: {
                        text: '变电站稳态指标超标分布（按超标天数）',
                        left: 'center',
                        top: 20
                    },
                    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
                    },
                    color: [echartsColor.FigureColor[0], echartsColor.FigureColor[1]],
                    legend: {
                        right: 40,
                        top: 40,
                        itemWidth: 16,
                        itemHeight: 16,
                        itemGap: 28,
                        textStyle: {
                            color: echartsColor.WordColor,
                            rich: {
                                a: {
                                    verticalAlign: 'middle'
                                }
                            },

                            padding: [2, 0, 0, 0] //[上、右、下、左]
                        }
                    },
                    // toolbox: {
                    //     show: true,
                    //     top: '25',
                    //     right: '25',
                    //     feature: {
                    //         saveAsImage: {}
                    //     }
                    // },
                    grid: {
                        top: 100,
                        left: '50px',
                        bottom: '0',
                        right: '50px',
                        textStyle: {
                            color: '#fff'
                        },
                        containLabel: true
                    },
                    calculable: true,
                    xAxis: [
                        {
                            type: 'category',

                            splitLine: {
                                show: false
                            },

                            splitArea: {
                                show: false
                            },

                            axisTick: { show: false },
                            axisLine: {
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            data: ['0-10', '10-20', '30-40', '40-50', '50-60', '70-80', '80-90', '90-100']
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value',
                            name: '变电站座数(座)',
                            minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
                            nameTextStyle: {
                                color: echartsColor.WordColor
                            },
                            max:
                                Math.max(...ListNum) +
                                (Math.max(...ListNum) % 5 == 0 ? 0 : 5 - (Math.max(...ListNum) % 5)),
                            interval:
                                (Math.max(...ListNum) +
                                    (Math.max(...ListNum) % 5 == 0 ? 0 : 5 - (Math.max(...ListNum) % 5))) /
                                5,
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            splitLine: {
                                lineStyle: {
                                    // 使用深浅的间隔色
                                    color: [echartsColor.thread],
                                    type: 'dashed',
                                    opacity: 0.5
                                }
                            }
                        },
                        {
                            type: 'value',
                            name: '超标点占比:%',

                            axisTick: {
                                show: false
                            },

                            splitArea: {
                                show: false
                            },

                            nameTextStyle: {
                                color: echartsColor.WordColor
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            splitLine: {
                                lineStyle: {
                                    // 使用深浅的间隔色
                                    color: [echartsColor.thread],
                                    type: 'dashed',
                                    opacity: 0.5
                                }
                            }
                        }
                    ],
                    series: [
                        {
                            name: '变电站座数',
                            type: 'bar',
                            barMinHeight: 5,
                            barMaxWidth: 20, // 柱状宽度
                            itemStyle: {
                                normal: {
                                    // color: echartsColor.FigureColor[0],
                                    color: function (params) {
                                        // console.log(params,'1111111111111111111111');
                                        if (params.data == 0) {
                                            return '#ccc'
                                        } else {
                                            return echartsColor.FigureColor[0]
                                        }
                                    }
                                }
                            },

                            data: ListNum
                        },

                        {
                            name: '变电站占比',
                            type: 'line',
                            yAxisIndex: 1,
                            symbolSize: 5, // 圆点大小
                            symbol: 'circle',
                            smooth: false, // 是否平滑曲线
                            itemStyle: {
                                // 折线圆点设置
                                normal: {
                                    color: echartsColor.FigureColor[1],
                                    barBorderRadius: 0
                                }
                            },
                            lineStyle: {
                                // 折线设置
                                normal: {
                                    width: 2,
                                    color: echartsColor.FigureColor[1]
                                }
                            },
                            data: listupRatio
                        }
                    ]
                }
                option1 = {
                    title: {
                        text: '变电站稳态超标数量',
                        left: 'center',
                        top: 20
                    },
                    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) {
                            var tips = ''
                            tips += params[0].name + '</br/>'
                            for (var i = 0; i < params.length; i++) {
                                if (params[i].value == _this.max * 0.01) {
                                    tips += params[i].seriesName + ':0<br/>'
                                } else {
                                    tips += params[i].seriesName + ':' + params[i].value + '<br/>'
                                }
                            }
                            return tips
                        }
                    },
                    legend: {
                        data: [
                            {
                                name: '变电站数量',
                                itemStyle: { color: echartsColor.FigureColor[0] }
                            },
                            {
                                name: '稳态超标变电站数量',
                                itemStyle: { color: echartsColor.FigureColor[1] }
                            }
                        ],
                        right: 40,
                        top: 40,
                        itemWidth: 16,
                        itemHeight: 16,
                        itemGap: 28,
                        textStyle: {
                            color: echartsColor.WordColor,
                            rich: {
                                a: {
                                    verticalAlign: 'middle'
                                }
                            },

                            padding: [2, 0, 0, 0] //[上、右、下、左]
                        }
                    },
                    // toolbox: {
                    //     show: true,
                    //     top: '25',
                    //     right: '25',
                    //     feature: {
                    //         saveAsImage: {}
                    //     }
                    // },
                    grid: {
                        top: 100,
                        left: '3%',
                        right: '4%',
                        bottom: '40',
                        containLabel: true
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: liste2data,
                            axisTick: { show: false },
                            axisLine: {
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                                // rotate: 30,   interval: 0,
                            }
                        }
                    ],
                    yAxis: [
                        {
                            minInterval: 10,
                            name: '变电站座数(座)',
                            nameTextStyle: {
                                color: echartsColor.WordColor
                            },
                            axisLine: {
                                show: true,
                                lineStyle: {
                                    color: echartsColor.thread
                                }
                            },
                            axisLabel: {
                                color: echartsColor.WordColor
                            },
                            splitLine: {
                                lineStyle: {
                                    // 使用深浅的间隔色
                                    color: [echartsColor.thread],
                                    type: 'dashed',
                                    opacity: 0.5
                                }
                            }
                        }
                    ],
                    dataZoom: [
                        {
                            show: true,
                            height: 12,
                            xAxisIndex: [0],
                            bottom: '3%',
                            start: 0,
                            end: 100,
                            handleIcon:
                                'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
                            handleSize: '110%',
                            handleStyle: {
                                color: '#d3dee5'
                            },
                            textStyle: {
                                color: '#fff'
                            },
                            borderColor: '#90979c'
                        },
                        {
                            type: 'inside',
                            show: true,
                            height: 15,
                            start: 0,
                            end: 100
                        }
                    ],
                    series: [
                        {
                            name: '变电站数量',
                            type: 'bar',
                            data: liste2data1,
                            barMinHeight: 5,
                            barMaxWidth: '30px',
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        if (params.value == _this.max * 0.01) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#ccc'
                                                    }
                                                ],
                                                false
                                            )
                                        } else {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: echartsColor.FigureColor[0]
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            }
                        },
                        {
                            name: '稳态超标变电站数量',
                            type: 'bar',
                            data: liste2data2,
                            barMinHeight: 5,
                            barMaxWidth: '30px',
                            itemStyle: {
                                normal: {
                                    color: function (params) {
                                        if (params.value == _this.max * 0.01) {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: '#ccc'
                                                    }
                                                ],
                                                false
                                            )
                                        } else {
                                            return new echarts.graphic.LinearGradient(
                                                0,
                                                1,
                                                0,
                                                0,
                                                [
                                                    {
                                                        offset: 1,
                                                        color: echartsColor.FigureColor[1]
                                                    }
                                                ],
                                                false
                                            )
                                        }
                                    }
                                }
                            }
                        }
                    ]
                }
                option2 = {
                    title: {
                        text: '变电站稳态超标天数',
                        left: 'center',
                        top: 10
                    },
                    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
                    },
                    legend: {
                        right: 40,
                        top: 40,
                        itemWidth: 16,
                        itemHeight: 16,
                        itemGap: 28,
                        textStyle: {
                            color: echartsColor.WordColor,
                            rich: {
                                a: {
                                    verticalAlign: 'middle'
                                }
                            },

                            padding: [2, 0, 0, 0] //[上、右、下、左]
                        }
                    },
                    grid: {
                        left: '2%',
                        top: '60px',
                        right: '2%',
                        bottom: '0',
                        containLabel: true
                    },
                    xAxis: {
                        type: 'value',
                        minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
                        axisTick: { show: false },
                        axisLine: {
                            lineStyle: {
                                color: echartsColor.thread
                            }
                        },
                        axisLabel: {
                            color: echartsColor.WordColor
                        }
                    },
                    dataZoom: [
                        {
                            type: 'slider',
                            show: true,
                            // 设置组件控制的y轴
                            yAxisIndex: [0, 1],
                            left: 5,
                            // top: 60,
                            // 数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%
                            // 也可以用 startValue设置起始值
                            start: 0,
                            end: 10, //默认为100
                            width: 6,
                            // height: 450,
                            // 组件的背景颜色
                            // left: 600, //左边的距离
                            // right: 8,//右边的距离
                            borderRadius: 5,
                            // borderColor: "rgba(43,48,67,0.8)",
                            // fillerColor: '#ccc',//滑动块的颜色
                            //  backgroundColor: '#33384b',//两边未选中的滑动条区域的颜色
                            // 是否显示detail，即拖拽时候显示详细数值信息
                            showDetail: false,
                            // 控制手柄的尺寸
                            handleSize: 12,
                            // 是否在 dataZoom-silder 组件中显示数据阴影。数据阴影可以简单地反应数据走势。
                            showDataShadow: false
                        },
                        {
                            type: 'inside',
                            yAxisIndex: [0, 1],
                            start: 1
                            // end: 36,
                            // 不按任何功能键，鼠标滚轮能触发缩放
                            // zoomOnMouseWheel: false,
                            // 不按任何功能键，鼠标移动能触发数据窗口平移
                            // moveOnMouseWheel: true,
                        }
                    ],
                    yAxis: {
                        type: 'category',
                        data: liste3data,
                        minInterval: 1, //设置成1保证坐标轴分割刻度显示成整数。
                        nameTextStyle: {
                            color: echartsColor.WordColor
                        },
                        axisLine: {
                            show: true,
                            lineStyle: {
                                color: echartsColor.thread
                            }
                        },
                        axisLabel: {
                            color: echartsColor.WordColor
                        },
                        splitLine: {
                            lineStyle: {
                                // 使用深浅的间隔色
                                color: [echartsColor.thread],
                                type: 'dashed',
                                opacity: 0.5
                            }
                        }
                    },
                    // toolbox: {
                    //     show: true,
                    //     top: '25',
                    //     right: '35',
                    //     feature: {
                    //         saveAsImage: {}
                    //     }
                    // },
                    series: [
                        {
                            barMaxWidth: 30,
                            name: '频率偏差超标天数	',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[0] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data1
                        },
                        {
                            barMaxWidth: 30,
                            name: '电压偏差超标天数',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[1] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data2
                        },
                        {
                            barMaxWidth: 30,
                            name: '闪变超标天数	',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[2] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data3
                        },
                        {
                            barMaxWidth: 30,
                            name: '谐波电压超标天数',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[3] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data4
                        },
                        {
                            barMaxWidth: 30,
                            name: '谐波电流超标天数',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[4] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data5
                        },
                        {
                            barMaxWidth: 30,
                            name: '间谐波电压超标天数	',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[5] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data6
                        },
                        {
                            barMaxWidth: 30,
                            name: '三相电压不平衡超标天数	',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[6] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data7
                        },
                        {
                            barMaxWidth: 30,
                            name: '负序电流超标天数',
                            type: 'bar',
                            stack: 'total',
                            itemStyle: {
                                normal: { show: true, color: echartsColor.FigureColor[7] }
                            },
                           
                            emphasis: {
                                focus: 'series'
                            },
                            data: liste3data8
                        }
                    ]
                }
            }

            option && myChart13.setOption(option, true)
            window.echartsArr.push(myChart13)
            option1 && myChart113.setOption(option1, true)
            window.echartsArr.push(myChart113)
            option2 && myChart1113.setOption(option2, true)
            window.echartsArr.push(myChart1113)
            option && myChart12.setOption(option, true)
            window.echartsArr.push(myChart12)
            option1 && myChart112.setOption(option1, true)
            window.echartsArr.push(myChart112)
            option2 && myChart1112.setOption(option2, true)
            window.echartsArr.push(myChart1112)

            setTimeout(function () {
                myChart13.resize()
            }, 0)
            setTimeout(function () {
                myChart113.resize()
            }, 0)
            setTimeout(function () {
                myChart1113.resize()
            }, 0)
            setTimeout(function () {
                myChart12.resize()
            }, 0)
            setTimeout(function () {
                myChart112.resize()
            }, 0)
            setTimeout(function () {
                myChart1112.resize()
            }, 0)
        },

        //方法调用台账统计数据接口
        account() {
            this.kai = false
            // this.isLoading = true;
            // this.isLoading2 = true;
            // //监测终端统计单位表格数据
            // Classification().then((res) => {
            //   this.isLoading = false;
            //   this.serialData = res.data;
            // });
            // //监测终端统计月份表格数据
            // monthly().then((res) => {
            //   this.isLoading2 = false;
            //   this.monthlyData = res.data;
            // });
            getAllRStatSubstationIcon({
                type: this.type,
                endTime: this.end,
                startTime: this.start,
                id: JSON.parse(window.sessionStorage.getItem('Info')).deptId
            }).then(res => {
                this.e1data = res.data
                this.getCensus()
            })
            getAllRStatSubstationIcon2({
                type: this.type,
                endTime: this.end,
                startTime: this.start,
                id: JSON.parse(window.sessionStorage.getItem('Info')).deptId
            }).then(res => {
                // console.log(res, "++++++");
                res.data.forEach(i => {
                    this.dylist.forEach(l => {
                        if (i.substationVoltage == l.id) {
                            i.substationVoltage = l.name
                        }
                    })
                })
                this.e2data = res.data
                this.getCensus()
            })
            getAllRStatSubstationIcon3({
                type: this.type,
                endTime: this.end,
                startTime: this.start,
                id: JSON.parse(window.sessionStorage.getItem('Info')).deptId
            }).then(res => {
                this.e3data = res.data
                this.getCensus()
            })
        },

        account1() {
            this.kai = false
            // this.isLoading = true;
            // this.isLoading2 = true;
            // //监测终端统计单位表格数据
            // Classification().then((res) => {
            //   this.isLoading = false;
            //   this.serialData = res.data;
            // });
            // //监测终端统计月份表格数据
            // monthly().then((res) => {
            //   this.isLoading2 = false;
            //   this.monthlyData = res.data;
            // });
            RStatSubstationIcon({
                type: this.type,
                endTime: this.end,
                startTime: this.start,
                id: JSON.parse(window.sessionStorage.getItem('Info')).deptId
            }).then(res => {
                this.e1data = res.data
                this.getCensus()
            })
            RStatSubstationIcon2({
                type: this.type,
                endTime: this.end,
                startTime: this.start,
                id: JSON.parse(window.sessionStorage.getItem('Info')).deptId
            }).then(res => {
                res.data.forEach(i => {
                    this.dylist.forEach(l => {
                        if (i.substationVoltage == l.id) {
                            i.substationVoltage = l.name
                        }
                    })
                })
                this.e2data = res.data
                this.getCensus()
            })
            RStatSubstationIcon3({
                type: this.type,
                endTime: this.end,
                startTime: this.start,
                id: JSON.parse(window.sessionStorage.getItem('Info')).deptId
            }).then(res => {
                this.e3data = res.data
                this.getCensus()
            })
        }
    }
}
</script>

<style lang="less" scoped>
@import url('../../../styles/comStyle.less');
::v-deep .el-table .cell {
    text-align: center;
}
::v-deep .el-tabs--border-card > .el-tabs__content {
    padding: 10px;
}
.prop {
    font-weight: 600;
}
::v-deep .el-table__body-wrapper.is-scrolling-none {
    height: 227px !important;
}
</style>
