{template '_header'}
<style>
.weui-cell__title {font-size: 13px;line-height: 1.6;color: #000;}
.weui-cell__info {font-size: 12px;line-height: 1.6;color: #999;}
.weui-popup__container{z-index:21;}
.weui-tabbar{z-index:20;}
.loadtis{padding-top:5px;margin-top:5px;}
.zmcar .weui-popup__modal{background:transparent !important;position:relative;}
.carleimg{z-index: 15;background-color: #f8f8f8;}
.toolbar {font-size: 16px;}
.toolbar .toolbar-inner {height: 45px;}
.toolbar .title {font-size: 16px;line-height: 45px;}
.toolbar .picker-button {height: 45px;line-height: 45px;padding: 0 15px;}
.js-qrcode img{width:150px;height:150px;}
#list .weui-cell{background-color: #fff;}
.weui-navbar {z-index: 1;}
.weui-form-preview__btn_primary{color: {$_W['css']['cl']};}
</style>
<div class="page bg-zmpag">
	<div class="{$_W['css']['bg']} weui-header">
		<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<h1 class="weui-header-title">我的活动</h1>
		<div class="weui-header-right"><a class="f-white" href="" ></a></div>
	</div>
	<div id="tagnav" class="weui-tab weui-tab_blue" style="height:44px;">{php $tp8=array(3,0,888);}
		<div class="weui-navbar" style="height:44px;">
			{loop $tp8 $i}
				<div onclick="bl({$i});" id="navbar{$i}" class="weui-navbar__item{if $i==$tb} {$_W['css']['tab']} {/if}">{$_W['zm_join_st'][$i]}</div>
			{/loop}
		</div>
	</div>
	<div id="list" style="margin-top:5px;">
		<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 class="clear loadtis"></div>
</div>
<div id="getqr" class='weui-popup__container zmcar'>
	<div class="weui-popup__overlay weui-popup-overlay"></div>
	<div class="weui-popup__modal">
		<div class="ddii">
			<div class="toolbar">
				<div class="toolbar-inner">
					<h1 class="title f-red"><b class="js-price">核销二维码</b></h1>
					<a href="javascript:;" class="picker-button zmui-icon zmui-icon-cha f30 close-popup {$_W['css']['fb']}"></a>
				</div>
			</div>
			<div class="weui-panel__bd" style="height:46px;"></div>
			<div class="weui-media-box weui_media_text">
				<h4 class="weui_media_title tcenter">请向客服人员出示下面“核销二维码”</h4>
				<br>
				<div class="m-box tcenter js-qrcode" id="qrcodediv"> </div>
				<p class="weui_media_desc page-left-15"></p>
				<br>
			</div>
		</div>
	</div>
</div>
<script id="exchangetemp" type="text/x-jquery-tmpl">
<div class="weui-panel weui-panel_access js-dui${id}">
	<div class="weui-panel__bd">
		<a href="javascript:;" class="weui-cell">
			<div class="weui-cell__bd"><p class="f-black">报名号：${orderno}</p></div>
			<div class="weui-cell__ft"><label class="ui-label-s">${status}</label></div>
		</a>
		<div class="weui-media-box weui-media-box_appmsg zmui_media44">
			<div class="weui-media-box__bd">
				<h5 class="weui-media-box__title js-tit">${title}</h5>
				<p class="weui-media-box__desc">${rtime}</p>
			</div>
		</div>
		<div class='weui-cell weui-cell_vcode' style="min-height:39px;">
			<div class='weui-cell__hd' style="width:65px;">活动地点：</div>
			<div class='weui-cell__bd'>${address}</div>
			<div class='weui-cell__ft'> </div>
		</div>
		
		
		<div class="weui-form-preview__ft">
	{{##if co##}}
			<!--a href="javascript:getqrcode(${id},'${co}');" class="weui-form-preview__btn weui-form-preview__btn_primary js-an">核销码</a--->
	{{##/if##}}
	{{##if stock>0 && statusm>0##}}
		<a href="javascript:quxiao(${id});" class="weui-form-preview__btn weui-form-preview__btn_default js-qx">取消报名</a>
	{{##/if##}}
	{{##if statusm==0##}}
		<a href="javascript:delbm(${id});" class="weui-form-preview__btn weui-form-preview__btn_default js-qx">删除报名</a>
	{{##/if##}}
		</div>
	</div>
</div>
</script>
{template '_footer'}
<script type="text/javascript" src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/qrcode.js"></script>
<script>
	var loading = false;
	var isbr = false;
	var i=1;
	var op = '{$op}';
	var tb = '{$tb}';
	$(document.body).infinite().on("infinite", function() {
		upgrade();
	});
	$(document).ready(function(e){$('.nav_integral_5').navfix(0,20);});
    function upgrade(){
		if(loading) return;
		loading = true;
		$(".loadtis").html("<div class='weui-loadmore'><i class='weui-loading'></i><span class='weui-loadmore__tips'>正在加载</span></div>");
        $.ajax({
            url: window.location.href ,
            data:{ab:i,op:op,tb:tb},
            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 class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore__tips'>已经到底了！</span></div>");}else{$(".loadtis").html('');}
					loading = true;
				}else{
					if(i==1) {$("#list").html('');}
					$("#exchangetemp").tmpl(s.message.data).appendTo("#list");
					loading = false;
					i++
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line' onclick='upgrade();'><span class='weui-loadmore__tips'>点击加载更多</span></div>");
				}
            }
        });
    }
	upgrade();
    function bl(ip){
		if(tb == ip){if(loading) return;}
		if(isbr) return;isbr = true;setTimeout(function (){isbr = false;},"1500");
		loading = false;
		tb = ip;
		$("#navbar" + ip ).addClass("{$_W['css']['tab']}").siblings().removeClass('{$_W['css']['tab']}');
		i=1;
		$("#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>");
		upgrade();
	}
    function getqrcode(id,co) {
		var img=$(".js-dui" + id +" .js-img").attr('src');
		var price=$(".js-dui" + id +" .js-tit").text();
		$(".carleimg").attr('src',img).removeClass("hide");
		$(".js-price").text(price);
		$('#qrcodediv').html('');
		$('#qrcodediv').qrcode({render:'canvas',width:150,height:150,correctLevel:0,toImg:1,text:co});
		$("#getqr").popup();
    }
	
    function quxiao(id) {
		$.confirm("您确定要取消吗?", "取消报名", function() {
			$.showLoading();
			$.post(window.location.href, {id:id,op:'qx'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('#js-dui' + id + ' .js-qx').remove();
					$.alert(s.message.ts, "操作成功");
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			$.toast("操作取消", "cancel", function(toast) {console.log(toast);});
		});
    }
    function delbm(id) {
		$.confirm("您确定要删除吗?", "删除报名", function() {
			$.showLoading();
			$.post(window.location.href, {id:id,op:'del'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('#js-dui' + id + ' .js-qx').remove();
					$.alert(s.message.ts, "操作成功");
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			$.toast("操作取消", "cancel", function(toast) {console.log(toast);});
		});
    }
</script>