yfwlwCut/templates/static/js/reportmanage/bzy_report.js

// 时间插件初始化
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 = "暂无数据";
}

var parentUserName = $('#parentUserName', parent.document).html();
if (parentUserName == '巩义长寿山' || parentUserName == '梁平区农委') {
    $(document.getElementById('datatable').children[0]).find('tr').append('<th>孢子统计</th>');
}

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].bzy_status + ')');

        var c1 = row.insertCell(0);
        c1.innerHTML = '<div class="deviceId">' + dat[i].equip_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 (stat.on_off == 1) c3.innerHTML = '开';
        else if (stat.on_off == 0) c3.innerHTML = '关';  //0关（之前）

        var c4 = row.insertCell(3);
        c4.innerHTML = stat.v_bat;

        var c5 = row.insertCell(4);
        c5.innerHTML = stat.set_temp;

        var c6 = row.insertCell(5);
        c6.innerHTML = stat.pre_temp;

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


        var c8 = row.insertCell(7);
        if (stat.bat_sta == 0) c8.innerHTML = '<img src="static/img/vbat1.png" alt="">';
        else c8.innerHTML = '<img src="static/img/vbat2.png" alt="电量过低">';

        var c9 = row.insertCell(8);
        c9.innerHTML = stat.at;

        var c10 = row.insertCell(9);
        c10.innerHTML = stat.ah;

        var c11 = row.insertCell(10);
        c11.innerHTML = dat[i].upl_time;

        var c12 = row.insertCell(11);
        c12.innerHTML = "<button onclick='reloadPage($(this))' class='btn btn-sm btn-success'>查询</button>";

        var c13 = row.insertCell(12);
        // c13.innerHTML = "<button onclick='viewimg($(this))' class='btn btn-sm btn-primary'>查看图片</button>";
        c13.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'bzy/bzy_photo?imei='+dat[i].equip_id+'\')">查看图片</button>';

        var c14 = row.insertCell(13);
        // c14.innerHTML = "<button onclick='details($(this))' class='btn btn-sm btn-primary'>查看详情</button>";
        // c14.innerHTML = "<button onclick='details($(this))' class='btn btn-sm btn-primary'>查看详情</button>";
        c14.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'bzy_report_detail?id='+dat[i].equip_id+'\')">详情</button>';

        if (parentUserName == '巩义长寿山' || parentUserName == '梁平区农委') {
            // var equip_desc = dat[i].equip_desc;
            // if (equip_desc == 0 || equip_desc == '' || equip_desc == null) {
            //     var txt = '使用中';
            // } else if (equip_desc == 1) {
            //     var txt = '维修';
            // } else if (equip_desc == 2) {
            //     var txt = '弃用';
            // } else {
            //     var txt = '未定义';
            // }
            var c15 = row.insertCell(14);
            // c18.innerHTML = "<input type='hidden' value='" + equip_desc + "' /><a href='javascript:;' onclick='changeStatus($(this)," + stat.imei + ")' class=''>" + txt + "</a>";
            c15.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'bzy_report_statistics?id='+dat[i].equip_id+'\')">孢子统计</button>';
        }
    }
}

//刷新：下发查询：
function reloadPage(obj) {
    var parent = obj.parents('tr');
    var deviceId = parent.find('.deviceId').html().trim();
    $.ajax({
        type: "post",
        url: 'bzy_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("bzy_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("发送失败！")
            }

        }
    })
}

function details(obj) {
    var parent = obj.parents('tr');
    var deviceId = parent.find('.deviceId').html().trim();
    id = deviceId.toString();
    window.location.href = "bzy_report_detail?id=" + id;
}


function viewimg(obj) {
    var parent = obj.parents('tr');
    var deviceId = parent.find('.deviceId').html().trim();
    imei = deviceId.toString();
    window.location.href = "bzy/bzy_photo?imei=" + imei;
}


// 分页初始化
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) {
            $.ajax({
                type: "get",
                url: "bzy_report?req="+"reqdat"+'&page='+obj.curr,
                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: 'bzy_report',
        type: 'post',
        data: {
            req: "filter",
            ename: ename,
            page:1,
            f_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, 'bzy_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')
    }
});