hanzhengyi
/
wxapp2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>永天消防</title>
</head>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/wxapp/css/style.css">
<!--<script type="text/javascript" src="__PUBLIC__/wxapp/js/jquery-1.11.3.min.js"></script>-->
<script src="__PUBLIC__/wxapp/js/lib/jquery-2.2.3.min.js"></script>
<script src="__PUBLIC__/wxapp/js/lib/dropload.js"></script>
<script type="text/javascript"
        src="__PUBLIC__/wxapp/js/jquery.mloading-master/jquery.mloading-master/src/jquery.mloading.js"></script>
<body>
<!--头部-->
<div class="header"><a class="comblack"
                       href="__MODULE__/ComprehensiveAlarm/index{$tokenurl}/companyid/{$companyid}"></a> 井盖监测
</div>
<!--内容-->
<div class="content">
    <!--导航-->
    <div class="fire-alarm-title">
		<span onclick="tabset(this)" name="all" class="title-label select-color">全部 
				<if condition="$wcl eq 0 ">
				    <else/> <p>{$wcl}</p>
				</if>
            <!--<p>{$wcl}</p>-->
		</span>
        <span onclick="tabset(this)" name="untreated" class="title-label">未处理</span>
        <span onclick="tabset(this)" name="treated" class="title-label">已处理</span>
    </div>
    <!--选择内容-->
    <!--    <div class="content-bottom" id="content-data">-->

    <!--    </div>-->
    <article class="content-bottom">
        <section class="khfxPane" style="display:block">
        </section>
        <section class="khfxPane">
        </section>

        <section class="khfxPane">
        </section>
    </article>

</div>
<!--底部-->
<div class="footer"></div>
</body>
<script type="text/javascript">
    // $(document).ready(function(){
    //    $(function(){
    //        $(".title-label").click(function(){
    //            $("#content-data").mLoading("show");
    //
    //        });
    //    });
    // });

    var type = 'all';
    let load_one = function () {
        var page = 0;
        let companyid = '{$companyid}';
        // var name_type=document.getElementById('name_type').value
        $('.content-bottom').dropload({
            scrollArea: window,
            distance: 50,                                                       // 拉动距离
            threshold: 100,                                                      // 提前加载距离
            domDown: {                                                          // 下方DOM
                domClass: 'dropload-down',
                domRefresh: '',
                domRefresh: '',
                domLoad: '',
                domNoData: ''
            },
            loadDownFn: function (me) {
                // alert(me);
                page++;
                var result = '';
                $.ajax({
                    url: "__MODULE__/ManholeCover/change{$tokenurl}",
                    type: "POST",
                    data: {
                        type: type,
                        companyid: companyid,
                        page: page
                    },
                    dataType: "JSON",
                    success: function (res) {
                        console.log(res);
                        var arr_length = res.length;
                        result = '';
                        if (arr_length > 0) {
                            for (var i = 0; i < arr_length; i++) {
                                var clzt = res[i].clzt;
                                var clztHtml = '';
                                if (clzt == 1) {
                                    clztHtml = '<a  href="__MODULE__/Fireinfo/index{$tokenurl}/type/128/id/' + res[i].id + '">已处理</a>';
                                } else {
                                    clztHtml = '<a class="bule" href="__MODULE__/Fireinfo/index{$tokenurl}/type/128/id/' + res[i].id + '">未处理</a>';
                                }
                                var device_status = '';
                                if (res[i].device_status == 0) {
                                    device_status = '打开恢复';
                                } else if (res[i].device_status == 1) {
                                    device_status = '打开告警';
                                } else if (res[i].device_status == 2) {
                                    device_status = '满溢恢复';
                                } else if (res[i].device_status == 3) {
                                    device_status = '满溢告警';
                                }

                                result += ''
                                    + '<div class="item-list">'
                                    + '<p>' + res[i].time + ' <span class="size" >' + device_status + '</span></p>'
                                    + '<p>' + res[i].owner_name + ''
                                    + '<span>'
                                    + clztHtml
                                    + '</span></p>'
                                    + '<p>'
                                    + device_status
                                    + '</p>'
                                    + '</div>';
                            }
                            ;
                            setTimeout(function () {
                                if (type == "all") {
                                    $('.khfxPane').eq(0).append(result);
                                } else if (type == "untreated") {
                                    $('.khfxPane').eq(1).append(result);
                                } else if (type == "treated") {
                                    $('.khfxPane').eq(2).append(result);
                                }
                                // $('#content-data').append(result);
                                me.resetload();
                            }, 500);
                            // alert(page);
                        } else {
                            // alert("page"+page);
                            // 锁定
                            me.lock();
                            // 无数据
                            me.noData();
                            me.resetload();
                        }


                    },
                    error: function (xhr, type) {
                        alert('Ajax error!');
                        // 即使加载出错，也得重置
                        me.resetload();
                    }
                });
            }
        });
        // load_one();
    }

    //点击 tab页 切换tab页
    $('.khfxPane').eq(0).html("");
    $('.khfxPane').eq(1).html("");
    $('.khfxPane').eq(2).html("");
    // $("#content-data").mLoading("show");
    let tabset = function (tab) {
        page = 0;
        pageNum = 1;
        $('.khfxPane').eq(0).html("");
        $('.khfxPane').eq(1).html("");
        $('.khfxPane').eq(2).html("");
        let companyid = '{$companyid}';
        type = $(tab).attr("name");
        if (type == 'all' || tab == 'all') {
            type = 'all';
            $(tab).siblings().removeClass('select-color');
            $(tab).addClass('select-color');
            $('.khfxPane').eq(0).css("display", "block");
            $('.khfxPane').eq(1).css("display", "none");
            $('.khfxPane').eq(2).css("display", "none");
            // $('.khfxPane').eq(0).unlock();
            // $('.khfxPane').eq(0).noData(false);
            // dropload.lock('down');
            // dropload.noData();
        } else if (type == 'untreated') {
            // type = $(tab).attr("name");
            $(tab).siblings().removeClass('select-color');
            $(tab).addClass('select-color');
            type = 'untreated';
            $('.khfxPane').eq(0).css("display", "none");
            $('.khfxPane').eq(1).css("display", "block");
            $('.khfxPane').eq(2).css("display", "none");
            // $('.khfxPane').eq(1).unlock();
            // $('.khfxPane').eq(1).noData(false);
        } else if (type == 'treated') {
            type = 'treated';
            $(tab).siblings().removeClass('select-color');
            $(tab).addClass('select-color');
            $('.khfxPane').eq(0).css("display", "none");
            $('.khfxPane').eq(1).css("display", "none");
            $('.khfxPane').eq(2).css("display", "block");
            // $('.khfxPane').eq(1).unlock();
            // $('.khfxPane').eq(1).noData(false);
        }
        // document.getElementById("name_type").value=type;
        // load_two();
        load_one()
        // load_two();
        // load_one();
        //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
        // $.post('__MODULE__/GateMagnetism/change{$tokenurl}', {'type': type, 'companyid': companyid}, function (res) {
        // 	$("#content-data").mLoading("hide");
        //     $('#content-data').html(res);
        // });

    }
    // let tabset = function (tab) {
    //     document.getElementById("content-data").innerHTML = "";
    //     $("#content-data").mLoading("show");
    //     let companyid = '{$companyid}';
    //     if (tab == 'all') {
    //         var type = 'all';
    //     } else {
    //         var type = $(tab).attr("name");
    //         $(tab).siblings().removeClass('select-color');
    //         $(tab).addClass('select-color');
    //     }
    //     //let index=$(".fire-alarm-title span").index(tab);获取点击的是第几个tab页
    //     $.post('__MODULE__/ManholeCover/change{$tokenurl}', {'type': type, 'companyid': companyid}, function (res) {
    //         $("#content-data").mLoading("hide");
    //         $('#content-data').html(res);
    //     });
    //
    // }
    tabset('all');
</script>
</html>