qxzSy/yfwlw/templates/static/js/usermanage/equip_alarm.js

function Fill_null_Table(table_id) {
    var table = document.getElementById(table_id).children[1];
    var row = table.insertRow(table.rows.length);
    var c1 = row.insertCell(0);
    c1.setAttribute('colspan', '16');
    c1.setAttribute('class', 'nullData');
    c1.innerHTML = "暂无数据";
    scrollBar();
}

function Fill_Table(table_id, dat) {
    //js循环读取json数据
    var table = document.getElementById(table_id).children[1];
    for (var i = 0; i < dat.length; i++) {
        var row = table.insertRow(table.rows.length);
        //JSON字符串转换JSON对象
        var c1 = row.insertCell(0);
        c1.innerHTML = dat[i].equip_id;

        var c2 = row.insertCell(1);
        c2.innerHTML = dat[i].alarm_desc;

        var c3 = row.insertCell(2);
        c3.innerHTML = dat[i].alarm_time;
    }
    scrollBar();
}

// 分页初始化
layui.use('laypage', function () {
    var laypage = layui.laypage;
    laypage.render({
        elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
        // , count: 30
        , count: $('#totalPage').val()
        , theme: '#428BCA'
        , layout: ['prev', 'page', 'next', 'skip']
        , jump: function (obj, first) {
            $.ajax({
                url: "equip_alarm_list",
                type: 'get',
                data: {
                    e_id:'',
                    'f_type':'',
                    page: obj.curr
                },
                beforeSend: function () {
                    loadingFlag = layer.load();
                },
                success: function (data) {
                    layer.close(loadingFlag);
                    $('#datatable tbody').html('');
                    $('#datatable tbody').html(data);
                    if ($('#totalPage').val() > 0) {
                        $('.nullData').hide();
                        $('#page').parent().show();
                    } else {
                        $('.nullData').show();
                        $('#page').parent().hide();
                    }
                }
            })
        }
    });
});

//筛选
function sub_filter() {
    var eId = $('#eid').val();
    var f_type = $('#f_type').val();
    $("#datatable  tr:not(:first)").html("");
    $.ajax({
        url: 'equip_alarm_list',
        type: 'post',
        data: {
            page: 1,
            'e_id': eId,
            'f_type':f_type
        },
        beforeSend: function () {
            loadingFlag = layer.load();
        },
        success: function (data) {
            layer.close(loadingFlag);
            var msg = $.parseJSON(data);
            if (msg.dat.length > 0) {
                Fill_Table('datatable', msg.dat);
                $('#page').parent().show();
            } else {
                Fill_null_Table('datatable', msg.dat);
                $('#page').parent().hide();
            }
            var datas = {
                'e_id': eId,
                'f_type':f_type
            };
            initSearchPage(msg.nums, 'equip_alarm_list', datas);
        }
    })
}
//搜索分页
function initSearchPage(page, url, datas) {
    layui.use('laypage', function () {
        var laypage = layui.laypage;
        laypage.render({
            elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
            // , count: 30
            , count: page
            , theme: '#428BCA'
            , layout: ['prev', 'page', 'next', 'skip']
            , jump: function (obj, first) {
                datas.page = obj.curr;
                if (!first) {
                    $.ajax({
                        url: url,
                        type: 'post',
                        data: datas,
                        beforeSend: function () {
                            loadingFlag = layer.load();
                        },
                        success: function (data) {
                            layer.close(loadingFlag);
                            $("#datatable  tr:not(:first)").html("");
                            var msg = $.parseJSON(data);
                            if (msg.dat.length > 0) {
                                Fill_Table('datatable', msg.dat)
                            } else {
                                Fill_null_Table('datatable', msg.dat)
                            }
                        }
                    })
                }
            }
        });
    });
}

//离线重连查看
function ceshi() {
    var req = $('#examine').val()
    if (req == 'offline' || req == 'cbdoffline' || req == 'qxzoffline' || req == 'scdoffline' || req == 'xyoffline') {
        $("#datatable").addClass("disLine");
        $("#datatableB").addClass("disLine");
        $("#datatableA").removeClass("disLine");
        var name = 'datatableA'
    } else if (req == 'relink' || req == 'cbdrelink' || req == 'qxzrelink') {
        $("#datatableB").removeClass("disLine");
        $("#datatable").addClass("disLine");
        $("#datatableA").addClass("disLine");
        var name = 'datatableB'
    }
    $.ajax({
        url: "equip_alarm_list",
        type: 'post',
        data: {
            req: req,
            page: 1
        },
        beforeSend: function () {
            loadingFlag = layer.load();
        },
        success: function (data) {
            layer.close(loadingFlag);
            var msg = $.parseJSON(data);
            console.log(msg)
            if (msg.nums > 0) {
                $('#page').parent().show();
                if (req == 'offline' || req == 'cbdoffline' || req == 'qxzoffline' || req == 'scdoffline' || req == 'xyoffline') {
                    $('#datatableA tbody').html('');
                } else if (req == 'relink' || req == 'cbdrelink' || req == 'qxzrelink') {
                    $('#datatableB tbody').html('')
                }
                Fill_TableA(name, msg.data);
            } else {
                $('#page').parent().hide();
                if (name == 'datatableA') {
                    $('#datatableA tbody').html('')
                } else {
                    $('#datatableB tbody').html('')
                }
                Fill_null_TableA(name, msg.data);
            }
            var datas = {
                page: 1,
                req: req
            }
            initSearchPageA(msg.nums, 'equip_alarm_list', datas, name);
        }
    })
}

function Fill_null_TableA (table_id) {
    var table = document.getElementById(table_id).children[1];
    var row = table.insertRow(table.rows.length);
    var c1 = row.insertCell(0);
    c1.setAttribute('colspan', '16');
    c1.setAttribute('class', 'nullData');
    c1.innerHTML = "暂无数据";
    scrollBar();
}

function Fill_TableA(table_id, data) {
     //js循环读取json数据
     console.log(data)
     var table = document.getElementById(table_id).children[1];
     for (var i = 0; i < data.length; i++) {
         var row = table.insertRow(table.rows.length);
         //JSON字符串转换JSON对象
         var c1 = row.insertCell(0);
         c1.innerHTML = data[i].e_id;
 
         var c2 = row.insertCell(1);
         if (data[i].etype == 2) {
            c2.innerHTML = '杀虫灯'
         } else if (data[i].etype == 3) {
             c2.innerHTML = '测报灯'
         } else if (data[i].etype == 4) {
            c2.innerHTML = '性诱'
         } else if (data[i].etype == 5) {
            c2.innerHTML = '气象站'
         }
 
         var c3 = row.insertCell(2);
         c3.innerHTML = data[i].nums;
     }
     scrollBar();
}

//离线重连查看分页
function initSearchPageA(page, url, datas, table_id) {
    layui.use('laypage', function () {
        var laypage = layui.laypage;
        laypage.render({
            elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
            // , count: 30
            , count: page
            , theme: '#428BCA'
            , layout: ['prev', 'page', 'next', 'skip']
            , jump: function (obj, first) {
                datas.page = obj.curr;
                if (!first) {
                    $.ajax({
                        url: url,
                        type: 'post',
                        data: datas,
                        beforeSend: function () {
                            loadingFlag = layer.load();
                        },
                        success: function (data) {
                            layer.close(loadingFlag);
                            if (table_id == 'datatableA') {
                            $("#datatableA  tr:not(:first)").html("");

                            } else {
                            $("#datatableB  tr:not(:first)").html("");
                            }
                            var msg = $.parseJSON(data);
                            if (msg.nums > 0) {
                                Fill_TableA(table_id, msg.data)
                            } else {
                                Fill_null_TableA(table_id, msg.data)
                            }
                        }
                    })
                }
            }
        });
    });
}