{template '_header'}
<style>
.loadtis{padding-top:5px;margin-top:5px;}
.weui-form-preview__btn.twotbr{line-height: 16px;padding:9px 0px;}
.weui-form-preview__btn_primary{color: {$_W['css']['cl']};}
.zmcar .weui-popup__modal{background:transparent !important;position:relative;}
.zmcar .weui-popup__overlay {z-index: 0;}
.zmui-media50{padding-bottom: 8px;padding-top: 8px;}
</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" href="index.php?i={$_W['uniacid']}&c=entry&do=teamadmin&m=buy_assoc_plugin_team" ></a></div>
		<h1 class="weui-header-title" onclick='javascript:bl(0);'>活动管理后台</h1>
		<div class="weui-header-right"><a class="f-white" href="{php echo $this->createMobileUrl('benefitapply')}" >新增</a></div>
	</div>
	<nav class="zmui-toppost zmui-toppost_5 clearfix">
		<div class="zmui-toppost_item"><a href="javascript:bl(1);"><b id="count1">{$count1}</b><label>{$_W['zm_benefit_st'][1]}</label></a></div>
		<div class="zmui-toppost_item"><a href="javascript:bl(2);"><b>{$count2}</b><label>{$_W['zm_benefit_st'][2]}</label></a></div>	
		<div class="zmui-toppost_item"><a href="javascript:bl(3);"><b id="count3">{$count3}</b><label>{$_W['zm_benefit_st'][3]}</label></a></div>	
		<div class="zmui-toppost_item"><a href="javascript:bl(5);"><b>{$count5}</b><label>{$_W['zm_benefit_st'][5]}</label></a></div>	
		<div class="zmui-toppost_item"><a href="javascript:bl(7);"><b>{$count7}</b><label>{$_W['zm_benefit_st'][7]}</label></a></div>
	</nav>
	<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__modal">
		<div class="weui-popup__overlay weui-popup-overlay"></div>
		<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"></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" id="qrtis">提示</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>
<div id="prodetial" class='weui-popup__container'>
	<div class="weui-popup__modal">
		<div class="{$_W['css']['bg']} weui-header close-popup" onclick='javascript:clpro();'>
			<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" ></a></div>
			<h1 class="weui-header-title xqtitle">报名管理</h1>
			<div class="weui-header-right"><a class="zmui-icon zmui-icon-close2 f20 f-white"></a></div>
		</div>
		<div class="weui-tab" id="tagnav" style="height:30px;padding: 10px 15px 0px;">
			<div class="weui-tab-nav">
					<div onclick="getjoinlistst(0);" id="navbar0" class="weui-navbar__item weui-nav-{$_W['css']['na']} {$_W['css']['bg']} ">全部</div>
					<div onclick="getjoinlistst(2);" id="navbar2" class="weui-navbar__item weui-nav-{$_W['css']['na']}">{$_W['zm_bjoin_st'][2]}</div>
					<div onclick="getjoinlistst(3);" id="navbar3" class="weui-navbar__item weui-nav-{$_W['css']['na']}">通过</div>
					<div onclick="getjoinlistst(1);" id="navbar1" class="weui-navbar__item weui-nav-{$_W['css']['na']}">{$_W['zm_bjoin_st'][1]}</div>
					<div onclick="addjoin();" class="weui-navbar__item weui-nav-{$_W['css']['na']}">添加</div>				
			</div>
		</div>
		<div class="weui-panel weui-panel_access">
			<div class="weui-panel__bd " id="alladd">正在加数据...</div>
		</div>
	</div>
</div>
<div id="benefitover" class='weui-popup__container'>
	<div class="weui-popup__modal">
		<div class="{$_W['css']['bg']} weui-header close-popup">
			<div class="weui-header-left"><a class="zmui-icon zmui-icon-slider-left f-white" ></a></div>
			<h1 class="weui-header-title">活动小结</h1>
			<div class="weui-header-right"><a class="zmui-icon zmui-icon-close2 f20 f-white"></a></div>
		</div>
		<div class="modal-content" style="padding-top:5px;">  
			<div class="weui-cells">
				<div class="weui-media-box weui-media-box_appmsg zmui-media50">
					<div class="weui-media-box__bd">
						<h5 class="weui-media-box__title" id="js-tit">活动名称：</h5>
						<div class="weui-media-box__desc" id="js-hdtime">时间：</div>
						<div class="weui-media-box__desc" id="js-hdadd">地点；</div>
					</div>
				</div>
			</div>
			<input type="hidden"  id="benefitst" value="0" />
			<form id="editbasicinfo" method="post">
			<div class="weui-cells__title">活动汇报</div>
			<div class="weui-cells">
				<input type="hidden" name="op" value="over" />
				<input type="hidden" name="id"  id="benefitid" value="0" />
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">参加人数：</label></div>
					<div class="weui-cell__bd"><input type="tel" class="weui-input" id="joincount" name="data[joincount]" placeholder="实际参加的志愿者人数" value=""></div>
					<div class="weui-cell__ft">人</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">服务人数：</label></div>
					<div class="weui-cell__bd"><input type="tel" class="weui-input" id="servedcount"  name="data[servedcount]" placeholder="被服务群众的人数" value=""></div>
					<div class="weui-cell__ft">人</div>
				</div>
			</div>
			<div class="weui-cells__title">活动小结</div>
			<div class="weui-cells weui-cells_form">
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<textarea class="weui-textarea" name="data[summary]" id="summary" rows="4" placeholder="活动小结，500字以内！"></textarea>
					</div>
				</div>
			</div>
			<div class="weui-cells__title">活动相册（最多5张）</div>
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<div class="weui-uploader">
							<div class="weui-uploader__hd">
								<div class="weui-uploader__title" >活动相册<span style='color:red'>*</span><a onclick="payimg(this);">[点击预览]</a></div>
								<div class="weui-uploader__info"></div>
							</div>
							<div class="weui-uploader__bd">
								<ul class="weui-uploader__files"></ul>
								<div class="weui-uploader__input-box">
									<input class="weui-uploader__input" type="file" accept="image/*" data-max="5" data-name="data[pics]" data-width="1000" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</form>
			<div class="weui-btn-area">
				<input name="submit" type="submit" onclick="xdupform('#editbasicinfo');" class="weui-btn {$_W['css']['bg']}" value="结束活动并提交小结" />
			</div>
		<br>
		</div>
	</div>
</div>
<script id="addtemp" type="text/x-jquery-tmpl">
<a href="javascript:chaoz(${id});" id="user_${id}" class="weui-media-box weui-media-box_appmsg zmui_media46">
	<div class="weui-media-box__hd">
		 <img class="weui-media-box__thumb" src="${avatar}" alt='' onerror="this.src='{$_W['siteroot']}addons/{$_W['current_module']['fname']}/site/image/noavatar_middle.gif';this.onerror=null;">
	</div>
	<div class="weui-media-box__bd">
		<h5 class="weui-media-box__title">${username} ${tel}</h5>
		<p class="weui-media-box__desc">${sj}</p>
	</div>
	<div class="row-remark">
		<p><label class="ui-label-s js-st">${st}</label></p>
		<p class="js-hours">${hours}时</p>
	</div>
</a>
</script>
<script id="benefitstemp" type="text/x-jquery-tmpl">
<div class="weui-panel weui-panel_access js-dui${id}">
	<div class="weui-panel__bd">
		<a href="{php echo $this->createMobileUrl('benefit')}&id=${id}" class="weui-cell">
			<h4 class="weui-cell__bd"><p class="f-black js-tit">${title}</p></h4>
			<div class="weui-cell__ft"><label class="ui-label-s">${st}</label></div>
		</a>
		<div class="weui-media-box weui-media-box_appmsg zmui-media50">
			<div class="weui-media-box__bd">
				<div class="weui-media-box__desc">名额：${quota}；报名：${sold}；浏览：${sold}</div>
				<div class="weui-media-box__desc js-hdtime">时间：${sj}</div>
				<div class="weui-media-box__desc js-hdadd">地点；${address}</div>
			</div>
			<div class="row-remark"><p>${hours}小时</p><p>${enabled}</p></div>
		</div>
		<div class="weui-form-preview__ft">

	{{##if status==1 ##}}
			<a href="{php echo $this->createMobileUrl('benefitapply')}&id=${id}" class="weui-form-preview__btn weui-form-preview__btn_primary">编辑</a>
			<a href="javascript:benefitdel(${id});" class="weui-form-preview__btn weui-form-preview__btn_default">删除</a>
	{{##/if##}}
	{{##if status==2 ##}}
			<a href="javascript:benefitreturn(${id});" class="weui-form-preview__btn weui-form-preview__btn_default js-an-return">撤回申请</a>
	{{##/if##}}
	{{##if status==3 ##}}
			<a href="javascript:getqrcode(1,${id},'{$_W['siteroot']}app/index.php?i={$_W['uniacid']}&c=entry&do=benefit&m=buy_assoc_plugin_vols&id=${id}');" class="weui-form-preview__btn weui-form-preview__btn_primary js-an">报名码</a>
	{{##/if##}}
	{{##if co ##}}
			<a href="javascript:getqrcode(2,${id},'${co}');" class="weui-form-preview__btn weui-form-preview__btn_primary js-an">签到码</a>
			<a href="javascript:getjoinlist(${id},3);" class="weui-form-preview__btn weui-form-preview__btn_primary">报名管理</a>
			<a href="javascript:benefitover(${id});" class="weui-form-preview__btn weui-form-preview__btn_primary js-an">活动小结</a>
			<a href="javascript:benefitqx(${id});" class="weui-form-preview__btn weui-form-preview__btn_default">取消活动</a>
	{{##/if##}}
	{{##if status==5 ##}}
			<a href="javascript:getjoinlist(${id},5);" class="weui-form-preview__btn weui-form-preview__btn_primary  js-an-auth">1.时数编辑</a>
			<a href="javascript:hoursauth(${id});" class="weui-form-preview__btn weui-form-preview__btn_primary js-an-auth">2.提交时数认证</a>
	{{##/if##}}
	{{##if status>5 ##}}
			<a href="javascript:getjoinlist(${id},6);" class="weui-form-preview__btn weui-form-preview__btn_primary  js-an-auth">认证情况</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 type='text/javascript' src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/lrz/lrz.bundle.js"></script>
<script>
	var loading = false;
	var isbr = false;
	var i=1;
	var st = '{$st}';
	$(document.body).infinite().on("infinite", function() {
		upgrade();
	});
    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,st:st,op:'list'},
            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('');}
					$("#benefitstemp").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(st == ip){if(loading) return;}
		if(isbr) return;isbr = true;setTimeout(function (){isbr = false;},"1500");
		loading = false;
		st = ip;
		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(tp,id,co) {
		var price=$(".js-dui" + id +" .js-tit").text();
		$(".js-price").text(price);
		if(tp==1){
			$("#qrtis").text('二维码可做到各种宣传方案里推广！');
		}else if(tp==2){
			$("#qrtis").text('二维码当天有效，过时请重新生成！');
		}
		$('#qrcodediv').html('');
		$('#qrcodediv').qrcode({render:'canvas',width:150,height:150,correctLevel:0,toImg:1,text:co});
		$("#getqr").popup();
    }
    function benefitdel(id) {
		$.confirm("您确定要删除草稿吗?", "删除草稿", function() {
			$.showLoading();
			$.post(window.location.href, {id:id,op:'del'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('.js-dui' + id).slideToggle(1000, function (){
						$('.js-dui' + id).remove();
						var sl = parseInt('0' + $('#count1').text(),10);
						$('#count1').text(sl - 1);
					});
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			console.log('');
		});
    }
    function benefitqx(id) {
		$.confirm("您确定要取消活动吗?", "活动取消", function() {
			$.showLoading();
			$.post(window.location.href, {id:id,op:'close'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('.js-dui' + id).slideToggle(1000, function (){
						$('.js-dui' + id).remove();
						var sl = parseInt('0' + $('#count3').text(),10);
						$('#count3').text(sl - 1);
					});
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			console.log('');
		});
    }
    function benefitreturn(id) {
		$.confirm("您确定要撤回来重新编辑吗?", "撤回申请", function() {
			$.showLoading();
			$.post(window.location.href, {id:id,op:'return'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('.js-dui' + id + ' .js-an-return').remove();
					$.alert(s.message.ts, "操作成功");	
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			console.log('');
		});
    }
    function hoursauth(id) {
		$.confirm("您确定要提交认证吗，提交后将不能再更改了?", "提交认证", function() {
			$.showLoading();
			$.post(window.location.href, {id:id,op:'auth'}, function(s){
				$.hideLoading();
				if (s.message.zt==0) {
					$('.js-dui' + id + ' .js-an-auth').remove();
					$.alert(s.message.ts, "操作成功");	
				}else{
					$.alert(s.message.ts, "操作失败");
				}
			}, 'json');
		}, function() {
			console.log('');
		});
    }
    function clpro() {
		$('#alladd').html('正在关闭......');$.hideLoading();
	}
    function getjoinlist(id,tp,st=0) {
		$("#benefitid").val(id);
		$("#benefitst").val(tp);
		$(".weui-navbar__item").removeClass('{$_W['css']['bg']}');
		$("#navbar0").addClass('{$_W['css']['bg']}');
		getjoinlist_cz(0,0);
    }
    function getjoinlist_cz(st=0,pt=0) {
		var id = $("#benefitid").val();
		$.showLoading();
		$.post(window.location.href, {id:id,st:st,op:'bjoin'}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$("#alladd").html('');
				$("#addtemp").tmpl(s.message.data).appendTo("#alladd");
				if(pt==0){
					$("#prodetial").popup();
				}
			}else{
				$("#alladd").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>");
			}
		}, 'json');
    }
    function getjoinlistst(st){
		$(".weui-navbar__item").removeClass('{$_W['css']['bg']}');
		$("#navbar" + st).addClass('{$_W['css']['bg']}');
		getjoinlist_cz(st,1);
	}
    function addjoin() {
        var id = $("#benefitid").val();
		var zzt = $("#benefitst").val();
		if(zzt == 6){return;}
		$.prompt({
			title: '添加报名',
			text: '请输入改用户的手机号码：',
			empty: false,
			onOK: function (text) {
				if(text=='' || isPhoneNumber(text)==false){
					$.alert('请输入正确手机号码', "操作失败");
					return false;
				}
				$.showLoading();
				$.post(window.location.href, {id:id,sj:text,op:'bjoinadd'}, function(s){
					$.hideLoading();
					if (s.message.zt==0) {
						$.alert(s.message.ts, "操作成功");
						getjoinlistst(0);
					}else{
						$.alert(s.message.ts, "操作失败");
					}
				}, 'json');
			},
			onCancel: function () {
			}
		});	
    }
	function chaoz(jid) {
		var zzt = $("#benefitst").val();
		if(zzt == 6){return;}
		var actionssj = [
				{text: "报名审核通过",className: "color-primary",onClick: function() { tongguo(jid);}}
				,{text: "报名审核不通过",className: "color-warning",onClick: function() { quxiao(jid);}}
			];
		if(zzt == 5){ actionssj.push({text: "编辑时数",className: "f-blue",onClick: function() {hoursedit(jid);}});}
		$.actions({title: "选择操作",onClose: function() {console.log("close");$.showLoading();$.hideLoading();},actions: actionssj});
	}
    function tongguo(jid) {
        var id = $("#benefitid").val();
		$.showLoading();
		$.post(window.location.href, {id:id,jid:jid,op:'bjointg'}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$('#user_' + jid + ' .js-st').text('通过');
				$.alert(s.message.ts, "操作成功");
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
    }
    function quxiao(jid) {
        var id = $("#benefitid").val();
		$.showLoading();
		$.post(window.location.href, {id:id,jid:jid,op:'bjoinqx'}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$('#user_' + jid + ' .js-st').text('不通过');
				$.alert(s.message.ts, "操作成功");
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
    }
    function hoursedit(jid) {
        var id = $("#benefitid").val();
		$.prompt({
			title: '时数编辑',
			text: '请输入改用户的真实时数：',
			empty: false,
			onOK: function (text) {
				var sl = parseInt('0' + text ,10);
				if(sl < 0){
					$.alert('时数不能小于0', "操作失败");return;
				}
				$.showLoading();
				$.post(window.location.href, {id:id,jid:jid,hours:sl,op:'hoursedit'}, function(s){
					$.hideLoading();
					if (s.message.zt==0) {
						$('#user_' + jid + ' .js-hours').text(sl + '时');
						$.alert(s.message.ts, "操作成功");
					}else{
						$.alert(s.message.ts, "操作失败");
					}
				}, 'json');
			},
			onCancel: function () {
			}
		});	
    }
    function benefitover(id) {
		var yid = $("#benefitid").val();
		var tit = $(".js-dui" + id +" .js-tit").text();
		var hdtime = $(".js-dui" + id +" .js-hdtime").text();
		var hdadd = $(".js-dui" + id +" .js-hdadd").text();
		$("#benefitid").val(id);
		$("#js-tit").text(tit);
		$("#js-hdtime").text(hdtime);
		$("#js-hdadd").text(hdadd);
		if( yid != id ){
			$(".weui-uploader__files").html('');
			$("#joincount").val('');
			$("#servedcount").val('');
			$("#summary").val('');
		}
		$("#benefitover").popup();
    }
    function xdupform(formid) {
		$.showLoading();
		var formParam = $(formid).serialize();
		$.post(window.location.href, formParam , function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$.closePopup();
				if(s.message.ts!='OK'){
					$.alert(s.message.ts, "操作成功");
				}else{
					$.toast("提交成功", function() {console.log('close');});
				}
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
	/**判断是否是手机号**/
	function isPhoneNumber(tel) {
		var reg = /^0?1[3|4|5|6|7|8|9][0-9]\d{8}$/;
		return reg.test(tel);
	}
</script>
<script type="text/javascript">
	$('.weui-uploader__input').change(function () {
		var ingmax=Math.max(1,parseInt('0' + $(this).data('max'),10));
		var ingwidth=parseInt('0' + $(this).data('width'),10);
		var bdname=$(this).data("name");
		if(ingwidth==0){ingwidth=1024;}
		var files = $(this).parent().parent().find('.weui-uploader__files');
		var itemNum = files.find('input').length;
		if(itemNum>=ingmax){$.alert('最多'+ingmax+'张图片！', "操作失败");return false;} 
		$.toast("图片处理中", "text");
		lrz(this.files[0],{width:ingwidth,fieldName:"file"}).then(function (rst) {
			$.showLoading();		
			$.post('index.php?i={$_W['uniacid']}&c=entry&do=zmcnimgup&m={$_W['current_module']['fname']}',{base64:rst.base64,'name':bdname}, function(s){
				$.hideLoading();
				if(s.message.zt==1) {
					$.alert('图片上传不成功！' + s.message.ts , "操作失败");
				}else{
					files.append('<li class="weui-uploader__file" style="background-image:url({$_W['siteroot']}attachment/'+s.message.src+')" onclick="removeimg(this)"><i class="weui-icon-cancel"></i><input type="hidden" name="'+bdname+'" class="'+bdname+'" value="'+s.message.src+'"></li>');
				}
			}, 'json');
			return '';
		})
		.catch(function (err) {$.alert('未知错误，可能是网络不通！', "操作失败");})
		.always(function () {}); 
	});
	function removeimg(obj){
		$.confirm('您确定要删除吗?', '确认删除?', function() {$(obj).remove(); $(".weui-gallery").fadeOut(100);i--});
		return false;
	}
    function payimg(obj) {
		var arr = [];
		$(obj).parent().parent().parent().find('li').each(function (i) {arr.push($(this).css("backgroundImage").replace('url("','').replace('")',''));});
		if(arr.length<1){$.alert('请上传图片', "操作失败");return false;}
		wx.previewImage({current: arr[0],urls: arr});	
	}
</script>