{template '_header'}
<style>
.weui-media-box_appmsg{padding: 12px 15px;align-items: flex-start;}
.weui-media-box .weui-media-box__hd {height:112px;width:80px;overflow:hidden;text-align: center;}
.weui-media-box__desc{margin-top:5px;line-height: 1.5;-webkit-line-clamp: 4;font-size: 14px;}
.weui-media-box__title{font-size: 16px;line-height:22px;font-weight: bold;}
.weui-media-box__title span{font-size: 13px;font-weight:500;padding-left:8px;color:#999;}
</style>
<div class="page bg-zmpag">
	<div class="zm-dpm" style="position:fixed; z-index:1; top:0; background-color:#ccc;}">
		<div class="{$_W['css']['bg']} weui-header">
			<div class="weui-header-left"><a class="zmui-icon-slider-left f-white" href="{php echo $this->createMobileUrl('associndex');}"></a></div>
			<h1 class="weui-header-title" onclick="bl(0);">会员团队</h1>
			<div class="weui-header-right"><a class="zmui-icon-search f-white" href="javascript:search();"></a></div>
		</div>
		<div  id="tagnav" class="weui-navigator weui-navigator-wrapper" style="height:44px;">
			<ul class="weui-navigator-list" style="height:44px;">
				{php $iidx=0; $i=0; $clt=array();}
				{loop $grades $cla}
					<li onclick="bl({$cla['id']});"><a class="noqq">{$cla['title']}</a></li>
					{if $bid==$cla['zmid']} {php $iidx = $i;$clt=$cla;} {else} {php $i++ ;} {/if}
				{/loop}
			</ul>	
		</div>
	</div>
	<div class="weui-panel__bd" style="height:80px;"></div>
	<div class="weui-panel weui-panel__access">
		<div class="weui-panel__bd" id="list">
			<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>
		</div>
	</div>
	<div class="clear loadtis"></div>
</div>
{template '_footer'}
<script id="newstemp" type="text/x-jquery-tmpl">
<div class="weui-media-box weui-media-box_appmsg" onclick="window.location='{php echo $this->createMobileUrl($_GPC['do'])}&id=${id}';">
	{{##if avatar.length > 1##}}
		<div class="weui-media-box__hd" style="background-image:url(${avatar});background-size: cover;background-position: center;"></div>
	{{##else##}}	
		<div class="weui-media-box__hd" style="background-image:url({MODULE_URL}site/image/arrhead.jpg);background-size: cover;background-position: center;"></div>
	{{##/if##}}
		<div class="weui-media-box__bd">
			<h4 class="weui-media-box__title">${name}<span>${grade}</span></h4>
			<p class="weui-media-box__desc">${description}</p>
		</div>
</div>
</script>
<script type='text/javascript' src="{MODULE_URL}zmui/js/iscroll-lite.js?a=222" charset='utf-8'></script>
<script type="text/javascript">
	var loading = false;
	var i=1;
	var bid={$bid};
	var keyz='';
	function autoScroll(obj){
		$(obj).find("ul").animate({marginTop : "-22px"},500,function(){
		$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);})  
	}
	$(function(){  
       newsupgrade();
		TagNav('#tagnav',{
			type: 'scrollToNext',
			curClassName: '{$_W['css']['tab']}',
			index:{$iidx}
		});
	});
	$(document.body).infinite().on("infinite", function() {
		if(loading) return;
		loading = true;
		newsupgrade();
	});
    function bl(id){
		i = 1;
		bid = id;
		keyz='';
		$("#list").html("<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>");
		loading = false;
		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,bid:bid,keyz:keyz},
            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>");
					}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('');}
					$("#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>");
				}
            }
        });
    }
	
    function search(){
		$.prompt({
			title: '搜索',
			text: '请输入姓名关键字：',
			empty: false,
			onOK: function (text) {
				keyz=text;
				i = 1;
				bid = 0;
				$("#list").html("<div class='weui-msg'><div class='weui-msg__icon-area'><i class='weui-icon-warn weui-icon_msg-primary f-gray'></i></div><div class='weui-msg__text-area'><p class='weui-msg__desc'>暂无数据</p></div></div>");
				loading = false;
				newsupgrade();
			},
			onCancel: function () {
			}
		});
	}
</script>