buying/WebContent/static/mobile/js/userCart.js

mui.init();
/**
 *初始化、添加监听 
 */
var list=[];
mui.ready(function(){
	getList();
	mobile.getCartNum();
	$('.mui-bar-tab').on('tap', 'a', function(e) {
		location.href=$(this).attr("href");
	});
	//跳转
	$('#segmentedControlContents').on('tap','li',function(){
		location.href=base+'/mobile/productDetail.jsp?id='+$(this).attr('data-id');
	});
	//修改数量
	$('.mui-table-view').on('tap','.mui-btn-numbox-minus',function(e){
		e.stopPropagation();
		var id = list[$(this).parents('li').index()].cart_id;
		var qty = $(this).parents('li').find('.mui-input-numbox').val();
		updateNum(id,qty);
	});
	//修改数量
	$('.mui-table-view').on('tap','.mui-btn-numbox-plus',function(e){
		e.stopPropagation();
		var id = list[$(this).parents('li').index()].cart_id;
		var qty = $(this).parents('li').find('.mui-input-numbox').val();
		updateNum(id,qty);
	});
	//选择
	$('.mui-table-view').on('change','input[name="product"]',function(e){
		changeNum();
	});
	//全选
	$('input[name="all"]').on('change',function(e){
		var list = $('input[name="product"]');
		if(e.target.checked){
			list.each(function(){
				this.checked = true;
			});
			changeNum();
		}else{
			list.each(function(){
				this.checked = false;
			});
			changeNum();
		}
	});
	//编辑
	$('.mui-btn-link').on('tap',function(){
		if($(this).html()=='编辑'){
			$(this).html('完成');
			$('#toOrder').html('删除');
			$('#toOrder').removeClass('main-bgcolor');
			$('#toOrder').addClass('bgcolor4');
			$('.item.mui-text-right.pr15').hide();
		}else{
			$(this).html('编辑');
			$('#toOrder').html('结算(<span id="sumNum">0</span>)');
			$('#toOrder').removeClass('bgcolor4');
			$('#toOrder').addClass('main-bgcolor');
			$('.item.mui-text-right.pr15').show();
			changeNum();
		}
	});
	//结算
	$('.mui-bar-tab').on('tap','#toOrder.main-bgcolor',function(){
		var ids=[];
		$('input[name="product"]').each(function(){
			if(this.checked){
				ids.push(list[$(this).parents('li').index()].id);
			}
		});
		if(ids.length>0){
			location.href=base+'/mobile/userOrderConfirm.jsp?productId='+ids.join(',');
		}else{
			layer.open({content:'请选择商品',time:3});
		}
	});
	//结算
	$('.mui-bar-tab').on('tap','#toOrder.bgcolor4',function(){
		var ids=[];
		$('input[name="product"]').each(function(){
			if(this.checked){
				ids.push(list[$(this).parents('li').index()].cart_id);
			}
		});
		if(ids.length>0){
			mobile.ajaxPost(base+'/userCart/delete',{id:ids.join(',')},function(json){
				getList();
				if(json.data!=0){
					$('.mui-bar-tab .icon-gouwuche .mui-badge').html(json.data);
					$('.mui-bar-tab .icon-gouwuche .mui-badge').removeClass('mui-hidden');
				}else{
					$('.mui-bar-tab .icon-gouwuche .mui-badge').addClass('mui-hidden');
				}
			});
		}else{
			layer.open({content:'请选择商品',time:3});
		}
	});
});
/**
 *获取列表
 */
function getList(){
	mobile.ajaxPost(base+'/userCart/getList',{},function(json){
		$('.mui-table-view').empty();
		if(json.data&&json.data.length>0){
			list = json.data;
			var html= [];
			$.each(json.data,function(id,item){
				html.push('<li class="mui-table-view-cell items items-top">');
				html.push('<div class="mui-checkbox item-cb pr10">');
				html.push('<input name="product" type="checkbox">');
				html.push('</div>');
				html.push('<div class="product-img">');
				html.push('<img src="'+imgUrl+item.product_main_img+'">');
				html.push('</div>');
				html.push('<div class="mui-media-body item pl10">');
				html.push('<p class="product-title">'+item.product_name+'</p>');
				html.push('<p class="product-price lh30">');
				html.push('<em class="fs16"><b>¥</b>'+item.product_price+'</em>');
				html.push('<span class="mui-numbox mui-pull-right" data-numbox-min="1">');
				html.push('<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>');
				html.push('<input class="mui-input-numbox" type="number" readonly value="'+item.product_qty+'">');
				html.push('<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>');
				html.push('</span>');
				html.push('</p>');
				html.push('</div>');
				html.push('</li>');
			});
			$('.mui-table-view').html(html.join(''));
			mui('.mui-numbox').numbox();
			document.querySelector('input[name="all"]').checked=true;
			$('input[name="all"]').trigger("change");
		}else{
			mobile.tip('.mui-content','暂无商品');
			$('.mui-btn-link').hide();
			$('#toOrder').parents('.mui-bar-tab').hide();
		}
		changeNum();
	});
}

/**
 *修改数量
 */
function updateNum(id,qty){
	mobile.ajaxPost(base+'/userCart/updateNum',{id:id,qty:qty},function(json){
		if(json.data){
			if(json.data!=0){
				$('.mui-bar-tab .icon-gouwuche .mui-badge').html(json.data);
				$('.mui-bar-tab .icon-gouwuche .mui-badge').removeClass('mui-hidden');
			}else{
				$('.mui-bar-tab .icon-gouwuche .mui-badge').addClass('mui-hidden');
			}
			changeNum();
		}
	});
}

function changeNum(){
	var sumPrice=0;
	var sumNum=0;
	var flag=false;
	$('input[name="product"]').each(function(){
		if(this.checked){
			var num = parseInt($(this).parents('li').find('.mui-input-numbox').val());
			var price = parseFloat(list[$(this).parents('li').index()].product_price);
			sumNum+=num;
			sumPrice+=num*price;
			flag=true;
		}else{
			flag=false;
		}
	});
	$('#sumNum').html(sumNum);
	$('.mui-bar-tab .product-price').html('<em class="fs16"><b>¥</b>'+mobile.toDecimal(sumPrice)+'</em>');
	var all=document.querySelector('input[name="all"]'); 
	if(flag){
		all.checked = true;
	}else{
		all.checked = false;
	}
}