qxzSy/yfwlw/templates/static/js/warnmanage/cbd_list.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', '20');
    c1.setAttribute('class', 'nullData');
    c1.innerHTML = "暂无数据";
}


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 stat = eval('(' + dat[i].cbd_status + ')');
        var c1 = row.insertCell(0);
        c1.innerHTML = stat.imei;
        c1.setAttribute('class', 'id')

        var c2 = row.insertCell(1);
        if (dat[i].equip_name == "") c2.innerHTML = "无";
        else c2.innerHTML = dat[i].equip_name;

        var c3 = row.insertCell(2);
        if (dat[i].is_online == 1) c3.innerHTML = '<img src="static/img/onLine.png" alt="">';
        else if (dat[i].is_online == 0) c3.innerHTML = '<img src="static/img/offLine.png" title=离线时间：' + dat[i].off_time.replace(' ', '　') + ' alt="">';
        else c3.innerHTML = "--";

        var c4 = row.insertCell(3);
        if (stat.ts == 1) c4.innerHTML = "时控";
        else if (stat.ts == 0) c4.innerHTML = "光控";

        var c5 = row.insertCell(4);  //1是雨控  0正常
        if (stat.rps == 0) c5.innerHTML = '<img src="static/img/noRCtrl.png" alt="">';
        else c5.innerHTML = '<img src="static/img/rCtrl.png" alt="">';

        var c6 = row.insertCell(5); //1白天  0夜晚
        if (stat.lps == 1) c6.innerHTML = '<img src="static/img/daytime.png" alt="">';
        else c6.innerHTML = '<img src="static/img/night.png" alt="">';

        var c7 = row.insertCell(6);
        if (stat.tps == 0) c7.innerHTML = '<img src="static/img/noHighTemp.png" alt="">';
        else c7.innerHTML = '<img src="static/img/highTemp.png" alt="">';

        var c13 = row.insertCell(7);
        c13.innerHTML = stat.dver;

        var c14 = row.insertCell(8);
        c14.innerHTML = dat[i].upl_time;

        var c15 = row.insertCell(9);
        c15.innerHTML = '<button type="button" class="btn btn-sm btn-primary configurationBtn" onclick="configurationSwitch($(this))">短信预警</button>';
        c15.innerHTML = '<a href="alarm_range?e_id='+stat.imei+'"  class="btn btn-sm btn-primary configurationBtn" >短信预警</a>';
        c15.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'alarm_range?e_id='+stat.imei+'\')">害虫预警设置</button>';
    }
}



// 分页初始化
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: "equipmanage_cbd",
                type: 'post',
                data: {
                    req: "dat",
                    page: obj.curr
                },
                beforeSend: function () {
                    $('#loadingParent').show();
                },
                complete: function () {
                    $('#loadingParent').hide();
                },
                success: function (data) {
                    var msg = $.parseJSON(data);
                    if (msg.length > 0) {
                        Fill_Table('datatable', msg);
                        $('#page').parent().show();
                    } else {
                        Fill_null_Table('datatable', msg);
                        $('#page').parent().hide();
                    }
                    scrollBar()
                }
            })
            if (!first) {
                $("#datatable  tr:not(:first)").remove();
            }
        }
    });
});


//筛选
function sub_filter() {
    var ename = $('#ename').val();
    var eId = $('#eId').val();
    var onoffSelectVal = $('#onoffSelect').val() || '';
    var edverVal = $('#edver').val() || '';
    $("#datatable  tr:not(:first)").html("");
    $.ajax({
        url: 'equipmanage_cbd',
        type: 'post',
        data: {
            req: "filter",
            dver: edverVal,
            is_online: onoffSelectVal,
            dver: edverVal,
            is_online: onoffSelectVal,
            ename: ename,
            page: 1,
            f_id: eId,
        },
        success: function (data) {
            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 = {
                req: "filter",
                dver: edverVal,
                is_online: onoffSelectVal,
                ename: ename,
                f_id: eId,
            };
            initSearchPage(msg.nums, 'equipmanage_cbd', datas);
            scrollBar()
        }
    })
}
//搜索分页
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,
                        success: function (data) {
                            $("#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)
                            }
                            scrollBar()
                        }
                    })
                }
            }
        });
    });
}