hanzhengyi
/
wxapp2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
							<!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>
<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;
    }
    .khfxPane{display: none;}
</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 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="$gassl[0]['count(*)'] eq 0 ">
				    <else/> <p>{$gassl[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>
    <!--选择内容-->
<!--    <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">

    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__/CombustibleGas/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/131/id/' + res[i].id + '">已处理</a>';
                                }else {
                                    clztHtml='<a class="bule" href="__MODULE__/Fireinfo/index{$tokenurl}/type/131/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 () {
                                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);
        // });

    }
	// document.getElementById("content-data").innerHTML = "";
	// $("#content-data").mLoading("show");
    // let tabset = function (tab) {
    //     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__/CombustibleGas/change{$tokenurl}', {'type': type, 'companyid': companyid}, function (res) {
	// 		$("#content-data").mLoading("hide");
    //         $('#content-data').html(res);
    //     });
    //
    // }
    tabset('all');
</script>
</html>