SmartPDCode/f407/tools/web/JS/channel_display.js

function channel_display(j_data,channel_power_infro)
{
        length = channel_power_infro.length
        const dataList = document.getElementById('tbody');

        dataList.innerHTML = '';
        for(let j = 1 ; j< length;j++)
        {
            num = channel_power_infro[j].info.type
            // 创建一个新的列表项元素
            const listItem = document.createElement('tr');
            dataList.appendChild(listItem);

            //自动生成设备名称列
            const Device_name_td = document.createElement('td');
            Device_name_td.textContent = "Smart PDU"
            dataList.appendChild(Device_name_td);

            //自动生成通道名称列
            const Chananl_name_td = document.createElement('td');
            Chananl_name_td.textContent = "CH"+j
            dataList.appendChild(Chananl_name_td);

            //自动生成通道名称列
            const Chananl_num_td = document.createElement('td');
            Chananl_num_td.textContent = j
            dataList.appendChild(Chananl_num_td);

            //自动生成相序列
            const xiangxu_td = document.createElement('td');
            xiangxu_td.textContent = "L1"
            dataList.appendChild(xiangxu_td);

        // 自动生成电压列
            const voltage_td = document.createElement('td');
            voltage_td.textContent = channel_power_infro[j].power[0].voltage.toFixed(2);
            dataList.appendChild(voltage_td);

            // 自动生成电流列
            const current_td = document.createElement('td');
            current_td.textContent = channel_power_infro[j].power[0].current.toFixed(2);
            dataList.appendChild(current_td);

            // 自动生成功率列
            const power_td = document.createElement('td');
            power_td.textContent = channel_power_infro[j].power[0].power.toFixed(2);
            dataList.appendChild(power_td);

                // 自动生成频率列
            const freq_td = document.createElement('td');
            freq_td.textContent = channel_power_infro[j].power[0].freq.toFixed(2);
            dataList.appendChild(freq_td);

            // 自动生成耗电量列
            const consump_td = document.createElement('td');
            consump_td.textContent = channel_power_infro[j].power[0].consump.toFixed(2);
            dataList.appendChild(consump_td);

            // 自动生成功率因数列
            const factor_td = document.createElement('td');
            factor_td.textContent = channel_power_infro[j].power[0].factor.toFixed(2);
            dataList.appendChild(factor_td);   

            // 自动生成状态列
            const open_time_td = document.createElement('td');
            times = channel_power_infro[j].info.start_delay 
            times = times / 1000
            open_time_td.textContent = times
            dataList.appendChild(open_time_td);

            // 自动生成状态列
            const close_time_td = document.createElement('td');
            close_times = channel_power_infro[j].info.stop_delay  
            close_times = close_times / 1000
            close_time_td.textContent = close_times
            dataList.appendChild(close_time_td);

            // 自动生成状态列
            const status_td = document.createElement('td');
            channel_status = channel_power_infro[j].power[0].status
            dataList.appendChild(status_td);

            if(channel_status == 1)
                {
                    status_td.textContent = '接通';
                    // 自动生成关闭按钮列
                    const close_button_td = document.createElement('button');
                    close_button_td.textContent = '关闭';
                    close_button_td.id = `Button_close_ ${j}`;
                    close_button_td.addEventListener('click', function() {
                        const userConfirmed = confirm('是否确定关闭该通道');
                        if (userConfirmed) {
                            single_close(j_data,channel_power_infro,j)
                        } else {
                            alert('已取消关闭通道');
                        }
                    });
                    close_button_td.style.height = '50px'
                    dataList.appendChild(close_button_td);
                }else{
                    status_td.textContent = '断开';
                    // 自动生成开启按钮列
                    const open_button_td = document.createElement('button');
                    open_button_td.id = `Button_open_ ${j}`;
                    open_button_td.textContent = '开启';
                    open_button_td.addEventListener('click', function() {
                        const userConfirmed = confirm('是否确定开启该通道');
                        if (userConfirmed) {
                            single_open(j_data,channel_power_infro,j)
                        } else {
                            alert('已取消开启通道');
                        }
                    });
                    open_button_td.style.height = '50px'
                    dataList.appendChild(open_button_td);
                }
                // 自动生成输出类型列
                const input_type_td = document.createElement('td');
                input_type_td.textContent = '单相';

                dataList.appendChild(input_type_td);
            }
}