qxzSy/yfwlw/templates/static/js/reportmanage/xyq_report.js

$.ajax({
    type: "post",
    url: "xyq_report",
    data:{
        page:1
    },
    dataType: "json",
    beforeSend: function () {
        $('#loadingParent').show();
    },
    complete: function () {
        $('#loadingParent').hide();
    },
    success: function (data) {
        $("#datatable  tr:not(:first)").html("");
        // js循环读取json数据
        if (data.dat.length > 0) {
            Fill_Table('datatable', data.dat);
            $('#page').parent().show();
        } else {
            Fill_null_Table('datatable');
            $('#page').parent().hide();
        }
        // $('#iframe-main', parent.document).css('height', $('.content').height())
    }
})

// 时间插件初始化
layui.use('laydate', function () {
    var laydate = layui.laydate;
    //执行一个laydate实例
    laydate.render({
        elem: '#timSelectBox' //指定元素
        , range: true
        , done: function (value, date) {
            var dateArray = value.split(' - ')
            $('#begin').val(dateArray[0])
            $('#end').val(dateArray[1])
        }
    });
});

function Fill_null_Table(table_id, data) {
    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 = "暂无数据";
}

function Fill_Table(table_id, dat) {
    var table = document.getElementById(table_id).children[1];
    for (var i = 0; i < dat.length; i++) {
        var row = table.insertRow(table.rows.length);
        if (dat[i].length == 0) { continue; }
        //JSON字符串转换JSON对象
        // var stat = eval('(' + dat[i].cbd_data + ')');

        var c1 = row.insertCell(0);
        c1.innerHTML = '<div class="deviceId">' + dat[i].equip_id;

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

        var c3 = row.insertCell(2);
        c3.innerHTML = dat[i].tem;

        var c4 = row.insertCell(3);
        var num = Number(dat[i].hum * 100).toFixed()
        c4.innerHTML = num;
       

        var c5 = row.insertCell(4);
        c5.innerHTML = dat[i].pest;

        var c6 = row.insertCell(5);
        c6.innerHTML = dat[i].pestnum;

        var c7 = row.insertCell(6);
        c7.innerHTML = dat[i].upl_time;

        var c8 = row.insertCell(7);
        c8.innerHTML = "<button onclick='reloadPage(\"" + dat[i].modelSerail + "\")' class='btn btn-sm btn-success'>当前查询</button>";

        var c9 = row.insertCell(8);
        c9.innerHTML = "<button onclick=\"openDetialPage('xyq_image?imei="+ dat[i].equip_id +"')\" class='btn btn-sm btn-primary'>查看图片</button>";

        var c10 = row.insertCell(9);
        c10.innerHTML = "<button onclick=\"openDetialPage('xyq_report_detail?id="+ dat[i].equip_id +"')\" class='btn btn-sm btn-primary'>查看详情</button>";

    }
}

//刷新：下发查询：
function reloadPage(imei) {
    // alert(imei)
    // Fill_Table('datatable', data.dat);
    // var parent = obj.parents('tr');
    // var deviceId = parent.find('.deviceId').html().trim();
    // $.ajax({
    //     type: "post",
    //     url: 'cbd_mqtt',
    //     data: {
    //         "req": "read",//读取
    //         "topicid": deviceId,
    //         "kind": "data"//读取下位机数据
    //     },
    //     dataType: "json",
    //     beforeSend: function () {
    //         $('#loadingParent').show();
    //     },
    //     complete: function () {
    //         setTimeout(function () {
    //             $('#loadingParent').hide();
    //         }, 3000)
    //     },
    //     success: function (data) {
    //         if (data == "0") {
    //             layer.msg("发送成功！")
    //             setTimeout(function () {
    //                 var ename = $('#ename').val();
    //                 var eId = $('#eId').val();
    //                 var page = $('.layui-laypage-curr em').eq(1).html();
    //                 var data = {
    //                     req: "filter",
    //                     ename: ename,
    //                     f_id: eId,
    //                     page: page,
    //                 };
    //                 $.post("cbd_report", data, function (data) {
    //                     $("#datatable  tr:not(:first)").html("");
    //                     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();
    //                     }
    //                 });
    //                 // window.location.href = window.location.href;
    //             }, 3000)
    //         } else {
    //             layer.msg("发送失败！")
    //         }

    //     }
    // })
}




// 分页初始化
// layui.use('laypage', function () {
//     var laypage = layui.laypage;
//     laypage.render({
//         elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
//         , count: $('#totalPage').val()
//         , theme: '#428BCA'
//         , layout: ['prev', 'page', 'next', 'skip']
//         , jump: function (obj) {
//             Fill_Table('datatable', data.dat);
//             $.ajax({
//                 type: "post",
//                 url: "xyq_report",
//                 dataType: "json",
//                 beforeSend: function () {
//                     $('#loadingParent').show();
//                 },
//                 complete: function () {
//                     $('#loadingParent').hide();
//                 },
//                 success: function (data) {
//                     $("#datatable  tr:not(:first)").html("");
//                     // js循环读取json数据
//                     if (data.length > 0) {
//                         Fill_Table('datatable', data);
//                         $('#page').parent().show();
//                     } else {
//                         Fill_null_Table('datatable');
//                         $('#page').parent().hide();
//                     }
//                     $('#iframe-main', parent.document).css('height', $('.content').height())
//                 }
//             })

//         }
//     });
// });

//筛选
function sub_filter() {
    var ename = $('#ename').val();
    var eId = $('#eId').val();
    $("#datatable  tr:not(:first)").html("");
    $.ajax({
        url: 'xyq_report',
        type: 'post',
        data: {
            req: "filter",
            ename: ename,
            page: 1,
            equip_id: eId,
        },
        beforeSend: function () {
            $('#loadingParent').show();
        },
        complete: function () {
            $('#loadingParent').hide();
        },
        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);
                $('#page').parent().hide();
            }
            var datas = {
                req: "filter",
                ename: ename,
                f_id: eId,
            };
            initSearchPage(msg.nums, 'xyq_report', datas);
            if ($('.content').height() > 750) {
                $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
            } else {
                $('#iframe-main', parent.document).css('height', '750px')
            }
        }
    })
}
//搜索分页
function initSearchPage(page, url, datas) {
    layui.use('laypage', function () {
        var laypage = layui.laypage;
        laypage.render({
            elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
            , 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 () {
                            $('#loadingParent').show();
                        },
                        complete: function () {
                            $('#loadingParent').hide();
                        },
                        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)
                            }
                            if ($('.content').height() > 750) {
                                $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                            } else {
                                $('#iframe-main', parent.document).css('height', '750px')
                            }
                        }
                    })
                }
            }
        });
    });
}
// 窗口改变iframe高度改变
$(window).resize(function () {
    if ($('.content').height() > 750) {
        $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
    } else {
        $('#iframe-main', parent.document).css('height', '750px')
    }
});