qxzSy/yfwlw/templates/static/js/equipmanage/equipmanage_bzy.js

$('#timing').on('change', function () {
    if ($(this).val() == 0) {
        $('.lightPattern').show();
        $('.timePattern').hide();
    } else {
        $('.lightPattern').hide();
        $('.timePattern').show();
    }
})

// 时间插件初始化
layui.use('laydate', function () {
    var laydate = layui.laydate;
    //执行一个laydate实例
    laydate.render({
        elem: '#timSelectBox' //指定元素
        , type: 'time'
        , format: 'H'
        , btns: ['clear', 'confirm']
        , min: '19:00:00'           // 最小日期  
        , ready: function (date) {
            $('.laydate-time-text').html('起始时间');
        }
        , done: function (value, date) {
            $('#begin').val(value)
        }
    });
    //执行一个laydate实例
    laydate.render({
        elem: '#timSelectBox2' //指定元素
        , type: 'time'
        , format: 'H'
        , btns: ['clear', 'confirm']
        , ready: function (date) {
            $('.laydate-time-text').html('结束时间');
        }
        , max: '05:00:00'
        , done: function (value, date) {
            $('#end').val(value)
        }
    });
});

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', '16');
    c1.setAttribute('class', 'nullData');
    c1.innerHTML = "暂无数据";
    scrollBar();
}

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].bzy_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.on_off == 0) c4.innerHTML = '关';
        else c4.innerHTML = '开';
        

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

        var c6 = row.insertCell(5);
        if (stat.usb_sta == 0) c6.innerHTML = '<img src="static/img/usb_sta1.png" alt="">';
        else c6.innerHTML = '<img src="static/img/usb_sta2.png" title="异常" alt="">';

        // var c6 = row.insertCell(5);
        // if (stat.rps == 0) c6.innerHTML = '<img src="static/img/green.png" title="正常" alt="">';
        // else c6.innerHTML = '<img src="static/img/red.png" title="雨控" alt="">';

        var c7 = row.insertCell(6);
        c7.innerHTML = stat.v_bat;

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

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

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

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

        var c12 = row.insertCell(11);
        // c12.innerHTML = '<a class="btn btn-sm btn-primary" href="equipmanage_bzy_detail?id='+stat.imei+'">详情</button>';
        c12.innerHTML = '<button class="btn btn-sm btn-primary" onclick="openDetialPage(\'equipmanage_bzy_detail?id='+stat.imei+'\')">详情</button>';
    }
    scrollBar();
}




// 分页初始化
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_bzy",
                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();
                    }
                    // if ($('.content').height() > 750) {
                    //     $('#iframe-main', parent.document).css('height', $('.content').height() + 20)
                    // } else {
                    //     $('#iframe-main', parent.document).css('height', '750px')
                    // }
                }
            })
            if (!first) {
                $("#datatable  tr:not(:first)").remove();
            }
        }
    });
});

// 配置按钮
function configurationSwitch(obj) {
    var id = obj.parents('tr').find('.id').html();

    $.ajax({
        type: "post",
        url: 'cbd_mqtt',
        data: {
            "req": "read",//读取
            "topicid": id,
            "kind": "paramconf"//读取下位机状态
        },
        dataType: "json",
        beforeSend: function () {
            $('#loadingParent').show();
        },
        complete: function () {
            setTimeout(function () {
                $('#loadingParent').hide();
            }, 3000)
        },
        success: function (data) {
            if (data == "0") {
                layer.msg("发送成功！", { time: 2000 })
                setTimeout(function () {
                    $.ajax({
                        url: "equipmanage_bzy",
                        type: 'post',
                        data: {
                            id: id,
                            req: "paramconf",
                        },
                        success: function (data) {
                            var dat = $.parseJSON(data);
                            var para = eval("(" + dat.paramconf + ")");
                            if (para != '' && para != null) {
                                // 定时模式
                                $('#timing').val(para.ts);
                                if (para.ts == 0) {
                                    $('.lightPattern').show();
                                    $('.timePattern').hide();
                                } else {
                                    $('.lightPattern').hide();
                                    $('.timePattern').show();
                                }
                                // 滑块
                                $("#timingLength-slider").slider('value', para.tt);
                                $('#timingLength').html(para.tt);

                                $("#dropTime-slider").slider('value', para.collt);
                                $('#dropTime').html(para.collt);

                                $("#calefactionTime-slider").slider('value', para.htim);
                                $('#calefactionTime').html(para.htim);

                                $("#calefactionTemperature-slider").slider('value', para.hst);
                                $('#calefactionTemperature').html(para.hst);

                                $("#highLimit-slider").slider('value', para.tph);
                                $('#highLimit').html(para.tph);

                                $("#lowLimit-slider").slider('value', para.tpl);
                                $('#lowLimit').html(para.tpl);

                                $("#dataUpTime-slider").slider('value', para.datt);
                                $('#dataUpTime').html(para.datt);

                                // 时间
                                if ($('#timing').val() == 1) {
                                    $('#timSelectBox').val(Math.floor(para.st));
                                    $('#timSelectBox2').val(Math.floor(para.et));
                                    $('#begin').val(Math.floor(para.st));
                                    $('#end').val(Math.floor(para.et));
                                }
                                $('#imgHvga').val(para.imgres);

                            } else {
                                // 定时模式
                                $('#timing').val(0);
                                $('.lightPattern').show();
                                $('.timePattern').hide();
                                // 滑块
                                $("#timingLength-slider").slider('value',1);
                                $('#timingLength').html(1);

                                $("#dropTime-slider").slider('value', 5);
                                $('#dropTime').html(5);

                                $("#calefactionTime-slider").slider('value', 5);
                                $('#calefactionTime').html(5);

                                $("#calefactionTemperature-slider").slider('value', 75);
                                $('#calefactionTemperature').html(75);

                                $("#highLimit-slider").slider('value', 50);
                                $('#highLimit').html(50);

                                $("#lowLimit-slider").slider('value', 1);
                                $('#lowLimit').html(1);

                                $("#dataUpTime-slider").slider('value', 10);
                                $('#dataUpTime').html(10);

                                $('#begin').val(0);
                                $('#end').val(0);
                                $('#imgHvga').val(0);
                            }
                            var parent = obj.parents('tr');

                            $('#sppbId').html(parent.find('td').eq(0).html());//名称
                            $('#hideId').val(parent.find('td').eq(0).html());
                            $('#myModal').modal('toggle');
                            // moveBar();
                        }
                    })
                }, 3000)
            } else {
                layer.msg("发送失败！")
            }

        }
    })
    $(window).resize(function () {
        // moveBar()
    });
}

function defaultShow(val) {
    if (val == 0) {
        $('#ttime').hide();
        $('#thour').show();
        $('#timSelectBox').val(0);
        $('#timSelectBox2').val(0);
        $('#begin').val(0);
        $('#end').val(0);
    } else {
        $('#ttime').show();
        $('#thour').hide();
        $('input[name="timingLength"]').val('1');
        $('input[name="timingLength"]').next().find('.TimeBall').css('left', 0);
        $('input[name="timingLength"]').next().find('.TheColorBar').css('width', 0);
    }
}


// 配置中的拉杆

function moveBar() {
    var initX = $('.TheBar').eq(2).offset().left;
    $('.TimeBall').on('mousedown', function () {
        $(this).addClass('TimeBallMove');
        var parent = $(this).parents('.configurationDetial');
        var minLen = parent.find('.initVal').val(); //从多少开始
        var stepVal = parent.find('.initVal').data('step');
        if (stepVal) {
            var ratioNumber = 5; //10/单位  10  
        } else {
            var ratioNumber = parent.find('.BarFinishTime').html() - minLen; //中间多少段  125-75
            stepVal = 1;//1/单位
        }
        $(document).on('mousemove', function (e) {
            var maxDistance = 400;
            var minDistance = 0;
            var moveDistance = e.clientX - initX
            if (moveDistance >= minDistance && moveDistance <= maxDistance) {
                parent.find('.TimeBall').css({
                    left: e.clientX - initX
                })
                parent.find('.TheColorBar').css({
                    width: moveDistance
                })
                // var ratioNumber = parent.find('.BarFinishTime').html()-minLen; //多少单位  125-75
                parent.find('.BarBeginTime').val(Math.round(moveDistance / (maxDistance / ratioNumber)) * stepVal + parseInt(minLen));   //先算出一段多长  再算移动几段  乘一段距离 再加上起始值
            }


        })
    })
    $(document).on('mouseup', function (e) {
        $(document).off('mousemove');
        $('.TimeBall').off('mousemove');
        $('.TimeBall').removeClass('TimeBallMove');
    })
}

//保存
function saveOperation() {
    var data = {
        req:'set',
        id:$('#hideId').val(),
        timing:$('#timing').val(),
        timingLength:$('#timingLength').html(),
        begin:$('#begin').val(),
        end:$('#end').val(),
        dropTime:$('#dropTime').html(),
        calefactionTime:$('#calefactionTime').html(),
        calefactionTemperature:$('#calefactionTemperature').html(),
        highLimit:$('#highLimit').html(),
        lowLimit:$('#lowLimit').html(),
        dataUpTime:$('#dataUpTime').html(),
        imgHvga:$('#imgHvga').val()
    }
    if ($('#timing').val() == 1) {
        if ($('#begin').val() && $('#end').val()) {
            saveOperationAjax('cbd_mqtt', data)
        } else {
            layer.msg("请将时控时间填写完整！");
        }
    } else {
        saveOperationAjax('cbd_mqtt', data);
    }
}
function saveOperationAjax(url, data) {
    $.ajax({
        url: url,
        type: 'post',
        data: data,
        beforeSend: function () {
            $('#loadingParent').show();
        },
        complete: function () {
            setTimeout(function () {
                $('#loadingParent').hide();
            }, 3000)

        },
        success: function (data) {
            if (data == "0") {
                setTimeout(function () {
                    layer.msg("配置成功！");
                    $('#myModal').modal('hide');
                }, 3000)
            }
        }
    })
}

//刷新：下发查询：
function reloadPage(obj) {
    var id = obj.parents('tr').find('.id').html();
    $.ajax({
        type: "post",
        url: 'cbd_mqtt',
        data: {
            "req": "read",//读取
            "topicid": id,
            "kind": "status"//读取下位机状态
        },
        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("equipmanage_bzy", 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();
                        }
                    });
                }, 3000)
            } else {
                layer.msg("发送失败！")
            }

        }
    })
}

// 详情
function detailPage(obj){
    var id = obj.parents('tr').find('.id').html();
    
}

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