shop/mobile/source/apps/cart/views/flow_cart.html

{include file="page_header"}
<style>
.div-num a{display:block; width:3rem; height:3rem; position: relative;}
.div-num a.num-up:before,.div-num a.num-next:before,.div-num a.num-next:after{content: " "; display: block; border-bottom:1px solid #888; width:1.6rem; position: absolute; left:50%; margin-left:-.8rem; top:50%; margin-top:-1px;}
.div-num a.num-next:after{ -moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
</style>
		<div class="con"><header class="dis-box header-menu b-color color-whie"><a class="" href="javascript:history.go(-1);"><i class="iconfont icon-back"></i></a><h3 class="box-flex">购物车</h3><a></a></header>
			<div class="flow-cart blur-div">
<!-- {if !$goods_list} -->
				<section class="flow-no-cart" >
					<span class="gwc-bg">
						<i class="iconfont icon-gouwuche"></i>
					</span>
					<p class="t-remark text-center">购物车什么也没有</p>
					<a href="{U('site/index/index')}" type="button" class="btn-default">去逛逛</a>

					<div class="f-n-c-prolist product-one-list j-f-n-c-prolist b-color-f">
                        <h3 class="padding-all" style="font-size:1.6rem; padding-bottom:.4rem;">你可能想要</h3>
						<div class="swiper-wrapper">
						<!-- {foreach $relation as $key} -->
							<li class="swiper-slide">
								<div class="product-div">
									<a class="product-div-link" href="{$key.goods_url}"></a>
									<img class="product-list-img" src="{$key.goods_thumb}" />
									<div class="product-text m-top06">
										<h4 style="line-height:1.6rem; height:3rem">{$key.goods_name}</h4>
										<p><span class="p-price t-first ">
                                         {if $key.is_promote && $key.gmt_end_time}
                                         {$key.promote_price}
                                         {else}
                                         {$key.shop_price_formated}
                                         {/if}
                                        </p>
										</div>
								</li>
						<!-- {/foreach} -->
						</div>
                        </div>
					</div>
				</section>
<!-- {else} -->
		<!-- 按店铺显示商品  start-->
		<!-- {foreach $goods_list as $key} -->
				<section class="flow-have-cart select-three j-select-all" >
					<section class="m-top10 j-cart-get-i-more shop{$key.ru_id}" num="{$key.num}">
						<header class="b-color-f padding-all of-hidden dis-box">
							<div class="ect-select box-flex is-shop">
								<label class="dis-box label-this-all active">
									<i class="j-select-btn"></i>
									<span class="box-flex"><a href="{if $key.ru_id>0}{U('store/index/shop_info',array('id'=>$key.ru_id))}{/if}">{$key.ru_name}</a></span>
								</label>
							</div>
							<!-- {if $key.bonus>0} -->
							<em class="j-goods-coupon t-first" ru-id="{$key.ru_id}">领券</em>
							<!-- {/if} -->
                            <!-- {if $key.fitting > 0} -->
                            <em ><a style="margin-top: 0rem" href="{U('cart/index/goods_fittings',array('goods_list'=>$key.shop_goods_list))}" class="a-accessories fr">相关配件</a></em>
                            <!-- {/if} -->
						</header>

						<div class="m-top1px b-color-f padding-all product-list-small">
							<ul>
							
								<li>
									<div class="g-promotion-con ts-5">
                                        {if count($key.favourable)>0}
                                        {foreach $key.favourable as $keylist => $list}
                                        {if $keylist==0}
                                        <p class="dis-box  j-icon-show"><em class="em-promotion ec-promotion1">
                                            {if $list.act_type==0}
                                            赠品、促销
                                            {elseif $list.act_type==1}
                                            满减
                                            {elseif $list.act_type==2}
                                            折扣
                                            {/if}
                                        </em><span class="box-flex"><span class="g-p-c-promotion">
                                                促销
                                            </span><span class="g-p-c-text">
                                                {$list.act_name}
                                            </span></span><span class="t-jiantou"><i class="iconfont icon-jiantou tf-180 ts-3"></i></span></p>
                                        {/if}
                                        {/foreach}
                                        <div class="g-promotion-con-sh m-top04">
                                            {foreach $key.favourable as $keylist => $list}
                                            {if $list.act_type==0}
                                            <a href="{U('activity',array('act_id'=>$list.act_id))}">
                                                {/if}
                                                <p class="dis-box"><em class="em-promotion">
                                                    {if $list.act_type==0}
                                                    赠品、促销
                                                    {elseif $list.act_type==1}
                                                    满减
                                                    {elseif $list.act_type==2}
                                                    折扣
                                                    {/if}
                                                </em><span class="box-flex">
                                                    {$list.act_name}
                                                </span><span class="t-jiantou"><i class="iconfont icon-jiantou tf-180"></i></span></p>
                                                {if $list.act_type==0}
                                            </a>
                                            {/if}
                                            {/foreach}
                                        </div>
                                        {/if}

									</div>
									<!-- {foreach $key.goods_list as $list} -->
									<div class="dis-box drop{$list.rec_id}">
                                    <input type="hidden" class="total" price="{$list.amount}" number="{$list.goods_number}">
										<div class="ect-select">
											<label class="active rec-active" goods-id="{$list.goods_id}" rec-id="{$list.rec_id}">
												<i class="j-select-btn"></i>
											</label>
										</div>
										<div class="box-flex">
											
											<div class="product-div">
												<div class="p-d-img fl">
												    <a href="{$list.url}">
													<img class="product-list-img" src="{$list.goods_thumb}" />
													</a>
													<!-- {if $list.parent_id>0} -->
													<span>配件</span>
													<!-- {/if} -->
												</div>
												<div class="product-text">
													<h4 class="onelist-hidden"><a href="{$list.url}">{$list.goods_name}</a></h4>
													<span class="t-first">{$list.goods_price}</span>
													<p class="p-t-remark onelist-hidden">{$list.goods_attr}</p>
													<div class="div-num dis-box m-top04">
														<a class="num-up" data-min-num="1" ></a>
														<input class="box-flex cart-number active" type="number" name="cart_number" readonly value="{if $list.parent_id>0 || $list.is_gift>0 }1{else}{$list.goods_number}{/if}" id="{$list.goods_id}" cart-id="{$list.rec_id}" />
														<a class="num-next" xiangounum="{$list.xiangounum}" data-max-num="{if $list.parent_id>0 || $list.is_gift>0 }1{else}999{/if}" ></a>
													</div>
												     <i class="iconfont icon-xiao10" onclick="DropCart({$list.rec_id},{$key.ru_id})"></i>
												</div>
											</div>
										    
										</div>
									</div>
									<!-- {/foreach} -->
								</li>
								
							</ul>
						</div>
					</section>
	    <!-- {/foreach} -->		
		<!-- 按店铺显示商品  end-->
					<section>
						<section class="padding-all text-center t-remark2 ">
							<p class="j-goodsinfo-div">推荐商品</p>
						</section>
						<section class="product-list j-product-list product-list-medium">
							<ul>
							<!-- {foreach $relation as $key} -->
								
								<li>
									<div class="product-div">
										<a href="{$key.goods_url}"><img class="product-list-img" src="{$key.goods_thumb}" /></a>
										<div class="product-text">
                                            <a href="{$key.url}"><h4>{$key.goods_name}</h4></a>
											<p class="dis-box p-t-remark"><span class="box-flex">库存:{$key.goods_number}</span><span class="box-flex">销量:{$key.sales_volume}</span></p>
											<p><span class="p-price t-first ">
                                             {if $key.is_promote && $key.gmt_end_time}
                                             {$key.promote_price}
                                             {else}
                                             {$key.shop_price_formated}
                                             {/if}
                                                <small><del>{$key.market_price}</del></small></span></p>
											<a onclick="addToCart({$key.goods_id}, 0)" class="icon-flow-cart j-goods-attr fr"><i class="iconfont icon-gouwuche"></i></a>
										</div>
									</div>
								</li>
							<!-- {/foreach} -->
							</ul>
						</section>
					</section>
				</section>

			</div>
		</div>
		<!--领取优惠券star-->
		<div class="show-goods-coupon j-filter-show-div ts-3 b-color-1">
			<section class="goods-show-title of-hidden  padding-all b-color-f">
				<h3 class="fl g-c-title-h3">领取店铺优惠券 (<span class="bonus-number">0</span>)</h3>
				<i class="iconfont icon-guanbi1 show-div-guanbi fr"></i>
			</section>
			<!-- 优惠卷 -->
			<section class="goods-show-con padding-all swiper-scroll swiper-container-vertical swiper-container-free-mode" id="goods-show-con">
                <div class="swiper-wrapper">
                    <div class="swiper-slide swiper-slide-active cart-bonus">

                    </div>
                </div><div class="swiper-scrollbar"></div>

            </section>

			<!-- end/优惠卷  -->
		</div>
        <div class="mask-filter-div"></div>
		<!--领取优惠券end-->




		<!--悬浮btn star-->
		<section class="filter-btn f-cart-filter-btn dis-box">
			<div class="box-flex select-three j-cart-get-more j-get-more-all">
				<div class="ect-select">
					<label class="dis-box label-all active">
						<i class="select-btn"></i>
						<span class="box-flex">全选</span></span>
					</label>
				</div>
				<div class="g-cart-filter-price of-hidden">
					<p class="dis-box"><em class="dis-block">合计：</em>
					  <span class="t-first box-flex onelist-hidden cart-price-show"></span>
					  <span class="t-first box-flex onelist-hidden cart-price-hidden" style="display:none"></span>
					</p>
					<p class="t-remark">不含运费</p>
				</div>
			</div>
			<div class="g-cart-filter-sb">
				<span class="span-bianji fl"><i class="iconfont icon-bianji1"></i><em>编辑</em></span>
                <form id="formid" action="{U('flow/index/index')}" class="fl" method="post" >
                <input type="hidden" name="cart_value" value="{$cart_value}">
				<a  type="button" class="btn-submit fl" onclick="c_value()">结算 (<span class='cart-number-show'>{$cart_show.cart_goods_number}</span>)</a>
                </form>
            </div>
			<div class="g-cart-filter-bj">
				<span class="heart j-heart fl"><i class="ts-2"></i><em class="ts-2">收藏</em></span>
				<a type="button" class="btn-default j-btn-default fl">返回</a>
				<a type="button" class="btn-submit fl delete">删除</a>
			</div>
		</section>
        <input type="hidden" name="warehouse_id" value="{$warehouse_id}">
        <input type="hidden" name="area_id" value="{$area_id}">
<!-- {/if} -->
		<!--引用js-->
        {include file="search"}
		{include file="script"}
		<script type="text/javascript" src="{__PUBLIC__}script/jquery.json.js"></script>
		<script type="text/javascript" src="{__PUBLIC__}script/main/common.js"></script>
        <script type="text/javascript" src="{__PUBLIC__}script/template.js"></script>
        <script>
            function attrprice(id){
                var attr = '';
                $("label.ts-1"+id).each(function() {
                    if ($(this).hasClass("active")) {
                        attr += $(this).attr("attr-id")+',';
                    }
                })
                attr = attr.substr(0,attr.length-1);
                var number = $("input[name=number"+id+"]").val();
                var warehouse_id = $("input[name=warehouse_id]").val();
                var area_id = $("input[name=area_id]").val();
                $.get('index.php?r=goods/index/price',{id:id,warehouse_id:warehouse_id,area_id:area_id,number:number,attr:attr},function(data){
                    $(".goods_attr_num"+id).text(data.attr_number);
                    $("#ECS_GOODS_AMOUNT"+id).text(data.result);
                    if(data.attr_number < 1){
                       $(".add-to-cart"+id).hide();
                       $(".quehuo"+id).show();
                    }else{
                       $(".add-to-cart"+id).show();
                       $(".quehuo"+id).hide();
                    }
                },'json')

            }
            function show(html){
                $(".mask-filter-div").addClass("show");
                $(".j-show-goods-attr"+html).addClass("show");
            }


            function c_value(){
                var id='';
                $("label").each(function (){
                    if($(this).hasClass("rec-active")){
                        if($(this).hasClass("active")) {
                            id += $(this).attr("rec-id") + ',';
                        }
                    }
                 })
                if(id==''){
                    d_messages('至少选中一个商品', 2);
                    return false;
                }
                id = id.substr(0,id.length-1);
                $("input[name=cart_value]").val(id);
                console.log(12341563);
                document.getElementById("formid").submit();
            }
            //加载
             var price = 0;
             var k = 0;
             $(".total").each(function(){
                     price  += $(this).attr("price")*1;

             })
            $(".cart-price-show").text('￥'+price.toFixed(2));
            //删除
            function DropCart(id,sid){
                var shopnum = $(".shop"+sid).attr("num");
                $.get('index.php?r=cart/index/delete_cart',{id:id},function(data){
                },'json');
                if(shopnum-1<1){
                   $(".shop"+sid).html("");
                       window.location.href="index.php?r=cart/index";
                }else{
                    shopnum = shopnum -1;
                    $(".shop"+sid).attr("num",shopnum);
                }
                $(".drop"+id).html("");
                var price = 0;
                var k = 0;
                $(".total").each(function(){
                    price  += $(this).attr("price")*1;
                })
                $(".cart-number").each(function(){
                    k  += $(this).val()*1;
                })
                $(".cart-number-show").text(k);
                $(".cart-price-show").text('￥'+price.toFixed(2));
                d_messages('已删除');
             }
            var heartstatus = 1;
            $(".heart").click(function (){
                var id = '';
                $("label").each(function (){
                    id += $(this).attr("goods-id")+',';
                })
                $.get('index.php?r=cart/index/heart',{id:id,status:heartstatus},function(data){
                    heartstatus++;
                    if(data.error==1){
                        $(".heart").addClass("active");
                    }else if(data.error==2){
                        $(".heart").removeClass("active");
                    }
                    if(data.error>0){
                        d_messages(data.msg);
                    }else {
                        layer.open({
                            content: '请登录后关注',
                            btn: ['立即登录', '取消'],
                            shadeClose: false,
                            yes: function () {
                                window.location.href = 'index.php?r=user/login';
                            },
                            no: function () {
                            }
                        });
                    }
                },'json')
            })
            $(".delete").click(function (){
                var id='';
                $("label").each(function (){
                    if($(this).hasClass("rec-active")){
                        if($(this).hasClass("active")) {
                            id += $(this).attr("rec-id") + ',';
                        }
                    }
                })
                if(id==''){
                    d_messages('至少选中一个商品', 2);
                    return false;
                }
                $.get('index.php?r=cart/index/drop_goods',{id:id},function(data){

                },'json')
                window.location.href="index.php?r=cart/index";
            })
        //弹出优惠券
        /*-*/
        $(".j-goods-coupon").click(function() {
          document.addEventListener("touchmove", handler, false);
            var ru_id = $(this).attr("ru-id");
            $.ajax({type: "POST",url: "index.php?r=cart/index/cart_bonus",data: {ru_id:ru_id}, dataType:"json", async:false, success:
                    function(data){
                        if(data.data!=0){
                            $(".cart-bonus").html(data.data);
                            $(".bonus-number").text(data.number);
                            $(".mask-filter-div").addClass("show");
                            $(".show-goods-coupon").addClass("show");
                        }
                    }});
            swiper_scroll();
        });
        /*-*/
		$(".div-num a").click(function() {
			if (!$(this).parent(".div-num").hasClass("div-num-disabled")) {
				if ($(this).hasClass("num-up")) {
					  
						num = parseInt($(this).siblings("input").val());
						min_num = parseInt($(this).attr("data-min-num"));
						rec      = parseInt($(this).siblings("input").attr("cart-id"));
						if (num > min_num) {
							num -= 1;
							$(this).siblings("input").val(num);
							if($(this).siblings("input").hasClass("active")){
                                none = 0;
                            }else{
                                none = 1;
                            }
                            var arr = '';
                            $(".rec-active").each(function(){
                                if($(this).hasClass("active")) {
                                    arr += $(this).attr("rec-id")+',';
                                }
                            })
                            $.ajax({
								    type: "POST",
								    url: "index.php?r=cart/index/cart_goods_number", 
								    dataType:"json",
								    data: {id:rec,number:num,arr:arr,none:none},
								    success: function(data){
                                        if(data.none>0){
                                            return;
                                        }
								    	if(data.error){
								    		d_messages(data.msg);
								    		return;
									    }
								    	var number=0;
								    	$(".cart-number").each(function(){
                                            if($(this).hasClass("active")) {
                                                number += $(this).val() * 1;
                                            }
									    })	
									    $(".cart-number-show").text(number);
                                        $(".cart-price-show") .text(data.content);
                                        $(".cart-price-hidden") .text(data.content);
								    	
								    }});

					} else {
						d_messages("不能小于最小数量");
					}
					return false;
				}
				if ($(this).hasClass("num-next")) {
					num = parseInt($(this).siblings("input").val());
					max_num = parseInt($(this).attr("data-max-num"));
                    xiangounum = parseInt($(this).attr("xiangounum"));
                    if(xiangounum){
                        if(num>=xiangounum){
                           d_messages('不能超过限购');
                           return;
                        }
                    }
					rec      = parseInt($(this).siblings("input").attr("cart-id"));
                    //限购
					if (num < max_num) {
						num += 1;
						$(this).siblings("input").val(num);
                        $(this).siblings("input").val(num);
                        if($(this).siblings("input").hasClass("active")){
                            none = 0;
                        }else{
                            none = 1;
                        }
                        var arr = '';
                        $(".rec-active").each(function(){
                            if($(this).hasClass("active")) {
                                arr += $(this).attr("rec-id")+',';
                            }
                        })
						$.ajax({
						    type: "POST",
						    url: "index.php?r=cart/index/cart_goods_number", 
						    dataType:"json",
						    data: {id:rec,number:num,arr:arr,none:none},
						    success: function(data){

                                if(data.none>0){
                                    return;
                                }
						    	if(data.error){
						    		d_messages(data.msg);
						    		return;
							    }
						    	var number=0;
						    	$(".cart-number").each(function(){
                                    if($(this).hasClass("active")) {
                                        number+=$(this).val()*1;
                                    }
								})
							    $(".cart-number-show").text(number);
						    	$(".cart-price-show") .text(data.content);
						    	$(".cart-price-hidden") .text(data.content);
						    }});

					} else {
						d_messages("不能大超过最大数量");
					}
					return false;
				}
			} else {
				d_messages("该商品不能增减");
			}
		});
            $(".div-num a").click(function() {
                if (!$(this).parent(".div-num").hasClass("div-num-disabled")) {
                    if ($(this).hasClass("num-less")) {
                        num = parseInt($(this).siblings("input").val());
                        min_num = parseInt($(this).attr("data-min-num"));
                        if (num > min_num) {
                            num -= 1;
                            $(this).siblings("input").val(num);
                        } else {
                            d_messages("不能小于最小数量");
                        }
                        return false;
                    }
                    if ($(this).hasClass("num-plus")) {
                        num = parseInt($(this).siblings("input").val());
                        max_num = parseInt($(this).attr("data-max-num"));
                        if (num < max_num) {
                            num += 1;
                            $(this).siblings("input").val(num);
                        } else {
                            d_messages("不能大超过最大数量");
                        }
                        return false;
                    }
                } else {
                    d_messages("该商品不能增减");
                }
            });
            $(".div-num input").bind("change", function() {
                num = parseInt($(this).val());
                max_num = parseInt($(this).siblings(".num-plus").attr("data-max-num"));
                min_num = parseInt($(this).siblings(".num-less").attr("data-min-num"));
                if (num > max_num) {
                    $(this).val(max_num);
                    d_messages("不能大超过最大数量");
                    return false;
                }
                if (num < min_num) {
                    $(this).val(min_num);
                    d_messages("不能小于最小数量");
                    return false;
                }
            });
            /*多选*/
            $(".j-cart-get-more .ect-select").click(function() {
                if (!$(this).find("label").hasClass("active")) {
                    $(this).find("label").addClass("active");
                    $("input[name=cart_number]").addClass("active");
                    if ($(this).find("label").hasClass("label-all")) {
                        $(".j-select-all").find(".ect-select label").addClass("active");
                        /*hu*/
                        var rec_id = '';
                        $(".rec-active").each(function(){
                            var goods_id = $(this).attr("goods-id");
                            if ($(this).hasClass("active")) {

                                if($(this).attr("rec-id")!=undefined && $(this).attr("rec-id")>0){
                                    rec_id+=$(this).attr("rec-id")+',';
                                    $("#"+goods_id+"").addClass("active");
                                }
                            }
                        });
                        $.ajax({
                            type: "POST",
                            url: "index.php?r=cart/index/cart_label_count",
                            data: {id:rec_id},
                            dataType:"json",
                            success: function(data){
                                $(".cart-number-show").text(data.cart_number);
                                $(".cart-price-show") .text(data.content);

                            }});
                        /*hu*/


                    }
                } else {
                    $(this).find("label").removeClass("active");
                    $("input[name=cart_number]").removeClass("active");
                    if ($(this).find("label").hasClass("label-all")) {
                        /*hu*/
                        $(".cart-price-show").text("￥0.00");
                        $(".cart-number-show").text(0);
                        /*hu*/
                        $(".j-select-all").find(".ect-select label").removeClass("active");
                    }
                }
            });
            /*多选只点击单选按钮 - 全选，全不选*/
            $(".j-cart-get-i-more .j-select-btn").click(function() {
                if ($(this).parents(".ect-select").hasClass("j-flowcoupon-select-disab")) {
                    d_messages("同商家只能选择一个", 2);
                } else {
                    is_select_all = true;
                    if ($(this).parent("label").hasClass("label-this-all")) {
                        if (!$(this).parent("label").hasClass("active")) {
                            $(this).parents(".j-cart-get-i-more").find(".ect-select label").addClass("active");
                        } else {
                            $(this).parents(".j-cart-get-i-more").find(".ect-select label").removeClass("active");
                        }
                    }

                    if (!$(this).parent("label").hasClass("label-this-all") && !$(this).parent("label").hasClass("label-all")) {
                        $(this).parent("label").toggleClass("active");
                        is_select_this_all = true;
                        select_this_all = $(this).parents(".j-cart-get-i-more").find(".ect-select label").not(".label-this-all");

                        select_this_all.each(function() {
                            if (!$(this).hasClass("active")) {
                                is_select_this_all = false;
                                return false;
                            }
                        })
                        if (is_select_this_all) {
                            $(this).parents(".j-cart-get-i-more").find(".label-this-all").addClass("active");
                        } else {
                            $(this).parents(".j-cart-get-i-more").find(".label-this-all").removeClass("active");
                        }
                    }

                    var select_all = $(".j-select-all").find(".ect-select label");
                    select_all.each(function() {
                        if (!$(this).hasClass("active")) {
                            is_select_all = false;
                            return false;
                        }
                    });
                    if (is_select_all) {
                        $(".label-all").addClass("active");
                    } else {
                        $(".label-all").removeClass("active");
                    }
                }
                /*hu*/
                var rec_id = '';
                $(".rec-active").each(function(){
                    var goods_id = $(this).attr("goods-id");
                    if ($(this).hasClass("active")) {

                        if($(this).attr("rec-id")!=undefined && $(this).attr("rec-id")>0){
                            rec_id+=$(this).attr("rec-id")+',';
                            $("#"+goods_id+"").addClass("active");
                        }
                    }else{
                        $("#"+goods_id+"").removeClass("active");
                    }
                });
                $.ajax({
                    type: "POST",
                    url: "index.php?r=cart/index/cart_label_count",
                    data: {id:rec_id},
                    dataType:"json",
                    success: function(data){
                        $(".cart-number-show").text(data.cart_number);
                        $(".cart-price-show") .text(data.content);
                        $(".cart-price-hidden") .text(data.content);

                    }});
                /*hu*/
            });
            /*店铺信息商品滚动*/
            var swiper = new Swiper('.j-f-n-c-prolist', {
                scrollbarHide: true,
                slidesPerView: 'auto',
                centeredSlides: false,
                grabCursor: true
            });
		</script>
	</body>

</html>