hanzhengyi
/
wxapp2


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!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 class="item1-main"></div>
    </div>

</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 = function () {
        var page = 0;
        let companyid = '{$companyid}';
        var dropload = $('#content-data').dropload({
            scrollArea: window,
            domDown: {
                domClass: 'dropload-down',
                domRefresh: '',
                domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
                domNoData: '<div class="dropload-noData">已无数据</div>'
            },
            loadDownFn: function (me) {
                alert(page);
                page++;
                // alert(tabLoadEndArray[0]);
                console.log("page:" + page);
                console.log("companyid:" + companyid);
                console.log("type:" + type);
                var result = '';
                $.ajax({
                    url: "__MODULE__/FireHydrant/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;

                        if (arr_length > 0) {
                            for (var i = 0; i < arr_length; i++) {
                                var clzt = parseInt(res[i].clzt);
                                var clztHtml = '';
                                if (clzt == 1) {
                                    clztHtml = '<a  href="__MODULE__/Fireinfo/index{$tokenurl}/type/4/id/' + res[i].id + '">已处理</a>';
                                } else {
                                    clztHtml = '<a class="bule" href="__MODULE__/Fireinfo/index{$tokenurl}/type/4/id/' + res[i].id + '">未处理</a>';
                                }

                                var bj = '';
                                if (res[i].data1 == 'WP1') {
                                    bj = '消防栓低压';
                                } else {
                                    bj = '消防栓高压';
                                }

                                result += ''
                                    + '<div class="item-list">'
                                    + '<p>' + res[i].time + ' <span class="size" >' + bj + '</span></p>'
                                    + '<p>' + res[i].owner_name + ''
                                    + '<span>'
                                    + clztHtml
                                    + '</span></p>'
                                    + '</div>';
                            }
                            ;
                        } else {
                            // 锁定
                            me.lock();
                            // 无数据
                            me.noData();
                        }

                        setTimeout(function () {
                            $('#content-data').append(result);
                            me.resetload();
                            // alert("测试1");
                        }, 500);

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


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