{template '_header'}
<style>
.zm-xitiao.weui-navbar{position: unset;;}
.zm-xitiao.weui-navbar:after{border-bottom:0px;}
.weui-navbar .weui-header-left, .weui-navbar .weui-header-right {font-size: 16px;line-height: 20px;color: #FFF;padding: 12px 5px;}
.weui-navbar .weui-header-left a, .weui-navbar .weui-header-right a {margin: 0px 10px;}
.zm-xitiao .weui-navbar__item {color: #666;font-size: 18px!important;padding: 10px 0;font-weight: 400;background-color: #f1f1f1;}
.zm-xitiao .weui-navbar__item.weui-bar__item--on {color: #FFF;background:transparent;}





</style>
<link rel="stylesheet" href="{MODULE_URL}site/rank/rank1.css">
<div class="page bg-zmpag">
{if $team['id']}
	<div class="bg-{$_W['css']['na']}  weui-navbar zm-xitiao">
		<div class="weui-header-left"><a class="zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<a class="weui-navbar__item weui-bar__item--on" href="#tab1" onclick="javascript:bl('my');">团内排行榜</a>
		<a class="weui-navbar__item" href="#tab2" onclick="javascript:bl('td');">团队排行榜</a>
		<div class="weui-header-right"></div>
	</div>
{else}
	<div class="bg-{$_W['css']['na']}  weui-navbar zm-xitiao">
		<div class="weui-header-left"><a class="zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<a class="weui-navbar__item weui-bar__item--on" href="#tab1" onclick="javascript:bl('my');">个人排行榜</a>
		<a class="weui-navbar__item" href="#tab2" onclick="javascript:bl('td');">团队排行榜</a>
		<div class="weui-header-right"></div>
	</div>
{/if}


	<div class="zmui-rank {$rankcss}" style="overflow: auto; ">	
		<div class="zmui-rank_head" id="rankhead">
			<div class="head">
				<div class="child">
					<span id="count1">0</span>
					<p class="text">本月时数</p>
				</div>
				<div class="child gold">
					<span id="myuser">0</span>
					<p class="text" id="title">我的名次</p>
				</div>
				<div class="child">
					<span id="count2">0</span>
					<p class="text">总时数</p>
				</div>
			</div>
		</div>

	</div>
	


		<div class="zmui-rank_list zmui-rank1">
			<div class="weui-cells" id="list">
			</div>	
		</div>

	<div class="clear loadtis"></div>	
</div>
<script id="newstemp" type="text/x-jquery-tmpl">
<div class="weui-cell">
	<div class="weui-cell__pm pm-${rank}">${rank}</div>
	<div class="weui-cell__hd "><img src="${avatar}" onerror="this.src='{$_W['siteroot']}addons/{$_W['current_module']['fname']}/site/image/noavatar_middle.gif';this.onerror=null;"  ></div>
	<div class="weui-cell__bd"><p>${username}</p></div>
	<div class="weui-cell__ft">${hours}小时</div>
</div>
</script>
{template '_footer'}
<script type="text/javascript">
	var loading = false;
	var i=1;
	var op="my";
	$(document.body).infinite().on("infinite", function() {
		if(loading) return;
		loading = true;
		newsupgrade();
	});
    function newsupgrade(){
		$(".loadtis").html("<div class='weui-loadmore'><i class='weui-loading'></i><span class='weui-loadmore__tips'>正在加载</span></div>");
        $.ajax({
            url: window.location.href ,
            data:{page:i,op:op},
            type:'post',
			dataType:'json',
			error:function() {$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>通信错误！</span></div>");loading = true;},
            success:function(s){
				if(s.message.zt==1){
					if(i==1) {
						$(".loadtis").html("<div></div>");
						$("#count1").text(0);
						$("#count2").text(0);
						$("#myuser").text(0);
					}else{
						$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>已经到底了！</span></div>");
					}
					loading = true;
				}else{
					if(i==1) {
						$("#list").html('');
						$("#count1").text(s.message.count1);
						$("#count2").text(s.message.count2);
						$("#myuser").text(s.message.myuser);
						$("#title").text(s.message.title);
						if(s.message.istitle==1){
							$("#rankhead").show();
						}else{
							$("#rankhead").hide();
						}
					}
					$("#newstemp").tmpl(s.message.data).appendTo("#list");
					loading = false;
					i++
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line' onclick='newsupgrade();'><span class='weui-loadmore__tips'>点击加载更多</span></div>");
				}
            }
        });
    }
	newsupgrade();
    function bl(t){
		if(t == op){return;}
		op=t;
		i=1;
		loading = false;
		newsupgrade();
	}
	
</script>