$(()=>{
    //班组计划统计
    onDutyPlan(1234,1202,33);

    //设备运行状态
    let statusArray = [0,0,0,0,1,0];
    deviceStatus(statusArray);

    //库存统计
    $.getJSON('/foamBox/getInventoryStatistics', function (result) {
        threeDimensionalCylindrical(result,document.getElementById("inventoryStatistics"));
    });

    //按型号统计产量
    $.getJSON('/foamBox/getStatisticalOutputByModel', function (result) {
        horizontalBarChart(result,document.getElementById("statisticalOutputByModel"));
    });

    //小时产量
    brokenLineAreaDiagram(null,document.getElementById("hourlyOutputStatistics"));

    //发泡参数
    multipleBrokenLineAreaDiagram(null,document.getElementById("foamingParameters"));
})

const deviceStatus = (statusArray) => {
    let info = `<table style="width: 100%;height:100%;">
            <tr style="width: 100%;">
                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[0] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[1] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[2] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
                <td style="border:0px solid red;text-align:center;"><img src="../../img/foamBox/${statusArray[3] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
                <td style="border:0px solid red;text-align:right;padding-right: 12px;"><img src="../../img/foamBox/${statusArray[4] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
                <td style="border:0px solid red;text-align:right;"><img src="../../img/foamBox/${statusArray[5] == 0 ? "deviceopen.png" : "deviceclose.png"}" width="40%" height="50%"/></td>
            </tr>
        </table>`;

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