guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css" />
    <style>
        body{background:#f2f2f2;}
        .active{
            color: #eb4610;
        }
        .bottom-line{
           border-bottom:1px solid #e8e8e8;
        }
        .border-none{
          text-align: center;
        }
        .border-none p{
          color:#999999;
        }
        .border-none-img{
          margin-top: 3rem;
          width: 1.73rem;
          height:auto;
        }
        .buy-btn{
		  width:100%;
		  height: 1rem;
		  background:#ffffff;
		  border-top:1px solid #e8e8e8;
		  position:fixed;
		  bottom:0px;
		}
		.buy-btn li{
		  float:left;
		  /*width:50%;*/
		  height: 1rem;
		  line-height: 1rem;
		  text-align:center;
		  font-size: 0.28rem;
		  border-right:1px solid #e8e8e8;
		  box-sizing:border-box;
		}
        .order-list-right p {
            font-size: 0.22rem;
            color: #999;
            /*height: 1.04rem;*/
        }
        .font-rem11 {
            font-size: 0.28rem;
        }
		li.buy-btn-left{
		  width: 5.3rem;
		  text-align: left;
		  padding-left: 0.2rem;
		}
		li.to-pay{
		  color:#ffffff; 
		  background: #d9251c;
		  width: 2.2rem;
		}
		.to-pay span{
		  color:#ffffff;
		}
		.check-all{
		  width: 0.32rem;height: 0.32rem;vertical-align:middle;
		}
		.buycar-null{
		  width:100%;text-align:center;background:#f2f2f2;
		}
		.buycar-null img{
		  width:60px;
		}
		.buycar-price{
		  font-size: 0.22rem;
		}
        .h2 {
            border-bottom: 1px solid #e8e8e8;
        }
        .h2:last-child {
            border-bottom: 0;
        }
      </style>
    <script>
    (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = (e/7.5) + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body>
    <div class="topbar"></div>
    <header class="back-header bottom-line">
        <ul>
            <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
            <li class="back-header-title">购物车</li>
            <li class="more-btn">编辑</li>
        </ul>
    </header>
    <section class="border-none padding-top">
        <img src="../../image/buycar-none.png" class="border-none-img" />
        <p>去买点什么</p>
    </section>
    <section class="order-list mask-hidden white-back padding-top">
    </section>
    <div class="h50" style="height: 2rem"></div>
    <div class="buy-btn" id="buy-cancel">
        <ul>
            <li class="buy-btn-left"><img src="../../image/checkun.png" class="check-all" /> 全选<span class="total" style="float:right;    padding-right: 0.2rem;">合计：￥<span class="total-money">0.00</span></span></li>
            <li class="to-pay" style="border-right:none;"><span class="to-pay-text">结 算</span><span class="pay-total">(0)</span></li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/jquery.tap.js"></script>
<script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript">
var _storeid = '';
var _minid = '';
var _page = '1';
apiready = function() {
    _storeid = api.pageParam.storeid;
    setFixStatusBar();
    getRouteData();
};

function getRouteData() {
    $.ajax({
        url: siteurl + 'v2/order/cart',//'?do=getbuycar',
        data: {
            buyer_id: $api.getStorage("memberid"),
            store_id: _storeid,
            page: _page
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            // console.log(datas)
            if (datas.result) {
                var _html = '';
                if ( _page == 1 ) {
                    _html += '<div class="order-list-title font-rem11"><img src="' + siteurl + "uploads/home/store/" + _storeid + "/" + datas.data.store.store_avatar + '"/> ' + datas.data.store.store_name + '</div>';
                }
                $.each(datas.data.cart_list, function(index, item2) {
                    // $.each(item.goods, function(index2, item2) {
                        var arr = item2.goods_name.split(" ");
                        var name_arr = arr[0];
                        var size_arr = item2.goods_name.replace(name_arr, "");
                        var _goodsname = limitNumber(name_arr, 8);
                        _html += '<div class="order-list-goods p'+item2.goods_id+'" keyid="' + item2.goods_id + '" style="position:relative;"><ul><li style="width: 0.5rem;line-height: 1.73rem;"><img src="../../image/checkun.png" class="check-btn" style="width: 0.3rem;height: 0.3rem;"/></li><li><img src="' + siteurl + "uploads/home/store/goods/" + item2.goods_image.substr(0, item2.goods_image.indexOf("\_")) + "/" + item2.goods_image + '"/></li>';
                        _html += '<li class="order-list-right"><span class="font-rem11">' + _goodsname + '</span><p>' + size_arr + '  x <span class="goods_num">' + item2.goods_num + '</span></p>';
                        _html += '<div class="buycar-price">￥<span class="goods_price">' + item2.goods_price + '<span></div></li></ul></div>';
                        _html += '<div class="add-num" id="btn_n'+item2.goods_id+'" pid="p'+item2.goods_id+'"><ul><li class="num-down">-</li><li><input class="buy-num" id="buy-num" type="tel" value="' + item2.goods_num + '"/></li>';
                        _html += '<li style="border-right:none;" class="num-up">+</li></ul></div></div>';
                        _html += '<div class="h2"></div>';
                    // });

                });
                if (_page == 1) {
                    //
                    $(".border-none").addClass("mask-hidden");
                    $(".order-list").removeClass("mask-hidden");
                    $(".order-list").html(_html);
                } else {
                    $(".order-list").append(_html);
                }
                getTotal();
                function_name();
                if (datas.data.cart_list.length == 0) {
                    $(".order-list").addClass("mask-hidden");
                }
                if (datas.data.cart_list.length > 0) {
                    // _minid = datas[datas.length - 1].order_id;
                    _page++;
                } else {
                    api.toast({ msg: '没有更多数据...' });
                }
            } else {
                errcode(datas, datas.code);
            }
        }
    });
}

var isEdit = false;
$(".more-btn").on("tap", function() {
    if (!isEdit) {
        $(".more-btn").html("取消");
        $(".total").addClass("mask-hidden");
        $(".to-pay-text").html("删除");
        isEdit = true;
    } else {
        $(".more-btn").html("编辑");;
        $(".total").removeClass("mask-hidden");
        $(".to-pay-text").html("结算");
        isEdit = false;
    }
    return false;
})

$(".order-list").on("tap", ".num-up", function() {
    var _addnum = $(this).parents(".add-num");
    var _num = parseInt(_addnum.find("#buy-num").val()) + 1;
    _addnum.find("#buy-num").val(_num);
    var pid = '.'+$(this).parents(".add-num").attr("pid")+' .goods_num';
    $(pid).html(_num);
    getTotal();
    changenum();
    return false;
})

$(".order-list").on("tap", ".num-down", function() {
    var _addnum = $(this).parents(".add-num");
    var _num = 1;
    if (parseInt(_addnum.find("#buy-num").val()) > 1) {
        _num = parseInt(_addnum.find("#buy-num").val()) - 1;
        _addnum.find("#buy-num").val(_num);
    }
    var pid = '.'+$(this).parents(".add-num").attr("pid")+' .goods_num';
    $(pid).html(_num);
    getTotal();
    changenum();
    return false;
});

function changenum(recid, num) {
    $.ajax({
        url: rooturl + '?do=changenum',
        data: {
            recid: recid,
            num: num,
        },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            console.log(datas)
            push_car_num();
        }
    });
    
}

//触发更新购物车数的函数
function push_car_num (){
    api.execScript({
        name: 'showgoods',
        script: 'chkfavorite();'
    })
}

function up_order_num (recid, num){
    $.ajax({
        url: siteurl + 'v1/order/og_num',
        data: {
            rec_id: recid,
            num: num
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            if (datas.result) {
                //
            } else {
                errcode(datas, datas.code);
            }
        }
    })
}

function getcheckall(){
    var no = $(".order-list-goods").length;
    var nox = $(".order-list-goods [src$='checkun.png']").length;
    var noc = $(".order-list-goods [src$='checked.png']").length;
    if (no == noc) {
        $(".check-all").attr("src", "../../image/checked.png");
    } else {
        $(".check-all").attr("src", "../../image/checkun.png");
    }
    $(".pay-total").html(noc);
}

$(".check-all").on("tap", function() {
    if ($(this).attr("src") == "../../image/checkun.png") {
        $(this).attr("src", "../../image/checked.png");
        $(".check-btn").attr("src", "../../image/checked.png");
    } else {
        $(this).attr("src", "../../image/checkun.png");
        $(".check-btn").attr("src", "../../image/checkun.png");
    }
    getTotal();
    return false;
})
$(".order-list").on("tap", ".order-list-goods", function() {
    if ($(this).find(".check-btn").attr("src") == "../../image/checkun.png") {
        $(this).find(".check-btn").attr("src", "../../image/checked.png");
    } else {
        $(this).find(".check-btn").attr("src", "../../image/checkun.png");
    }
    getcheckall();
    getTotal();
    return false;
})
var _totalMoney = 0.00;
var _len = 0;

function getTotal() {
    _totalMoney = 0.00;
    _len = 0;
    $(".total-money").html(_totalMoney);
    $(".pay-total").html("(" + _len + ")");
    $(".order-list-goods").each(function() {
        if ($(this).find(".check-btn").attr("src") == "../../image/checked.png") {
            _totalMoney = _totalMoney + parseFloat($(this).find(".goods_price").html()) * $(this).find(".goods_num").html();
            _len += parseFloat($(this).find(".goods_num").html());
        }
        $(".total-money").html(_totalMoney.toFixed(2));
        $(".pay-total").html("(" + _len + ")");
    })
    if ($(".order-list-goods").length == 0) {
        $(".order-list").empty();
        $(".border-none").removeClass("mask-hidden");
    }
}
$(".to-pay").on("tap", function() {
    var _ids = [];
    if (_len == 0) {
        api.toast({ msg: '请选择商品！' });
        return false;
    }
    if (isEdit == true) {
        $(".order-list-goods").each(function() {
            if ($(this).find(".check-btn").attr("src") == "../../image/checked.png") {
                $(this).remove();
                _ids.push($(this).attr("keyid"));
                $("#btn_n"+$(this).attr("keyid")).remove();
            }
        })
        if ($(".order-list-goods").length == 0) {
            $(".order-list").empty();
            $(".order-list").addClass("mask-hidden");
            $(".border-none").removeClass("mask-hidden");
        }
        toast_loding_show();
        getcheckall()

        $.ajax({
            url: siteurl + 'v2/order/cart_drop',//'?do=delbuycar',
            data: {
                buyer_id: $api.getStorage("memberid"),
                store_id: _storeid,
                ids: _ids.toString()
            },
            headers: { "X-TOKEN": $api.getStorage("accesstoken") },
            dataType: 'json',
            type: 'post',
            success: function(datas) {
                toast_loding_hide();
                if (datas.result) {
                    api.toast({ msg: '删除成功！' });
                    getTotal();
                    push_car_num();
                } else {
                    errcode(datas, datas.code);
                }
            }
        });
    } else {
        var date = new Date;
        var year = date.getFullYear();
        var timestamp = year + "" + (new Date()).valueOf();
        var _goodsx = [];
        if ($(".order-list-goods").length > 0) {
            $(".order-list-goods").each(function() {
                if ($(this).find(".check-btn").attr("src") == "../../image/checked.png") {
                    _goodsx.push({"goods_id": $(this).attr("keyid"), "buy_num": $(this).find(".goods_num").text()});
                }
            })
            $.ajax({
                url: siteurl + 'v1/order/save_og',
                data: {
                    store_id: _storeid,
                    goods: JSON.stringify(_goodsx)
                },
                headers: { "X-TOKEN": $api.getStorage("accesstoken") },
                dataType: 'json',
                type: 'post',
                success: function(datas) {
                    console.log(datas)
                    if (datas.result) {
                        //
                        api.openWin({
                            name: 'postaddr',
                            url: './postaddr.html',
                            bounces: false,
                            pageParam: {
                                gorderid: datas.data.order_id,
                                storeid: _storeid
                            }
                        });
                    } else {
                        errcode(datas, datas.code);
                    }
                }
            });
        } else {
            api.toast({ msg: '请选择商品！' });
        }
    }
    return false;
})
</script>

</html>