{template '_header'}
<style>
.weui-popup__modal .toolbar {z-index: 3;}
</style>
<div class="page bg-zmpag">
	<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('my')}"></a></div>
		<h1 class="weui-header-title">收银台</h1>
		<div class="weui-header-right"><a class="zmui-icon-more1 f-white"></a></div>
	</div>
	<div class="weui-cells__title">交费详情</div>
	<div class="weui-cells">
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">交费会员：</label></div>
			<div class="weui-cell__ft f-fw1">{$user['myassmember']['name']} {$user['myassmember']['number']}</div>
		</div>
		{if $user['myassmember']['corporate']}
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">{$_W['zm_assmember_title']['corporate']}：</label></div>
			<div class="weui-cell__ft f-fw1">{$user['myassmember']['corporate']}</div>
		</div>
		{/if}
		<div class="weui-cell weui-cell_select weui-cell_select-after">
			<div class="weui-cell__hd"><label class="weui-label">{$_W['zm_assmember_title']['gradeid']}：</label></div>
			<div class="weui-cell__bd "> 
				<select class="weui-select" name="gradeid" id="gradeid" onchange="getdata()" style='direction: rtl;'>
					{if 0==$user['myassmember']['gradeid']}<option value="0" id="sb_0" data-price="0" data-type="年" data-max="0" selected>请选择</option>{/if}
					{loop $grades $grade}
					<option value="{$grade['id']}" id="sb_{$grade['id']}" data-price="{$grade['price']}" data-type="{$_W['buy_totaltype'][$grade['totaltype']]}" data-max="{$grade['maxtotal']}" {if $grade['id']==$user['myassmember']['gradeid']}selected{/if}>{$grade['title']}</option>
					{/loop}
				</select>
			</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__hd"><label class="weui-label">会费：</label></div>
			<div class="weui-cell__bd"><p class="tright"><b id="sprice">0</b>元每</p></div>
			<div class="weui-cell__ft js-stype f-fw1">年</div>
		</div>
		<div class="weui-cell weui-cell_select weui-cell_select-after">
			<div class="weui-cell__hd"><label class="weui-label">数量：</label></div>
			<div class="weui-cell__bd">
				<select class="weui-select" name="total" id="total" onchange="getdata(this.value)"  style='direction: rtl;'>
					<option value="0">请选择</option>
				</select>
			</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">支付金额：</label></div>
			<div class="weui-cell__ft f-red">￥<b id="allprice">0</b>元</div>
		</div>
		<div class="weui-cell">
			<div class="weui-cell__bd"><label class="weui-label">收款方：</label></div>
			<div class="weui-cell__ft f-fw1">{$settings['gs']['name']}</div>
		</div>
	</div>
	<div class="weui-cells__title">选择支付方式</div>
	<div class="weui-panel weui-panel_access" style="margin-top: 0px;">
		<div class="weui-panel__bd">
			{if in_array('payhk',$settings['set']['payfs'])}
			<a class="weui-media-box weui-media-box_appmsg zmui-media50" href="javascript:;"  onclick="$('#huikuan').popup();">
				<div class="weui-media-box__hd">
					<i class="weui-media-box__thumb zmui-icon-acct2 f-zi"></i>
				</div>
				<div class="weui-media-box__bd">
					<h4 class="weui-media-box__title">转账/汇款</h4>
					<p class="weui-media-box__desc">请按收款方指定方式转账汇款后再这里上传付款凭证，以便收款方审核！</p>
				</div>
			</a>
			{/if}
			{if in_array('payye',$settings['set']['payfs'])}
			<a class="weui-media-box weui-media-box_appmsg zmui-media50" href="javascript:payyuer();">
				<div class="weui-media-box__hd">
					<i class="weui-media-box__thumb zmui-icon-acct4 f-blue"></i>
				</div>
				<div class="weui-media-box__bd">
					<h4 class="weui-media-box__title">余额支付</h4>
					<p class="weui-media-box__desc">当前余额：{$member['credit2']}元{if $member['credit2'] < $zfje }(您的余额不足本次支付){/if}</p>
				</div>
			</a>
			{/if}
			{if in_array('paywx',$settings['set']['payfs'])}
			<a class="weui-media-box weui-media-box_appmsg zmui-media50" href="javascript:paywx();">
				<div class="weui-media-box__hd">
					<i class="weui-media-box__thumb zmui-icon-weixinzhifu f-green"></i>
				</div>
				<div class="weui-media-box__bd">
					<h4 class="weui-media-box__title">微信支付</h4>
					<p class="weui-media-box__desc">微信支付,安全快捷(必须使用微信内置浏览器)。</p>
				</div>
			</a>
			{/if}
		</div>
	</div>
</div>
{if in_array('payhk',$settings['set']['payfs'])}
<div id="huikuan" class='weui-popup__container'>
	<div class="weui-popup__overlay weui-popup-overlay"></div>
	<div class="weui-popup__modal">
		<div class="toolbar">
			<div class="toolbar-inner">
				<a href="javascript:;" class="picker-button close-popup {$_W['css']['fb']}">关闭</a>
				<h1 class="title">转账/汇款/收款码</h1>
			</div>
		</div>
		<div class="modal-content">
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">收款方：</label></div>
					<div class="weui-cell__bd ">{$settings['gs']['name']}</div>
					<div class="weui-cell__ft ">{$settings['gs']['tel']}</div>
				</div>
			</div>
			{if $settings['gs']['bankno']}
			<div class="weui-cells__title">收款账号(请和收款方确认后再付款)</div>
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">收款账号：</label></div>
					<div class="weui-cell__bd ">{$settings['gs']['bankno']}</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 ">{$settings['gs']['bankna']}</div>
					<div class="weui-cell__ft ">{$settings['gs']['bank']}</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">户名：</label></div>
					<div class="weui-cell__bd ">{$settings['gs']['bankus']}</div>
					<div class="weui-cell__ft "></div>
				</div>
			</div>
			{/if}
			{if $settings['gs']['wxpayqr'] || $settings['gs']['alpayqr']}
			<div class="weui-cells__title">收款码(请和收款方确认后再付款)</div>
			<div class="weui-cells">
				<div class="weui-flex" style='padding: 15px 15px;'>
					{if $settings['gs']['wxpayqr']}
					<div class="weui-flex__item tcenter" style='padding-right: 5px;'>
						<h3>微信收款码</h3>	
						<div class="js-picclip tcenter" style='width:100%;'>
							<img src="{php echo tomedia($settings['gs']['wxpayqr']);}" style="width:100%;" onerror="this.src='{MODULE_URL}template/mobile/images/wxpayqr.jpg';this.onerror=null;">
						</div>
					</div>
					{/if}
					{if $settings['gs']['alpayqr']}
					<div class="weui-flex__item tcenter" style='padding-left: 5px;'>
						<h3>支付宝收款码</h3>
						<div class="js-picclip tcenter" style='width:100%;'>
							<img src="{php echo tomedia($settings['gs']['alpayqr']);}"  style="width:100%;"  onerror="this.src='{MODULE_URL}template/mobile/images/alpayqr.jpg';this.onerror=null;">
						</div>
					</div>
					{/if}
				</div>
			</div>
			{/if}
			<div class="weui-cells__title">付款后请上传付款凭证以便验证</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="1" data-name="payimg" data-width="1000" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="weui-btn-area">
				<input name="submit" type="submit" onclick="payhuikuan();" class="weui-btn {$_W['css']['bg']}" value="提交确认订单付款" />
			</div>
		<br>
		</div>
	</div>
</div>
{/if}
{template '_footer'}
<script>
	var isks=0;
	var huitou_url="{php echo $this->createMobileUrl('my')}";
	
	
    function getdata(sl=0){
		var id = $("#gradeid").val();
		var sprice = parseFloat($("#sb_"+id).data('price') || "0");
		var stype  = $("#sb_"+id).data('type');
		var smax   = Math.max(parseInt($("#sb_"+id).data('max') || "0"),1);
		if(sl==0){
			$("#total option").remove();
			for(let i = 1; i　<= smax; i++) {
				$("#total").append("<option value='"+i+"'>"+i+stype+"</option>");
			}
			$("#total").val(1);
		}
		var total = Math.max(parseInt(sl || "0"),1);
		if(total > smax){
			$.alert('数量不能大于'+smax+stype, "操作失败");
			$("#total").val(smax);
			return false;
		}
		var allprice = total * sprice;
		$("#allprice").text(round(allprice,2));
		$("#sprice").text(sprice);
		$(".js-stype").text(stype);
	}
	
	
	{if $user['myassmember']['gradeid']}
	getdata(0);
	{/if}
	
</script>
{if in_array('payhk',$settings['set']['payfs'])}
<script type='text/javascript' src="{MODULE_URL}zmui/js/lrz/lrz.bundle.js"></script>
<script>
	$(document).ready(function() {
		if (window.history && window.history.pushState) {
			$(window).on('popstate', function () {
				window.location.href = huitou_url;
				window.history.pushState('forward', null, '#');
				window.history.forward(1);
			});
		}
		window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
		window.history.forward(1);
	});
	function payhuikuan() {
		if(isks==0){isks=1;}else{return false;}
		var gradeid = $('#gradeid').val();
		var total = $('#total').val();
		if(gradeid==0){
			$.alert('请选择{$_W['zm_assmember_title']['gradeid']}', "操作失败");
			return false;
		}
		var img = $('.payimg').val();
		if(img==''){$.alert('请上传付款凭证', "操作失败");return false;}
		$.showLoading();
		$.post(window.location.href, {img:img,op:'huikuan',grid:gradeid,total:total}, function(s){
			$.hideLoading();
			if(s.message.zt=='1'){
				$.alert(s.message.ts, "操作失败");isks=0;
			}else{
				$.closePopup();$.alert(s.message.ts, "操作成功");
				window.location  = huitou_url;
			}
		}, 'json');
	}
</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('{php echo $this->createMobileUrl('zmcnimgup');}',{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['attachurl_local']}'+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>
{/if}
{if in_array('payye',$settings['set']['payfs'])}
<script>
	function payyuer() {
		if(isks==0){isks=1;}else{return false;}
		var gradeid = $('#gradeid').val();
		var total = $('#total').val();
		if(gradeid==0){
			$.alert('请选择{$_W['zm_assmember_title']['gradeid']}', "操作失败");
			return false;
		}
		$.showLoading();
		$.ajax({
			url: window.location.href, 
			data: {appid:'zmcn.com',isye:1,op:'yuer',grid:gradeid,total:total},
			type: 'POST',
			dataType: 'json',
			success: function (data) {
				$.hideLoading();
				if(data.message.zt=='1'){
					$.alert(data.message.ts, "操作失败！");isks=0;
				}else{
					$.alert(data.message.ts, "操作成功！");
					window.location  = huitou_url;
				}
			}
		});
	}
</script>
{/if}
{if in_array('paywx',$settings['set']['payfs'])}
<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/app/util.js"></script>
<script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/mui.min.js?v=20170802"></script>
<link href="{MODULE_URL}zmui/css/we7pay.css" rel="stylesheet">
<script>
	function paywx() {
		var gradeid = $('#gradeid').val();
		var total = $('#total').val();
		if(gradeid==0){
			$.alert('请选择{$_W['zm_assmember_title']['gradeid']}', "操作失败");
			return false;
		}
		$.showLoading();
		$.ajax({
			url: window.location.href,
			data:{op:'paywx',grid:gradeid,total:total},
			type:'post',
			dataType:'json',
			error:function() {$.hideLoading();$.alert('网络链接出错', '系统提示');},
			success:function(s){
				$.hideLoading();
				if(s.message.zt==1){
					$.alert(s.message.ts, "系统提示");
				}else{
					util.pay({
						orderFee : s.message.data.orderfee,
						payMethod : s.message.data.paymethod,
						orderTitle : s.message.data.ordertitle,
						orderTid : s.message.data.ordertid,
						module : s.message.data.module,
						success : function(result) {
							$.alert('支付成功', "系统提示");
						},
						fail : function(result) {
							$.alert('fail : ' + result.message, "系统提示");
						},
						complete : function(result) {
							window.location.href = huitou_url;
						}
					});
				}
			}
		});
	}
</script>
{/if}