$(() => {
    /*数据信息*/
    const statusArray = [0, 0, 0, 0, 0];
    dataInformationFunction(statusArray);

    energyProductionStatisticsFunction(statusArray);

    runParamStatisticsFunction(statusArray);

    $("#lossParam").text(123.87);

    $("#meterParam").text(123.65);
})

/*数据信息*/
const dataInformationFunction = (statusArray) => {
    let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
            <tr style="width: 100%; height: 50%;">
                <td style="border:0px solid red;text-align:center;width: 50%;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="20%" height="40%"/>${statusArray[0] == 0 ? `<span style="color:green;margin-left: 10px">运行正常</span>` : `<span style="color:red;margin-left: 10px">运行异常</span>`}</td>
                <td style="border:0px solid red;text-align:center;width: 50%;color: #E6ECBE;">389kW</td>
            </tr>
            <tr style="width: 100%; height: 50%;">
            
                <td style="border:0px solid red;text-align:center;width: 50%;color: white;">4563kW·h</td>
                <td style="border:0px solid red;text-align:center;width: 50%;color: #D18DA2;">2</td>
            </tr>
        </table>`;

    $("#dataInformation").append(info);
}

/*能耗产量统计*/
const energyProductionStatisticsFunction = (statusArray) => {
    let info = `<table style="position: absolute;top: 8%;width: 100%;height:100%;">
            <tr style="width: 100%; height: 100%;">
                <td style="border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
                <td style="border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
                <td style="border:0px solid red;width: 25%;text-align:center;color: #76BBE8;">68</td>
                <td style="border:0px solid red;width: 25%;text-align:center;color: #8AE9A0;">675</td>
            </tr>
        </table>`;

    $("#energyProductionStatistics").append(info);
}

const runParamStatisticsFunction = (statusArray) => {
    let info = `
        <div style="left: 9%;color:#76BBE8">68</div>
        <div style="left: 35%;color:#C0818B">685</div>
        <div style="left: 61%;color: #8AE9A0">685</div>
        <div style="left: 87%;color:#D5D2AA">685</div>
    `;

    $("#runParamStatistics").append(info);
}