{template '_header'}
<style>
.loadtis{padding-top:5px;margin-top:0px;}
.zmcar .weui-popup__modal{background:transparent !important;position:relative;}
.carleimg{z-index: 15;background-color: #f8f8f8;}
.weui-cell__title {font-size: 13px;line-height: 1.6;color: #000;}
.weui-cell__info {font-size: 12px;line-height: 1.6;color: #999;}
.zmui-piclist-img img {background-color:#fff;}
.swiper-container img {background-color:#fff;}
.zmui-toppost_logo img {bottom: -45px;}
.weui-count .weui-count__btn {border-color:{$_W['css']['cl']};}
.weui-count .weui-count__btn:after,.weui-count .weui-count__btn:before {background-color:{$_W['css']['cl']};}
.weui-count .weui-count__increase {background-color:{$_W['css']['cl']};}
.weui-count .weui-count__increase:after,.weui-count .weui-count__increase:before{background-color:#fff}
.weui-count .weui-count__number{color:{$_W['css']['cl']};}
</style>
{php $tpcom = count($banners);}
<div class="page bg-zmpag">
	{if $tpcom > 0}
	<div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
		<div class="swiper-wrapper">
			{loop $banners $ban}
				<div class="swiper-slide" {if $ban['url']}onclick="window.location='{$ban['url']}';"{/if} ><img src="{php echo tomedia($ban['thumb']);}" /></div>
			{/loop}
		</div>
	</div>
	{else}
	<div class="swiper-container" style="min-height:150px">
		<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>
	{/if}
	<nav class="zmui-toppost clearfix">
		<div class="zmui-toppost_item"><a href="index.php?i={$_W['uniacid']}&c=entry&do=associndex&m={$_W['current_module']['fname']}"><i class="zmui-icon-home f20"></i><br>主页</a></div>
		<div class="zmui-toppost_item"><a href="javascript:;"><b id="mycredit1">{php echo (int)$member['credit1']}</b><label>我的{$_W['unicredit']['credit1']['title']}</label></a></div>
		<div class="zmui-toppost_item"><a href="{php echo $this->createMobileUrl('exmallmyin');}"><i class="zmui-icon-order f20"></i><label>我的兑换</label></a></div>
		<div class="zmui-toppost_logo"><a href="index.php?i={$_W['uniacid']}&c=entry&do=my&m={$_W['current_module']['fname']}"><i class="zmui-icon-avatar2 f20"></i><label>我的</label><img src="{php echo tomedia($_W['fans']['avatar'])}" onerror="this.style.display='none'" /></a></div>
	</nav>
	{php $con=0;$topp=0;}
	<div class="zmui-piclist" id="zmui-piclist">
		<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 bg-zmpag">
		<div class='weui-loadmore weui-loadmore_line bg-zmpag'><span class='weui-loadmore_tips'>暂无数据</span></div>
	</div>
</div>

<div id="getgoods" class='weui-popup__container zmcar'>
	<div class="weui-popup__modal">
		<div class="weui-popup__overlay weui-popup-overlay" style="z-index: -1;"></div>
		<div class="ddii" id="alladd">
			<div class="toolbar">
				<div class="toolbar-inner">
					<img class="carleimg" src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/img/ns.jpg" />
					<h1 class="title f-red"><b id="goodsprice">1234.56</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>
			<input type="hidden" id="goodsid" value="0" /><input type="hidden" id="jsfhb" value="0" />
			<div class="weui-cells">
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">兑换数量</label></div>
					<div class="weui-cell__bd weui-count">
						<a class="weui-count__btn weui-count__decrease"></a>
						<input class="weui-count__number" type="tel" id="sl" value="1" data-min="1" data-max="0" data-bj="1" data-fn="zjsl" readonly="true" />
						<a class="weui-count__btn weui-count__increase"></a>
					</div>
					<div class="weui-cell__ft">合计<b id="allprice">0</b>{$_W['unicredit']['credit1']['title']}</div>
				</div>
				<div class="weui-cell weui-cell_select weui-cell_select-after zmhb">
					<div class="weui-cell__hd"><label class="weui-label">兑换方式</label></div>
					<div class="weui-cell__bd"> 
						<select class="weui-select" id="ntp">
							<option value="0" >邮寄</option>
							<option value="1" >网点自提</option>
						</select>
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
					<div class="weui-cell__bd "> 
						<input type="text" class="weui-input" id="shr" placeholder="请输入联系人姓名" value="{$row['username']}">
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">手机号</label></div>
					<div class="weui-cell__bd ">
						<input class="weui-input" type="tel" pattern="[0-9]{11}" value="{$row['tel']}" id="sjhm" placeholder="重要，请认真填写"/>
					</div>
				</div>
				<div class="weui-cell weui-cell_vcode zmhb">
					<div class="weui-cell__hd"><label for="" class="weui-label">省市县</label></div>
					<div class="weui-cell__bd ">
						<input class="weui-input" type="text"  value="{php echo $row['district']?$row['province'].' '.$row['city'].' '.$row['district']:''}" id="ssx" placeholder="请选择省市县" />
					</div>
				</div>
				<div class="weui-cell zmhb">
					<div class="weui-cell__hd"><label class="weui-label">地址</label></div>
					<div class="weui-cell__bd ">
						<input class="weui-input" type="text" id="address" placeholder="请输入收货地址" value="{$row['address']}" />
					</div>
				</div>
			</div>
			<div class="weui-row weui-no-gutter" style="margin:20px 0px;">
				<a href="javascript:duihunan();" class="weui-btn  {$_W['css']['bg']} close-popup" style="width:92%;">立即兑换</a>
			</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" id="detialtitle">礼品详情</h1>
			<div class="weui-header-right"><a class="zmui-icon zmui-icon-close2 f20 f-white"></a></div>
		</div>
		<div class="page" id="exdetail" style="background-color: #fff">
			正在加载数据...
		</div>
	</div>
</div>
{template '_footer'}
{if $tpcom>1}
<script type='text/javascript' src="{$_W['siteroot']}addons/{$_W['current_module']['fname']}/zmui/js/swiper.min.js" charset='utf-8'></script>
<script>$(".swiper-container").swiper({loop: true,autoplay: 3000});</script>
{/if}
<script>
	function addgoods(good){
		var html='';
		html += "<div class='zmui-piclist-item' id='goodsli"+good.id+"'><a href='javascript:getpro("+good.id+");'><div class='zmui-piclist-img'><img class='ljz' src='"+good.thumb+"'>";
		html += "<span class='zmui-piclist-lb'>库存"+good.stock+"份</span>";
		html += "</div><p class='zmui-piclist-title-2'>"+good.title+"</p></a><p class='zmui-piclist-desc-1 f-red'><b style='margin-left:5px;'>"+good.integral+"{$_W['unicredit']['credit1']['title']}</b><span class='right weui-badge-s zmui-icon zmui-icon-cart-kong' onclick='incar("+good.id+","+good.type+","+good.stock+");'></span></p></div>";
		$("#zmui-piclist").append(html);
	}
</script>
<script>
	var loading = false;
	var isbr = false;
	var i=1;
	var px=1;
	var op = '{$op}';
	$(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,px:px},
            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) {$("#zmui-piclist").html('');}
					$.each(s.message.goods,function (id, good){addgoods(good);});
					loading = false;
					i++
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line' onclick='upgrade();'><span class='weui-loadmore__tips'>点击加载更多</span></div>");
				}
            }
        });
    }
	upgrade();
    function bl(id){
		if(op == id){if(loading) return;}
		if(isbr) return;isbr = true;setTimeout(function (){isbr = false;},"1500");
		loading = false;
		op = id;
		i=1;
		if(op=='tk'){
			$("#zmui-piclist").removeClass("zmui-piclist");
		}else{
			$("#zmui-piclist").addClass("zmui-piclist");
		}
		$("#zmui-piclist").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 incar(id,isspec,stock){
		if(stock < 1){$.alert('库存不足，不能兑换！', "系统提示");return;}
		var img=$("#goodsli" + id +" .ljz").attr('src');
		var price=$("#goodsli" + id +" b").text();
		$(".carleimg").attr('src',img);
		$("#goodsid").val(id);
		$("#goodsprice").text(price);
		$("#sl").data('max',stock);
		if(isspec==1){
			$("#jsfhb").val(0);
			$('#addressck').click();
			//if($("#jsfhb").val()==1){
				$(".zmhb").addClass("hide");
				$("#getgoods").popup();
			//}
		}else{
			$(".zmhb").removeClass("hide");
			$("#getgoods").popup();
		}
		zjsl(stock);
	}
    function duihunan() {
        var id = $("#goodsid").val();
        var tp = $("#ntp").val();
        var na = $("#shr").val();
        var sj = $("#sjhm").val();
        var sl = $("#sl").val();
        var ss = $.trim($("#ssx").val());
        var ad = $("#address").val();
		$.showLoading();
		$.post(window.location.href, {id:id,tp:tp,na:na,sj:sj,ss:ss,ad:ad,sl:sl,op:'change'}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$.toast("提交成功", function() {console.log('close');});
			}else{
				$.alert(s.message.ts, "系统提示");
			}
		}, 'json');
	}
    function getpro(id) {
		$.showLoading();$('#exdetail').html('正在加载礼品数据......');$('#detialtitle').html('礼品详情');
		$.get(window.location.href, {id:id,op:'xq'}, function(s){
			$.hideLoading();
			if(s.length<100) {
				$.toast("加载失败", "text");
			}else{
				$("#prodetial").popup();
				$('#exdetail').html(s);
			}
		}, 'html');
	}
    function clpro() {
		$('#exdetail').html('正在关闭......');$.hideLoading();
	}

</script>
<script>
	$('.weui-count__decrease').click(function(e){
        var com = $(e.currentTarget).parent().find('input');
		var bj = Math.max(parseInt(com.data('bj') || "0"),1);
		var minp = Math.max(parseInt(com.data('min') || "0"),bj);
		var maxp = parseInt(com.data('max') || "0");
		var total = parseInt(com.val() || "0");
		if (minp >= total) {
			com.val(minp);
			$.toptip('操作失败，不能少于' + minp, 'error');
        }else{
			if(maxp>0){total = Math.min(total,maxp);}
			var ys = total % bj;
			if(ys > 0){
				total = Math.ceil(total/bj) * bj;
			}else{
				total -= bj;
			}
			com.val(total);
		}
		var fn = com.data('fn');
		if( fn && fn.trim().length > 0){eval(fn.trim()+"()");}//计数
	});
	$('.weui-count__increase').click(function(e){
        var com = $(e.currentTarget).parent().find('input');
		var bj = Math.max(parseInt(com.data('bj') || "0"),1);
		var minp = Math.max(parseInt(com.data('min') || "0"),bj);
		var maxp = parseInt(com.data('max') || "0");
		var total = parseInt(com.val() || "0");
		if(total < bj){total = bj;}else{total += bj;}
		if (maxp>0 && total > maxp) {
			$.toptip('操作失败，不能多于' + maxp, 'error');
        }else{
			com.val(Math.max(minp,total));
			var fn = com.data('fn');
			if( fn && fn.trim().length > 0){eval(fn.trim()+"()");}//计数
		}
	});
	function zjsl(a=0){
		var total = Math.max(parseInt($("#sl").val() || "0"),1);
		var price = parseInt($("#goodsprice").text() || "0");
		var allpri = total * price;
		var my = parseInt($("#mycredit1").text() || "0");
		if(a>0){
			if(allpri>my || total>a){
				total=1;$("#sl").val(1);
				allpri = total * price;
			}
		}
		$("#allprice").text(allpri);
		if(allpri>my){
			$.alert('你当前{$_W['unicredit']['credit1']['title']}是'+my+'，不足兑换'+total+'份该礼品！', "系统提示");
		}
	}
</script>
<script src="{$_W['siteroot']}addons/buy_assoc/zmui/js/zm_citypicker.min.js?t=20170418"></script>
<script>$("#ssx").cityPicker({title: "选择您所在地区"});</script>