var user = document.getElementById("datatable");
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', '18');
    c1.setAttribute('class', 'nullData');
    c1.innerHTML = "暂无数据";
}
function Fill_Table(table_id, data) {
    //js循环读取json数据
    var table = document.getElementById(table_id).children[1];
    for (var i = 0; i < data.length; i++) {
        var row = table.insertRow(table.rows.length);
        if (data[i].length == 0) { continue; }
        //JSON字符串转换JSON对象
        var stat = eval('(' + data[i].rtu_status + ')');

        var c1 = row.insertCell(0);
        c1.innerHTML = '<div class="deviceId">' + stat.imei + '</div>';

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

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

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

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


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

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

        // var c8 = row.insertCell(7);
        // var cpu = stat.cpu_tmp / 1000
        // c8.innerHTML = cpu;

        var c7 = row.insertCell(6);
        if (stat.cam_sta == 0) c7.innerHTML = '正常';
        else c7.innerHTML = '异常';

        var c8 = row.insertCell(7);
        c8.innerHTML = stat.dat_f;

        var c9 = row.insertCell(8);
        c9.innerHTML = data[i].upl_time;

        var c10 = row.insertCell(9);
        c10.innerHTML = '<button onclick="reloadPage($(this))" class="btn btn-sm btn-success green">刷新</button>';

        var c11 = row.insertCell(10);
        c11.innerHTML = '<button onclick="reloadPage($(this))" class="btn btn-sm btn-success red">重启</button> <button onclick="reloadPage($(this))" class="btn btn-sm btn-success">升级</button> <button onclick="reloadPage($(this))" class="btn btn-sm btn-success">拍照</button> <button class="btn btn-sm btn-primary" onclick="openDetialPage(\'rtu_data?id='+stat.imei+'\')">详情</button>';
        // c13.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'rtu_data?id='+stat.imei+'\')">详情</button>';
    }
}

// //刷新、重启等操作
function reloadPage(obj, ext) {
    var parent = obj.parents('tr');
    var deviceId = parent.find('.deviceId').html().trim();
    id = deviceId.toString();
    var topicid = [];
    topicid.push(id);
    var ext = obj.context.innerHTML
    var extData
    if (ext == '重启') {
        extData = "reboot"
    } else if (ext == '升级') {
        extData = "update"
    } else if (ext == '拍照') {
        extData = "takephoto"
    } else if (ext == '刷新') {
        extData = "data"
    }


    $.ajax({
        type: "post",
        url: 'rtu_mqtt',
        data: {
            id: id,
            ext: extData
        },
        beforeSend: function () {
            $('#loadingParent').show();
        },
        complete: function () {
            setTimeout(function () {
                $('#loadingParent').hide();
            },3000)
        },
        dataType: "json",
        success: function (data) {
            if (data == "0") {
                layer.msg("发送成功！");
            }
            else {
                layer.msg("发送失败！")
            }

        }
    })
}

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

        }
    });
});

//筛选
function sub_filter() {
    var ename = $('#ename').val();
    var eId = $('#eId').val();
    $("#datatable  tr:not(:first)").html("");
    $.ajax({
        url: 'rtu_view',
        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.dat);
                $('#page').parent().hide();
            }
            var datas = {
                req: "filter",
                ename: ename,
                f_id: eId
            };
            initSearchPage(msg.nums, 'rtu_view', 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: 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 () {
                            $('#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')
    }
});