$(function () {
    // 楼层用电量统计
    changeBackground('daily');
    changeBackgrounds('daily');
    changeTypeBackground('daily');
    // floorElectricity();
    // 年度用电情况
    yearElect();
    //近12月用电量接口数据获取
    monthlyData();
    // 近7日用电量接口数据获取
    weeklyData();
    // 智慧用电-接口状态
    // interfaceStatus();

})

// 点击切换背景图片和处理点击事件
function changeBackground(type) {
    // 获取三个按钮的元素
    const daily = document.getElementById('daily');
    const weekly = document.getElementById('weekly');
    const monthly = document.getElementById('monthly');

    // 清除所有按钮的选中样式
    daily.style.backgroundImage = "url('../../img/air/Rectangle01.png')";
    weekly.style.backgroundImage = "url('../../img/air/Rectangle01.png')";
    monthly.style.backgroundImage = "url('../../img/air/Rectangle01.png')";

    // 根据点击的按钮类型添加对应的背景样式
    if (type === 'daily') {
        daily.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每日用电量统计');
        //清空表格
        floorElectricity("1");
    } else if (type === 'weekly') {
        weekly.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每周用电量统计');
        floorElectricity("2");
    } else if (type === 'monthly') {
        monthly.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每月用电量统计');
        floorElectricity("3");
    }
}

function changeTypeBackground(type) {
    // 获取三个按钮的元素
    const daily = document.getElementById('daily-type');
    const weekly = document.getElementById('weekly-type');
    const monthly = document.getElementById('monthly-type');

    // 清除所有按钮的选中样式
    daily.style.backgroundImage = "url('../../img/air/Rectangle01.png')";
    weekly.style.backgroundImage = "url('../../img/air/Rectangle01.png')";
    monthly.style.backgroundImage = "url('../../img/air/Rectangle01.png')";

    // 根据点击的按钮类型添加对应的背景样式
    if (type === 'daily') {
        daily.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每日用电量统计');
        // 设备类型用电量统计
        lineDistributionData("1");
    } else if (type === 'weekly') {
        weekly.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每周用电量统计');
        // 设备类型用电量统计
        lineDistributionData("2");
    } else if (type === 'monthly') {
        monthly.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每月用电量统计');
        // 设备类型用电量统计
        lineDistributionData("3");
    }
}

function changeBackgrounds(type) {
    // 获取三个按钮的元素
    const daily = document.getElementById('daily-equipment');
    const weekly = document.getElementById('weekly-equipment');
    const monthly = document.getElementById('monthly-equipment');

    // 清除所有按钮的选中样式
    daily.style.backgroundImage = "url('../../img/air/Rectangle01.png')";
    weekly.style.backgroundImage = "url('../../img/air/Rectangle01.png')";
    monthly.style.backgroundImage = "url('../../img/air/Rectangle01.png')";

    // 根据点击的按钮类型添加对应的背景样式
    if (type === 'daily') {
        daily.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每日用电量统计');
        $(".dayWarn>.table").empty();
        //防区告警表格
        defenceWarnData("1");
    } else if (type === 'weekly') {
        weekly.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每周用电量统计');
        $(".dayWarn>.table").empty();
        defenceWarnData("2");
    } else if (type === 'monthly') {
        monthly.style.backgroundImage = "url('../../img/air/Rectangle01_daily.png')";
        console.log('每月用电量统计');
        $(".dayWarn>.table").empty();
        defenceWarnData("3");
    }
}

/**
 * 楼层用电量统计
 */
function floorElectricity(queryMode) {
    $.ajax({
        type: 'POST',
        url: dataUrl + 'conditioning/floorElectricityStatistics',
        data: {
            "queryMode": queryMode
        },
        dataType: 'json',
        success: function (res) {
            floorElectricityECharts(res.obj)
        }
    });
}

// 楼层用电量统计ECharts
function floorElectricityECharts(data) {
    let myChart = echarts.init(document.getElementById('floorElectricity'));
    const datas = data;
    const yData = datas.map(item => item.name);
    const zData = datas.map(item => item.finished);
    const maxFinished = Math.max(...zData);
    const pData = zData.map(item => Math.round((item / maxFinished) * 100));
// 设置等长的背景柱状图
    const maxData = new Array(yData.length).fill(100);
    option = {
        backgroundColor: "transparent",
        grid: {
            left: "10%",
            right: "10%",
            bottom: "5%",
            top: "5%",
            containLabel: false
        },
        xAxis: [
            {
                show: true
            },
            {
                show: false,
                splitLine: {
                    show: false
                }
            }
        ],
        yAxis: [
            {
                show: true,
                data: yData,
                position: "left",
                axisLabel: {
                    lineHeight: 0,
                    verticalAlign: "bottom",
                    fontSize: 14,
                    color: "#bcc3c4",
                    formatter: "{value}"
                },
                axisLine: {
                    show: false
                },
                splitLine: {
                    show: false
                },
                axisTick: {
                    show: false
                }
            },
            {
                show: true,
                data: zData,
                offset: 5,
                position: "right",
                axisLabel: {
                    lineHeight: 0,
                    verticalAlign: "bottom",
                    fontSize: 14,
                    color: "#bcc3c4",
                    formatter: "{value}"
                },
                axisLine: {
                    show: false
                },
                splitLine: {
                    show: false
                },
                axisTick: {
                    show: false
                }
            }
        ],
        series: [
            {
                name: "进度",
                show: true,
                type: "bar",
                barGap: "-100%",
                xAxisIndex: 1,
                barWidth: 15,
                itemStyle: {
                    borderRadius: 10,
                    color: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 1,
                        y2: 0,
                        colorStops: [
                            {
                                offset: 0,
                                color: '#0A7782', // 0% 处的颜色
                            },
                            {
                                offset: 1,
                                color: '#81EFF3', // 0% 处的颜色
                            },
                        ],
                        global: false, // 缺省为 false
                    }
                },
                label: {
                    show: true,
                    position: 'inside', // 改为 'inside' 使文本显示在柱内
                    formatter: '{c}%', // 显示百分比
                    color: '#ffffff', // 设置字体颜色
                    fontSize: 12, // 字体大小
                    fontWeight: 'bold', // 字体加粗
                    align: 'center', // 水平居中对齐
                    verticalAlign: 'middle', // 垂直居中对齐
                },
                labelLine: {
                    show: false
                },
                z: 2,
                data: pData,
                animationDelay: 1000,
                animationDuration: 1000
            },
            {
                name: "百分比",
                z: 1,
                show: true,
                type: "bar",
                xAxisIndex: 1,
                barGap: "-100%",
                barWidth: 15,
                itemStyle: {
                    borderRadius: 4,
                    color: "rgba(13, 55, 78, 1)"
                },
                label: {
                    show: false,
                },
                data: maxData
            }
        ]
    };

    myChart.setOption(option);
}

/**
 * 设备类型用电量统计
 */
function lineDistributionData(queryMode) {
    $.ajax({
        type: 'POST',
        url: dataUrl + 'conditioning/typeElectricityConsumption',
        data: {
            "queryMode": queryMode
        },
        dataType: 'json',
        success: function (res) {
            lineDistribution(res.obj)
        }
    });
}

function lineDistribution(data) {
    let myChart = echarts.init(document.getElementById('chart'));

    function getParametricEquation(
        startRatio,
        endRatio,
        isSelected,
        isHovered,
        k,
        height
    ) {
        // 计算
        const midRatio = (startRatio + endRatio) / 2

        const startRadian = startRatio * Math.PI * 2
        const endRadian = endRatio * Math.PI * 2
        const midRadian = midRatio * Math.PI * 2

        // 如果只有一个扇形，则不实现选中效果。
        if (startRatio === 0 && endRatio === 1) {
            isSelected = false
        }

        // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
        k = typeof k !== 'undefined' ? k : 1 / 3

        // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
        const offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0
        const offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0

        // 计算高亮效果的放大比例（未高亮，则比例为 1）
        const hoverRate = isHovered ? 1.05 : 1

        // 返回曲面参数方程
        return {
            u: {
                min: -Math.PI,
                max: Math.PI * 3,
                step: Math.PI / 32
            },

            v: {
                min: 0,
                max: Math.PI * 2,
                step: Math.PI / 20
            },

            x: function (u, v) {
                if (u < startRadian) {
                    return (
                        offsetX +
                        Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
                    )
                }
                if (u > endRadian) {
                    return (
                        offsetX +
                        Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
                    )
                }
                return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate
            },

            y: function (u, v) {
                if (u < startRadian) {
                    return (
                        offsetY +
                        Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
                    )
                }
                if (u > endRadian) {
                    return (
                        offsetY +
                        Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
                    )
                }
                return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate
            },

            z: function (u, v) {
                if (u < -Math.PI * 0.5) {
                    return Math.sin(u)
                }
                if (u > Math.PI * 2.5) {
                    return Math.sin(u)
                }
                return Math.sin(v) > 0 ? 1 * height : -1
            }
        }
    }

    // 生成模拟 3D 饼图的配置项
    function getPie3D(pieData, internalDiameterRatio) {
        const series = []
        let sumValue = 0
        let startValue = 0
        let endValue = 0
        const legendData = []
        const k =
            typeof internalDiameterRatio !== 'undefined'
                ? (1 - internalDiameterRatio) / (1 + internalDiameterRatio)
                : 1 / 3

        // 为每一个饼图数据，生成一个 series-surface 配置
        for (let i = 0; i < pieData.length; i++) {
            sumValue += pieData[i].value

            const seriesItem = {
                name:
                    typeof pieData[i].name === 'undefined'
                        ? `series${i}`
                        : pieData[i].name,
                type: 'surface',
                parametric: true,
                wireframe: {
                    show: false
                },
                pieData: pieData[i],
                pieStatus: {
                    selected: false,
                    hovered: false,
                    k: k
                }
            }

            if (typeof pieData[i].itemStyle !== 'undefined') {
                const itemStyle = {}

                typeof pieData[i].itemStyle.color !== 'undefined'
                    ? (itemStyle.color = pieData[i].itemStyle.color)
                    : null
                typeof pieData[i].itemStyle.opacity !== 'undefined'
                    ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
                    : null

                seriesItem.itemStyle = itemStyle
            }
            series.push(seriesItem)
        }

        // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
        // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
        for (let i = 0; i < series.length; i++) {
            endValue = startValue + series[i].pieData.value
            series[i].pieData.startRatio = startValue / sumValue
            series[i].pieData.endRatio = endValue / sumValue
            series[i].parametricEquation = getParametricEquation(
                series[i].pieData.startRatio,
                series[i].pieData.endRatio,
                false,
                false,
                k,
                2000
            )

            startValue = endValue

            legendData.push(series[i].name)
        }
        return series
    }

    // 传入数据生成 option
    const optionsData = [
        {
            name: data[0].name,
            value: parseFloat(data[0].finished),
            itemStyle: {
                opacity: 0.5,
                color: '#7bc35a'
            }
        },
        {
            name: data[1].name,
            value: parseFloat(data[1].finished),
            itemStyle: {
                opacity: 0.5,
                color: '#2f97df'
            }
        }
    ]
    const series = getPie3D(optionsData.map(item => {
        if (item.value < 5) {
            item.value = item.value
        }
        return item
    }), 0, 240, 28, 26, 0.5)
    series.push({
        name: 'pie2d',
        type: 'pie',
        label: {
            opacity: 1,
            position: 'outside',
            fontSize: 12,
            lineHeight: 20,
            textStyle: {
                fontSize: 12,
                color: '#fff'
            }
        },
        labelLine: {
            length: 30,
            length2: 100
        },
        minAngle: 10,
        startAngle: -50, // 起始角度，支持范围[0, 360]。
        clockwise: false, // 饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
        radius: ['0', '25%'],
        center: ['50%', '50%'],
        data: optionsData.map(item => {
            item.itemStyle.opacity = 0
            return item
        })
    })
    // 准备待返回的配置项，把准备好的 legendData、series 传入。
    const option = {
        legend: {
            show: false
        },
        animation: true,
        tooltip: {
            formatter: (params) => {
                if (
                    params.seriesName !== 'mouseoutSeries' &&
                    params.seriesName !== 'pie2d'
                ) {
                    return `${
                        params.seriesName
                    }<br/><span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
                        params.color
                    };"></span>${
                        option.series[params.seriesIndex].pieData.value
                    }`
                }
            },
            textStyle: {
                fontSize: 14
            }
        },
        title: {
            x: 'center',
            top: '20',
            textStyle: {
                color: '#fff',
                fontSize: 22
            }
        },
        // backgroundColor: '#0E3567',
        labelLine: {
            show: true,
            lineStyle: {
                color: '#7BC0CB'
            },
            normal: {
                show: true,
                length: 10,
                length2: 10
            }
        },
        label: {
            show: true,
            position: 'outside',
            formatter: '{b} \n{d}%',
            textStyle: {
                color: '#fff',
                fontSize: '12px'
            }
        },
        xAxis3D: {
            min: -1,
            max: 1
        },
        yAxis3D: {
            min: -1,
            max: 1
        },
        zAxis3D: {
            min: -1,
            max: 1
        },
        grid3D: {
            show: false,
            boxHeight: 0.01,
            // top: '30%',
            bottom: '50%',
            // environment: "rgba(255,255,255,0)",
            viewControl: {
                distance: 300,
                alpha: 35,
                beta: 60,
                autoRotate: false // 自动旋转
            }
        },
        series: series
    }

    myChart.setOption(option);
}

/**
 年度用电情况
 */
//年度用电情况接口数据获取
function yearElect() {
    $.ajax({
        type: 'POST',
        url: dataUrl + 'conditioning/getElectricity',
        data: "",
        dataType: 'json',
        success: function (res) {
            yearElects(res.obj.yearElect)
            monthElects(res.obj.monthElect)
        }
    });
}

//年度用电情况ECharts
function yearElects(data) {
    let yearChart = echarts.init(document.getElementById('year-chart'));
    const payload = {id: 'liquid-fill-5', color: ['#1791ff', '#1791ff'], data: {data: Number(data)}};
    let yearElectData = payload.data.data;
    const color = payload.color

    yearOption = {
        backgroundColor: 'transparent',
        series: [
            {
                name: '水球图',
                type: 'liquidFill',
                radius: '95%',
                center: ['50%', '50%'],
                waveAnimation: 10, // 动画时长
                amplitude: 5, // 振幅
                // 注释上面2行, 并开启下面三行, 则关闭动画
                // waveAnimation: false,
                // animationDuration: 0,
                // animationDurationUpdate: 0,
                data: [0.55, 0.45],
                itemStyle: {
                    //渐变色设置
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                        {
                            offset: 0,
                            color: color[0]
                        },
                        {
                            offset: 1,
                            color: color[1]
                        }
                    ])
                },
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 1,
                    y2: 1,
                    colorStops: [
                        {
                            offset: 1,
                            color: color[0]
                        },
                        {
                            offset: 0,
                            color: color[1]
                        }
                    ],
                    globalCoord: false
                },
                outline: {
                    show: true,
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 0,
                    }
                },
                backgroundStyle: {
                    color: '#001c22'
                },
                label: {
                    color: '#ffffff',
                    insideColor: '#ffffff',
                    fontSize: 18,
                    lineHeight: 30,
                    formatter: params => {
                        const value = parseFloat(data);
                        const formattedValue = value.toFixed(2);
                        return formattedValue + '\n' + '年总用电量'
                    }
                }
            }
        ]
    }
    yearChart.setOption(yearOption);
}

//月度用电情况ECharts
function monthElects(data) {
    let yearChart = echarts.init(document.getElementById('year-container'));
    const payload = {id: 'liquid-fill-5', color: ['#1791ff', '#1791ff'], data: {data: Number(data)}};
    let yearElectData = payload.data.data;
    const color = payload.color

    monthOption = {
        backgroundColor: 'transparent',
        series: [
            {
                name: '水球图',
                type: 'liquidFill',
                radius: '85%',
                center: ['50%', '50%'],
                waveAnimation: 10, // 动画时长
                amplitude: 5, // 振幅
                // 注释上面2行, 并开启下面三行, 则关闭动画
                // waveAnimation: false,
                // animationDuration: 0,
                // animationDurationUpdate: 0,
                data: [0.55, 0.45],
                itemStyle: {
                    //渐变色设置
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
                        {
                            offset: 0,
                            color: color[0]
                        },
                        {
                            offset: 1,
                            color: color[1]
                        }
                    ])
                },
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 1,
                    y2: 1,
                    colorStops: [
                        {
                            offset: 1,
                            color: color[0]
                        },
                        {
                            offset: 0,
                            color: color[1]
                        }
                    ],
                    globalCoord: false
                },
                outline: {
                    show: true,
                    borderDistance: 0,
                    itemStyle: {
                        borderWidth: 0,
                    }
                },
                backgroundStyle: {
                    color: '#001c22'
                },
                label: {
                    color: '#ffffff',
                    insideColor: '#ffffff',
                    fontSize: 18,
                    lineHeight: 30,
                    formatter: params => {
                        var value = parseFloat(data);
                        var formattedValue = value.toFixed(2); // 保留两位小数并四舍五入
                        return formattedValue + '\n' + '月总用电量';
                    }
                }
            }
        ]
    }
    yearChart.setOption(monthOption);
}

/**
 * 近12月用电量折线图
 */
//近12月用电量接口数据获取
function monthlyData() {
    $.ajax({
        type: 'POST',
        url: dataUrl + 'conditioning/getElectricityFromMonth',
        data: "",
        dataType: 'json',
        success: function (res) {
            monthlyECharts(res.obj)
        }
    });
}

// 近12月用电量ECharts
function monthlyECharts(data) {
    let monthlyChart = echarts.init(document.getElementById('monthly-chart'));
    const yWeeklyValueArr = data.map(item => item.dayElectricity);

    function getLastTwelveMonths() {
        var currentDate = new Date();
        var months = [];
        for (var i = 11; i >= 0; i--) {
            var month = currentDate.getMonth() - i;
            var year = currentDate.getFullYear();
            if (month < 0) {
                month += 12;
                year -= 1;
            }
            var yearMonth = year + '-' + padZero(month + 1);
            months.push(yearMonth);
        }
        return months;
    }

    function padZero(number) {
        return number.toString().padStart(2, '0');
    }

    var lastTwelveMonths = getLastTwelveMonths();

    monthlyOption = {
        title: {
            subtext: '单位:kw/h',
            subtextStyle: {
                fontSize: 12,
                color: '#fff'
            }
        },
        tooltip: {
            trigger: "axis",
        },
        grid: {
            left: '0%',
            right: '10%',
            top: '30%',
            bottom: '0%',
            containLabel: true
        },
        legend: {
            show: true,
            x: '55%',
            top: '-2%',
            y: '35',
            icon: 'stack',
            selectedMode: 'multiple', // 设置为单选模式
            clickable: true, // 保留可点击属性
            itemWidth: 10,
            itemHeight: 10,
            textStyle: {
                color: '#1bb4f6'
            },
            data: ['1#配电柜1', '1#配电柜2', '2#配电柜', '3#配电柜', '1#1层动力照明', '4#配电柜'],

        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                axisLabel: {
                    color: '#fff',
                    interval: 0,
                    rotate: -45
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#397cbc'
                    }
                },
                axisTick: {
                    show: false,
                },
                splitLine: {
                    show: false,
                    lineStyle: {
                        color: '#195384'
                    }
                },
                data: lastTwelveMonths,
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLabel: {
                    formatter: '{value}',
                    textStyle: {
                        color: '#fff'
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#27b4c2'
                    }
                },
                axisTick: {
                    show: false,
                },
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed',
                        color: '#e7e9ea'
                    },
                },
            }],
        series: [
            {
                name: '',
                type: 'line',
                stack: '总量',

                symbolSize: 0,
                itemStyle: {
                    normal: {
                        color: '#0092f6',
                        lineStyle: {
                            color: "#0092f6",
                            width: 3
                        },
                        areaStyle: {
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: 'rgba(7,44,90,0.3)'
                            }, {
                                offset: 1,
                                color: 'rgba(0,146,246,0.9)'
                            }]),
                        }
                    }
                },
                markPoint: {
                    itemStyle: {
                        normal: {
                            color: 'red'
                        }
                    }
                },
                data: yWeeklyValueArr,
            },
        ]
    };
    monthlyChart.setOption(monthlyOption);
}


/**
 * 近7日用电量折线图
 */
// 近7日用电量接口数据获取
function weeklyData() {
    $.ajax({
        type: 'POST',
        url: dataUrl + 'conditioning/getElectricityFromWeek',
        data: "",
        dataType: 'json',
        success: function (res) {
            weeklyECharts(res.obj)
        }
    });
}

// 近7日用电量ECharts
function weeklyECharts(data) {
    let weeklyChart = echarts.init(document.getElementById('weekly-chart'));
    const yWeeklyValueArr1 = data.map(item => item.dayElectricity).reverse();

    function getPastSevenDays() {
        const dates = [];
        for (let i = 6; i >= 0; i--) {
            const currentDate = new Date();
            currentDate.setDate(currentDate.getDate() - i);
            const formattedDate = formatDate(currentDate);
            dates.push(formattedDate);
        }
        return dates;
    }

    function formatDate(dateString) {
        let date = new Date(dateString);
        let day = date.getDate();
        let month = date.getMonth() + 1;
        let year = date.getFullYear();
        if (day === 1) {
            return month + '月' + day + '日';
        } else {
            return day + '日';
        }
    }

    const xWeeklyNameArr = getPastSevenDays();
// let fontColor = '#30eee9';
    weeklyOption = {
        title: {
            subtext: '单位:kw/h',
            subtextStyle: {
                fontSize: 12,
                color: '#fff'
            }
        },
        grid: {
            left: '0%',
            right: '10%',
            top: '30%',
            bottom: '0%',
            containLabel: true
        },
        tooltip: {
            trigger: "axis",
        },
        legend: {
            show: true,
            x: '55%',
            top: '-2%',
            y: '35',
            icon: 'stack',
            itemWidth: 10,
            itemHeight: 10,
            textStyle: {
                color: '#1bb4f6'
            },
            data: ['1#配电柜1', '1#配电柜2', '2#配电柜', '3#配电柜', '1#1层动力照明', '4#配电柜']
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                axisLabel: {
                    color: '#fff',
                    interval: 0,
                    rotate: -45
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#397cbc'
                    }
                },
                axisTick: {
                    show: false,
                },
                splitLine: {
                    show: false,
                    lineStyle: {
                        color: '#195384'
                    }
                },
                data: xWeeklyNameArr,
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLabel: {
                    formatter: '{value}',
                    textStyle: {
                        color: '#fff'
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#27b4c2'
                    }
                },
                axisTick: {
                    show: false,
                },
                splitLine: {
                    show: true,
                    lineStyle: {
                        type: 'dashed',
                        color: '#e7e9ea'
                    },
                },
            }],
        series: [
            {
                name: '',
                type: 'line',
                stack: '总量',

                symbolSize: 0,
                itemStyle: {
                    normal: {
                        color: '#17f3f4',
                        lineStyle: {
                            color: "#17f3f4",
                            width: 3
                        },
                        areaStyle: {
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: '#004d4d'
                            }, {
                                offset: 1,
                                color: '#66ecff'
                            }]),
                        }
                    }
                },
                markPoint: {
                    itemStyle: {
                        normal: {
                            color: 'red'
                        }
                    }
                },
                data: yWeeklyValueArr1,
            },
        ]
    };
    weeklyChart.setOption(weeklyOption);
}


//报警表格
function defenceWarnData(queryMode) {
    $.ajax({
        type: 'POST',
        url: dataUrl + 'conditioning/getElectricityAll',
        data: {
            queryMode: queryMode
        },
        dataType: 'json',
        success: function (res) {
            defenceWarnList(res.obj);
        },
    });
}

function defenceWarnList(data) {
    let html = ""
    for (let i = 0; i < data.length; i++) {
        html += "<div style='font-size: 12px;'>"
        html += "<span>" + data[i].name + "</span>"
        html += "<span>" + data[i].dayElectricity + "</span>"
        html += "</div>"
    }
    $(".dayWarn>.table").append(html)
}


//报警详情
function defenceWarnDataClick() {
    var index = layer.open({
        title: ['报警信息', 'color: #fff'],
        type: 2,
        closeBtn: 2,
        content: '../../page/electricity/defenceWarnDataList.html',
        area: ["70%", "97%"],
        maxmin: false
        /*btn: ['确定', '关闭'],
        success: function (layero, index) {
//	        	localStorage.setItem("subName",params.name);
            //var myIframe = window[layero.find('iframe')[0]['name']];
            //var fnc = myIframe.setData(params.name); //aaa()为子页面的方法
        },
        yes: function (index, layero) {
            // 获取弹出层中的form表单元素
//          var formSubmit = layer.getChildFrame('form', index);
//          var submited = formSubmit.find('button')[0];
//          // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
//          submited.click();
        },*/
    });
}

function electricityConsumptionClick() {
    window.parent.jump('', 16);
}