hanzhengyi
/
wxapp2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
							<!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 name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" />
    <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">

    <meta name="robots" content="all" />
    <meta http-equiv="imagetoolbar" content="no" />
    <meta http-equiv="pragma" Content="no-cach" />
    <meta http-equiv="keywords" content="" />
    <meta name="author" content="" />
    <meta name="copyright" content="" />
    <meta name="description" content="" />
    <meta name="HandheldFriendly" content="true" />

    <title>永天消防</title>
</head>
<style>
    .pages a, .pages span {
        display: inline-block;
        padding: 2px 5px;
        margin: 0 1px;
        border: 1px solid #f0f0f0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .pages a, .pages li {
        display: inline-block;
        list-style: none;
        text-decoration: none;
        color: #58A0D3;
    }

    .pages a.first, .pages a.prev, .pages a.next, .pages a.end {
        margin: 0;
    }

    .pages a:hover {
        border-color: #50A8E6;
    }

    .pages span.current {
        background: #50A8E6;
        color: #FFF;
        font-weight: 700;
        border-color: #50A8E6;
    }
</style>
<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 src="__PUBLIC__/wxapp/js/lib/khData.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="$mcsl[0]['count(*)'] eq 0 ">
				    <else/> <p>{$mcsl[0]['count(*)']}</p>
				</if>
            <!--<p>{$wjcn}</p>-->
		</span>
        <span onclick="tabset(this)" name="untreated" class="title-label">未处理</span>
        <span onclick="tabset(this)" name="treated" class="title-label">已处理</span>
    </div>
    <!--选择内容-->

    <input type="hidden" name="name_type" value="all" id="name_type" />
    <article class="content-bottom" >
        <section id="content-data" class="khfxPane">
        </section>
    </article>
<!--    <div class="content-bottom" id="content-data">-->
<!--    </div>-->
</div>
<!--底部-->
<div class="footer"></div>
</body>

<script type="text/javascript">
    // let load = function (type, companyid,page) {
    //     var tabLoadEndArray = [false, false, false];
    //
    //     var dropload = $('#content-data').dropload({
    //         scrollArea: window,
    //         // domUp : {                                                            // 上方DOM
    //         //     domClass   : 'dropload-up',
    //         //     domRefresh : '',
    //         //     domUpdate  : '<div class="dropload-update">加载中...</div>',
    //         //     domDown    : '<div class="dropload-load"><span class="loading"></span>已无数据</div>'
    //         // },
    //         domDown: {
    //             domClass: 'dropload-down',
    //             domRefresh: '',
    //             domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
    //             domNoData: '<div class="dropload-noData">已无数据</div>'
    //         },
    //         loadDownFn: function (me) {
    //             setTimeout(function () {
    //                 if (tabLoadEndArray[0]) {
    //                     me.resetload();
    //                     me.lock();
    //                     me.noData();
    //                     me.resetload();
    //                     return;
    //                 }
    //                 page++;
    //                 console.log("page:"+page);
    //                 $.ajax({
    //                     url: "__MODULE__/GateMagnetism/change{$tokenurl}",
    //                     type: "POST",
    //                     data: {
    //                         type: type,
    //                         companyid: companyid,
    //                         page: page
    //                     },
    //                     dataType: "JSON",
    //                     success: function (res) {
    //                         console.log(res);
    //                         // console.log(res.length);
    //                         var arr_length = res.length;
    //                         var size=0
    //                         if (arr_length==20){
    //                             size=20;
    //                         }else if (arr_length==0){
    //                             size = 1;
    //                         }else {
    //                             size = arr_length;
    //                         }
    //                         // console.log("arr_length:"+arr_length);
    //                         // console.log("size:"+size);
    //                         var result = '';
    //                         for (var i = 0; i < size; i++) {
    //                             if (res[0].totalCount > 0) {
    //                                 // arr_length--;
    //                                 // console.log("arr_length--" + arr_length--);
    //                             } else {
    //                                 tabLoadEndArray[0] = true;
    //                                 break;
    //                             }
    //                             // console.log(res[i].time);
    //                             var clzt = parseInt(res[i].clzt);
    //                             var clztHtml = '';
    //                             if (clzt==1){
    //                                 clztHtml='<a  href="__MODULE__/Fireinfo/index{$tokenurl}/type/130/id/' + res[i].id + '">已处理</a>';
    //                             }else {
    //                                 clztHtml='<a class="bule" href="__MODULE__/Fireinfo/index{$tokenurl}/type/130/id/' + res[i].id + '">未处理</a>';
    //                             }
    //                             result += ''
    //                                 + '<div class="item-list">'
    //                                 + '<p>'+res[i].time+' <span class="size" >'+res[i].wtype+'</span></p>'
    //                                 + '<p>'+res[i].owner_name+''
    //                                 + '<span>'
    //                                 + clztHtml
    //                                 + '</span></p>'
    //                                 + '</div>';
    //                         }
    //                         $('#content-data').append(result);
    //                         me.resetload();
    //                     }
    //                 })
    //             }, 500);
    //         }
    //     });
    //     // dropload();
    // }
    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,
            loadDownFn: function (me) {
                alert(me);
                page++;
                var result = '';
                $.ajax({
                    url: "__MODULE__/GateMagnetism/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/130/id/' + res[i].id + '">已处理</a>';
                                }else {
                                    clztHtml='<a class="bule" href="__MODULE__/Fireinfo/index{$tokenurl}/type/130/id/' + res[i].id + '">未处理</a>';
                                }
                                result += ''
                                    + '<div class="item-list">'
                                    + '<p>'+res[i].time+' <span class="size" >'+res[i].wtype+'</span></p>'
                                    + '<p>'+res[i].owner_name+''
                                    + '<span>'
                                    + clztHtml
                                    + '</span></p>'
                                    + '</div>';
                            };
                            setTimeout(function () {
                                $('#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();
    }

    // var days = function(pageNum) {
    //     var result = '';
    //     let companyid = '{$companyid}';
    //     var name_type=document.getElementById('name_type').value
    //     $.ajax({
    //         type: "post",
    //         // contentType: "application/json",
    //         url:  "__MODULE__/GateMagnetism/change{$tokenurl}",
    //         data: {
    //             type: name_type,
    //             companyid: companyid,
    //             page: pageNum
    //         },
    //         dataType: "JSON",
    //         success: function(res) {
    //             console.log(res)
    //             var arr_length = res.length
    //             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/130/id/' + res[i].id + '">已处理</a>';
    //                     }else {
    //                         clztHtml='<a class="bule" href="__MODULE__/Fireinfo/index{$tokenurl}/type/130/id/' + res[i].id + '">未处理</a>';
    //                     }
    //                     result += ''
    //                         + '<div class="item-list">'
    //                         + '<p>'+res[i].time+' <span class="size" >'+res[i].wtype+'</span></p>'
    //                         + '<p>'+res[i].owner_name+''
    //                         + '<span>'
    //                         + clztHtml
    //                         + '</span></p>'
    //                         + '</div>';
    //                 };
    //                 $("#content-data").append(result);
    //             }
    //         }
    //     })
    // }

    // function load_two(){
    //     var pageNum = 1; // 当前页码
    //     var pageSize = 20; // 当前每页条数
    //     var openid = ""
    //     $(function() {
    //         $(window).scroll(function() {
    //             var scrollTop = $(this).scrollTop();
    //             var scrollHeight = $(document).height();
    //             var windowHeight = $(this).height();
    //             if (scrollTop + windowHeight == scrollHeight) {　 //此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
    //                 pageNum++;
    //                 console.log(pageNum);
    //                 days(pageNum)
    //             }
    //         });
    //         days(1)
    //     })
    // }

    //点击 tab页 切换tab页
    document.getElementById("content-data").innerHTML = "";
    $("#content-data").mLoading("show");
    let tabset = function (tab) {
        page = 0;
        pageNum = 1;
        document.getElementById("content-data").innerHTML = "";
        let companyid = '{$companyid}';
        if (tab == 'all') {
            type = 'all';
        } else {
            type = $(tab).attr("name");
            $(tab).siblings().removeClass('select-color');
            $(tab).addClass('select-color');
        }
        // 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);
        // });

    }
    tabset('all');


</script>
</html>