{template '_header'}
<style>
.loadtis{padding-top:5px;margin-top:5px;}
.zmcar .weui-popup__modal{background:transparent !important;position:relative;}
.carleimg{z-index: 15;background-color: #f8f8f8;}
.zmui-piclist-img img {background-color:#fff;}
.swiper-container img {background-color:#fff;}
.zmui-toppost_logo img {bottom: -45px;}
.zmcn-mark-ltx {color: #fff;display: block;font-size: 9px;left: -12px;height: 12px;line-height: 12px;padding: 1px;position: absolute;text-align: center;top: 7px;transform: rotate(-45deg);width: 50px;}
.summary {padding: 8px;text-align: right;background-color: white;}
.price {font-size: .9em;margin-right: 6px;}
.page-bd{min-height:calc(100% - 170px);}
#mycart{font-style:normal}
.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 $mylogo =tomedia($_W['fans']['avatar']); }
{php $tpcom = count($banners);}
<div class="page-bd bg-zmpag">
	{if $tpcom > 0}
	<div id="box" 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 id="box" 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:getcar();">{if $mycar}<i id="mycart" class="f20">{$mycar}</i>{else}<i id="mycart" class="zmui-icon-cart-kong f20"></i>{/if}<br>购物车</a></div>
		<div class="zmui-toppost_item"><a href="{php echo $this->createMobileUrl('ordermyin');}"><i class="zmui-icon-order f20"></i><br>我的订单</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>{if $mylogo}<img src="{$mylogo}" onerror="this.style.display='none'" />{/if}</a></div>
	</nav>
	<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">
		<div class='weui-loadmore weui-loadmore_line'><span class='weui-loadmore_tips'>暂无数据</span></div>
	</div>
</div>
<div id="prodetial" class='weui-popup__container'><div class="weui-popup__modal">
	<a class="setbtn setbtn-y close-popup"  href='javascript:clpro();' style="left:.5rem;;"><i class="zmui-icon-slider-left"></i></a>
	<div class="page-bd bg-zmpag" id="exdetail">正在加载页面...</div>
	<div class="weui-footer bg-zmpag"><p class="weui-footer__text">{$_W['uniaccount']['name']}</p></div>
	<div class="weui-btn-area"><a href="javascript:clpro();" class="weui-btn weui-btn_disabled weui-btn_default close-popup">关闭</a></div>
</div></div>
<div id="getcar" 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="../addons/zmcn_erp/zmui/img/ns.jpg" />
					<h1 class="title f-red">￥<b id="goodsprice">1234.56</b></h1>
					<a href="javascript:;" class="picker-button zmui-icon-close2 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="optionid" value="0" />
			<div class="weui-cells">
				<div id="oplist"></div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">库存</label></div>
					<div class="weui-cell__bd"></div>
					<div class="weui-cell__ft f-red"><b id="goodskc">10000</b>件</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__hd"><label class="weui-label">数量</label></div>
					<div class="weui-cell__bd"></div>
					<div class="weui-cell__ft weui-count">
						<a class="weui-count__btn weui-count__decrease"></a>
						<input class="weui-count__number" type="tel" id="count" value="1" data-min="1" data-max="0" data-bj="1" data-fn="" readonly="true" />
						<a class="weui-count__btn weui-count__increase"></a>
					</div>
				</div>
			</div>
			<div class="weui-row weui-no-gutter" style="margin:20px 0px;">
				<div class="weui-col-50"><a href="javascript:incar();" class="weui-btn {$_W['css']['bg']} js-btn js-btn-incar" style="width:92%;">加入购物车</a></div>
				<div class="weui-col-50"><a href="javascript:buynow();" class="weui-btn weui-btn_warn js-btn js-btn-tobuy" style="width:92%;">立即购买</a></div>
			</div>
		</div>
	</div>
</div>
<div id="cart" class='weui-popup__container'>
	<div class="weui-popup__overlay"></div>
	<div class="weui-popup__modal">
		<form action="" method="post" class="form-horizontal form" id="buy-form">
		<div class="{$_W['css']['bg']} weui-header close-popup" onclick='clpro();'>
			<div class="weui-header-left"><a class="zmui-icon-slider-left f-white" ></a></div>
			<h1 class="weui-header-title">我的购物车</h1>
			<div class="weui-header-right"><a class="zmui-icon-close2 f20 f-white"></a></div>
		</div>
		<div class="page bg-zmpag"><input type="hidden" name="op" value="tmp" />
			<div class="weui-cells">
				<div class="weui-cell weui-cell_vcode" href="javascript:;">
					<div class="weui-cell__hd"><i class="zmui-icon-dianpu"></i></div>
					<div class="weui-cell__bd"><p>{php echo !empty($settings['set']['title'])?$settings['set']['title']:'协会小店'}</p></div>
					<div class="weui-cell__ft">
						<a href="javascript:gethelp(1);" class="weui-vcode-btn {$_W['css']['fb']}">帮助</a>
					</div>
				</div>
			</div>
			<div class="weui-cells" id="cartbox"></div>
			<p class="summary"><strong id="coun">2</strong> 件商品, 共计 <strong id="allprice">123.5</strong> 元</p>
		</div>
		</form>
		<div class='weui-btn-area'>
			<a class="weui-btn {$_W['css']['bg']}" href="javascript:xdupform('#buy-form');">进入下单</a>
			<br>
		</div>
	</div>
</div>
<script id="cartemp" type="text/x-jquery-tmpl">
	<div class="weui-cell weui-cell_swiped">
		<div class="weui-cell__bd">
			<div class="weui-cell weui-cell_header">
				<div class="weui-cell__hd"><img src="${thumb}" alt="" class="weui-cell_header-img"></div>
				<div class="weui-cell__bd"><p>${title}</p></div>
				<div class="weui-cell__ft">
					<span class="price">￥${price}</span>
					<div class="weui-count">
						<a class="weui-count__btn weui-count__decrease"></a>
						<input class="weui-count__number" type="number" name="count[${goopid}]" value="${total}" data-min="${min}" data-max="${max}" data-bj="${bj}" data-price="${price}" data-id="${id}" data-fn="cartallprice" readonly="true" />
						<a class="weui-count__btn weui-count__increase"></a>
					</div>
				</div>
			</div>
		</div>
		<div class="weui-cell__ft">
			<a class="weui-swiped-btn weui-swiped-btn_warn delete-swipeout" href="javascript:">删除</a>
			<a class="weui-swiped-btn weui-swiped-btn_default close-swipeout" href="javascript:">关闭</a>
		</div>
	</div>
</script>
<script id="goodstemp" type="text/x-jquery-tmpl">
<div class='zmui-piclist-item' id='goodsli${id}' data-stock="${stock}" data-max="${maxbuy}" data-isspec="${isspec}" data-type="${type}" >
	<a href='javascript:getpro(${id});'>
		<div class='zmui-piclist-img'>
			<img src='${thumb}' onerror="this.src='../addons/{$_W['current_module']['fname']}/zmui/img/nb.jpg'"  >	
			{{##if stock<1##}}
			<span class='zmcn-mark-ltx bg-red'>售罄</span>
			{{##/if##}}
			{{##if isrecommend==1##}}
			<span class='zmcn-mark-rts bg-red'>推荐</span>
			{{##/if##}}
			{{##if isspec==1##}}
			<span class='zmui-piclist-lb'> </span>
			{{##/if##}}
		</div>
	</a>
	<p class='zmui-piclist-title-2'>${title}</p>
	<p class='zmui-piclist-desc-1 f-red'>￥<b>${price}</b>
		<span class='right weui-badge-s zmui-icon-cart-kong' onclick='ckcar(${id});'  ></span>
	</p>
</div>
</script>
{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>
	var buyin_url="{php echo $this->createMobileUrl('buyin')}&id=";
	var hui_url="{$hurl}";
	var options = [];
	var ishur=1;
</script>
<script>
	$(document).ready(function() {
		if (window.history && window.history.pushState) {
			$(window).on('popstate', function () {
				if(ishur==1){
					window.location = hui_url;
				}else{
					$.closePopup();
					ishur--;
				}
				window.history.pushState('forward', null, '#');
				window.history.forward(1);
			});
		}
		window.history.pushState('forward', null, '#'); //在IE中必须得有这两行
		window.history.forward(1);
	});
	function jssopen(id){
		$(id).removeClass('fadeOutRightBig').addClass('fadeInRightBig').fadeIn(500);
		ishur++;
	}
	var loading = false;
	var isbr = false;
	var i=1;
	$(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},
            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('');}
					$("#goodstemp").tmpl(s.message.data).appendTo("#zmui-piclist");
					loading = false;
					i++
					$(".loadtis").html("<div class='weui-loadmore weui-loadmore_line' onclick='upgrade();'><span class='weui-loadmore__tips'>点击加载更多</span></div>");
				}
            }
        });
    }
	upgrade();
	function ckcar(id){
		var goitem = $("#goodsli"+id);
		var stock = parseInt("0" + goitem.data('stock'),10);
		var amax = goitem.data('max');
		var tp = goitem.data('type');
		var isspec = goitem.data('isspec');
		if(stock < 1){$.alert('库存不足，不能兑换！', "系统提示");return;}
		var img=$("#goodsli" + id +" img").attr('src');
		var price=$("#goodsli" + id +" b").text();
		$(".carleimg").attr('src',img);
		$("#goodsid").val(id);
		$("#goodsprice").text(price);
		$("#sl").data('max',amax);
		$("#oplist").html('');
		$("#optionid").val(0);
		$("#count").val(1);
		if(isspec==1){
			$.post(window.location.href,{id:id,op:'op'}, function(s){
				$.hideLoading();
				if(s.message.zt==1){
					$.alert(s.message.tx, "系统提示");
				}else{
					options = s.message.options;
					$("#oplist").html(s.message.html);
					$("#goodskc").html(0);
					$("#getcar").popup();
					$(".zst em").click(function(){$(this).addClass("yListrclickem").siblings().removeClass("yListrclickem");getstock();});
				}
			}, 'json');
		}else{
			$.hideLoading();
			$("#goodskc").html(stock);
			$("#getcar").popup();
		}
		$(".js-btn").show();
		if(tp!=1){
			$(".js-btn-incar").hide();
		}	
	}
    function getpro(id) {
		$.showLoading();$('#exdetail').html('正在加载商品数据......');
		$.get(window.location.href, {id:id,op:'xq'}, function(s){
			$.hideLoading();
			if(s.length<100) {
				$.toast("加载失败", "text");
			}else{
				$("#prodetial").popup();
				$('#exdetail').html(s);
				ishur++;
			}
		}, 'html');
	}
	$('.weui-cells').on('click','.weui-count__increase',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()+"()");}//计数
		}
	});
	$('.weui-cells').on('click','.weui-count__decrease',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-cells').on('click','.delete-swipeout',function(e){
        var com = $(e.currentTarget).parent().parent().find('input');
		var id = com.data('id');
		$.showLoading();
		$.post(window.location.href,{op:'delcar',caid:id}, function(s){
			$.hideLoading();
			if(s.message.zt==1){
				$.alert(s.message.tx, "系统提示");
			}else{
				$(e.currentTarget).parent().parent().remove();
				mycartcount(s.message.cartsum);
				cartallprice();
			}
		}, 'json');	
	});
	$('.weui-cells').on('click','.close-swipeout',function(e){
		$(e.currentTarget).parent().parent().swipeout('close');
	});
	function cartallprice(){ 
		var sum=0;
		var allpri=0;
		$("#cartbox .weui-count__number").each(function(){ 
			var total = parseInt($(this).val() || "0");
			if(total > 0){
				sum += total;
				var pri=parseFloat($(this).data('price') || "0");
				allpri += total * pri;
			}
		});
		$("#coun").html(sum);
		$("#allprice").html(round(allpri,2));
	}
	function getstock(){
		var opid = '';
		$("#goodskc").html(0);
		$(".zst .yListrclickem").each(function (){
			if(opid == ''){opid += $(this).data('zmid');}else{opid += ',' + $(this).data('zmid');}
		});
		if(options[opid].thumb.length > 20){
			$(".carleimg").attr('src', options[opid].thumb);
		}
		if(options[opid].stock>0){
			$("#goodskc").html(options[opid].stock);
			$("#maxdh").val(options[opid].stock);
			$("#optionid").val(options[opid].id);
		}
	}
	function getcar(){
		$.showLoading();
		$.post(window.location.href,{op:'mycar'}, function(s){
			$.hideLoading();
			if(s.message.zt==1){
				$.alert(s.message.ts, "系统提示");
			}else if(s.message.coun==0){
				$.alert('你的购物车空空如也！', "系统提示");	
			}else{
				$("#cartbox").html('');
				$("#cartemp").tmpl(s.message.data).appendTo("#cartbox");
				$("#allprice").html(s.message.allprice);
				$("#coun").html(s.message.coun);
				$("#cart").popup();
				$('.weui-cell_swiped').swipeout();
				ishur++;
			}
		}, 'json');
	}
	function incar(){
		$.showLoading();
		var gid=$("#goodsid").val();
		var oid=$("#optionid").val();
		var total=$("#count").val();
		$.post(window.location.href,{id:gid,oid:oid,total:total,op:'incar'}, function(s){
			$.hideLoading();
			if(s.message.zt==1){
				$.alert(s.message.ts, "系统提示");
			}else{
				mycartcount(s.message.cartsum);
				$.toast("提交成功", function() {console.log('close');});
				$.closePopup();
			}
		}, 'json');
	}
	function buynow(){
		$.showLoading();
		var gid=$("#goodsid").val();
		var oid=$("#optionid").val();
		var total=$("#count").val();
		$.post(window.location.href,{id:gid,oid:oid,total:total,op:'tmpnow'}, function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$.toast(s.message.ts, "text");
				window.location  = buyin_url + s.message.id;
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
    function xdupform(formid) {
		$.showLoading();
		var formParam = $(formid).serialize();
		$.post(window.location.href, formParam , function(s){
			$.hideLoading();
			if (s.message.zt==0) {
				$.toast(s.message.ts, "text");
				window.location  = buyin_url + s.message.id;
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
    function clpro() {
		$('#exdetail').html('正在关闭......');$.hideLoading();
		ishur--;
	}
    function mycartcount(cou) {
		if(cou>0){
			if($("#mycart").hasClass('zmui-icon-cart-kong')){
				$("#mycart").removeClass("zmui-icon-cart-kong").text(cou);
			}else{
				$("#mycart").text(cou);
			}
		}else{
			if($("#mycart").hasClass('zmui-icon-cart-kong')){
				$("#mycart").text('');
			}else{
				$("#mycart").addClass("zmui-icon-cart-kong").text('');
			}
		}
	}
    function gethelp(id){
		var ts = new Array();
		ts[1]='向左滑动购物车中的商品，可以将商品移出购物车。';
		$.alert(ts[id], "操作说明！");
	}
</script>
{if $mytemp}
<script>
	function shenhe(id) {
		$.modal({
			title:"系统提示",
			text:"你有为完成的订单，是否继续完成",
			buttons: [
				{text: "删除", className: "color-warning", onClick: function(){ $.confirm("您确定要删除该订单?", "删除订单",function() {
					$.showLoading();
					$.post(window.location.href, {tpid:id,op:'delorder'} , function(s){
						$.hideLoading();
						if (s.message.zt==0) {
							$.toast(s.message.ts, "text");
						}else{
							$.alert(s.message.ts, "操作失败");
						}
					}, 'json');
				});}},
				{text: "继续", className: "color-primary", onClick: function(){ 
					window.location  = buyin_url + id;
				}},
				{text: "退出", className: "default", onClick: function(){ console.log(3)}}
			]
		});
	}
	shenhe({$mytemp});
</script>
{/if}