yfwlwCut/templates/static/js/reportmanage/cbd_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 = "暂无数据";
}

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);
        if (dat[i].equip_name == "") c2.innerHTML = "无"
        else c2.innerHTML = dat[i].equip_name;

        var c3 = row.insertCell(2);
        if (stat.ws == 1) {
            c3.innerHTML = "工作";
        }else if (stat.ws == 0) {
            c3.innerHTML = "待机";
        }else{
            c3.innerHTML = "--";
        }

        var c4 = row.insertCell(3);
        c4.innerHTML = (stat.at / 10).toFixed(1);

        var c5 = row.insertCell(4);
        c5.innerHTML = (stat.ah / 10).toFixed(1);

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

        var c7 = row.insertCell(6);
        if (dat[i].etype == null) c7.innerHTML = '--';
        else if (dat[i].etype != null) c7.innerHTML = dat[i].etype

        var c8 = row.insertCell(7);
        if (stat.rps == 0) c8.innerHTML = '<img src="static/img/noRCtrl.png" alt="">';
        else c8.innerHTML = '<img src="static/img/rCtrl.png" alt="">';
        

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

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

        var c11 = row.insertCell(10);
        if(stat.lamp != undefined){
            if(stat.ws == 1){
                if(stat.lamp == 1){
                    c11.innerHTML = '<img src="static/img/greenLamp.png" height="30px" alt="">';
                    c11.setAttribute('title', '亮')
                }else if(stat.lamp == 0){
                    c11.innerHTML = '灭';
                    c11.setAttribute('title', '灭')
                }
            }else{
                c11.innerHTML = '灭';
                c11.setAttribute('title', '灭')
            }
        }else{
            c11.innerHTML = "--";
        }

        var c12 = row.insertCell(11);
        if (dat[i].scene == 1) {
            c12.innerHTML = '<div title="小麦、玉米"><img src="../static/img/cbdScene1.png" /></div>';
        } else if (dat[i].scene == 2) {
            c12.innerHTML = '<div title="水稻"><img src="../static/img/cbdScene2.png" /></div>';
        } else if (dat[i].scene == 3) {
            c12.innerHTML = '<div title="林业"><img src="../static/img/cbdScene3.png" /></div>';
        } else if (dat[i].scene == 4) {
            c12.innerHTML = '<div title="大豆"><img src="../static/img/cbdScene4.png" /></div>'
        } else {
            c12.innerHTML = '<div title="暂无">--</div>';
        }

        var c13 = row.insertCell(12);
        c13.innerHTML = dat[i].upl_time;

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

        var c15 = row.insertCell(14);
        if(dat[i].have_photo == 1){
            c15.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'cbd/img?imei='+dat[i].equip_id+'&disc='+dat[i].disc+'\')">查看图片</button>';
        }else{
            c15.innerHTML = '<button class="btn btn-sm " onclick="openDetialPage(\'cbd/img?imei='+dat[i].equip_id+'&disc='+dat[i].disc+'\')">查看图片</button>';
        }
        
        var c16 = row.insertCell(15);
        c16.innerHTML = '<button onclick="openDetialPage(\'cbd_report_detail?id='+dat[i].equip_id+'\')" class="btn btn-sm btn-primary" >详情</button>';
        // c16.innerHTML = "<button onclick='details("+dat[i].equip_id+")' class='btn btn-sm btn-primary'>详情</button>";

        var c17 = row.insertCell(16);
        if(dat[i].disc == 0){
            c17.innerHTML ='<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'manual_pest_data?e_id='+dat[i].equip_id+'\')">害虫统计</button>'
        }else{
            c17.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'pest_statis?id='+dat[i].equip_id+'\')">害虫统计</button>';
        }
        // if(dat[i].disc == 0){
        //     c17.innerHTML ='<button class="btn btn-sm btn-primary" onclick="pestsStats1('+dat[i].equip_id+')">害虫统计</button>'
        // }else{
        //     c17.innerHTML = '<button class="btn btn-sm btn-primary" onclick="pestsStats2('+dat[i].equip_id+')">害虫统计</button>';
        // }
        
    }
}

//刷新：下发查询：
function reloadPage(obj) {
    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("发送失败！")
            }

        }
    })
}

function details(id) {
    window.location.href = "cbd_report_detail?id=" + id;
}
function pestsStats1(id){
    window.location.href = "manual_pest_data?e_id=" + id;
}
function pestsStats2(id){
    window.location.href = "pest_statis?id=" + id;
}


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

// 管理员筛选
function dverSelect(){
    var ename = $('#ename').val();
    var eId = $('#eId').val();
    var photoTime = $('#photoTime').val() || "";
    var baseplateType = $('#baseplateType').val() || "";
    var etype = $('#lightType').val()
    $("#datatable  tr:not(:first)").html("");

    $.ajax({
        url: 'cbd_report',
        type: 'post',
        data: {
            req: "filter",
            photoday: photoTime,
            baseplateType: baseplateType,
            ename: ename,
            page:1,
            f_id:eId,
            etype: etype
        },
        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",
                photoday: photoTime,
                baseplateType: baseplateType,
                ename: ename,
                page:1,
                f_id:eId,
                etye: etype
            };
            initSearchPage(msg.nums, 'cbd_report',datas);
            if ($('.content').height() > 750) {
                $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
            } else {
                $('#iframe-main', parent.document).css('height', '750px')
            } 
        }
    })
}

//测报灯类型筛选
function cbdType () {
    var ename = $('#ename').val();
    var eId = $('#eId').val();
    var photoTime = $('#photoTime').val() || "";
    var baseplateType = $('#baseplateType').val() || "";
    $("#datatable  tr:not(:first)").html("");
    var etype =  $('#lightType').val()


    $.ajax({
        url: 'cbd_report',
        type: 'post',
        data: {
            req: "filter",
            photoday: photoTime,
            baseplateType: baseplateType,
            ename: ename,
            page: 1,
            f_id:eId,
            etype: etype,
        },
        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",
                photoday: photoTime,
                baseplateType: baseplateType,
                ename: ename,
                page:1,
                f_id:eId,
                etype: etype,
            };
            initSearchPage(msg.nums, 'cbd_report',datas);
            if ($('.content').height() > 750) {
                $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
            } else {
                $('#iframe-main', parent.document).css('height', '750px')
            } 
        }
    })
}


// 分页初始化
layui.use('laypage', function () {
    var laypage = layui.laypage;
    laypage.render({
        elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
        , count: $('#totalPage').val()
        ,curr:1  //让起始页等于我传过来的page1,也就是点击的页码
        ,theme: '#428BCA'
        , layout: ['prev', 'page', 'next', 'skip']
        , jump: function (obj) {
            $.ajax({
                type: "get",
                url: "cbd_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();
    var photoTime = $('#photoTime').val() || '';
    var baseplateType = $('#baseplateType').val() || '';
    $('#lightType').val('全部')
    var etype = $('#lightType').val()
    $("#datatable  tr:not(:first)").html("");
    $.ajax({
        url: 'cbd_report',
        type: 'post',
        data: {
            req: "filter",
            ename: ename,
            page:1,
            f_id:eId,
            photoday: photoTime,
            baseplateType: baseplateType,
        },
        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,
                photoday: photoTime,
                baseplateType: baseplateType,
                page: 1,
                etype: etype
            };
            initSearchPage(msg.nums, 'cbd_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) {
    console.log(datas)
    layui.use('laypage', function () {
        var laypage = layui.laypage;
        laypage.render({
            elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
            , count: page
            ,curr:1  //让起始页等于我传过来的pageCbd,也就是点击的页码
            ,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')
    }
});