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');
        var val = channel_power_infro[j].power[0].voltage / 10.0;
        voltage_td.textContent = val;
        dataList.appendChild(voltage_td);

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

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

        dataList.appendChild(power_td);

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

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

        // 自动生成功率因数列
        const factor_td = document.createElement('td');
        var val = channel_power_infro[j].power[0].factor / 100.0;
        factor_td.textContent = val;
        //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
        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
        close_time_td.textContent = close_times
        dataList.appendChild(close_time_td);

        // 自动生成状态列
        const status_td = document.createElement('td');
        channel_status = channel_power_infro[j].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);
    }
}