var id=mobile.getUrlVars("id");
var data;
var detailId;
mui.init();
/**
 *初始化、添加监听 
 */
mui.ready(function(){
	getDetail();
	mui('.mui-input-group').on('change', 'input', function() {
		if(this.checked){
			detailId = $(this).parents(".mui-radio").attr("data-id");
			$("#total_amt").html("¥"+$(this).parents(".mui-radio").attr("amt"));
		}
	});
	$(".mui-bar-tab").on("tap",".main-bgcolor",function(){
		if(!detailId){
			layer.open({content:"请选择要购买的水票",time:3});
			return;
		}
		mobile.ajaxPost(base+"/userCardOrder/save",{id:detailId},function(json){
			if(json.data){
				history.replaceState(null, "", base+"/mobile/card.jsp");
				location.href=base+"/mobile/userOrderPay.jsp?id="+json.data+"&type=card";
			}else{
				layer.open({content:'结算失败，请重试',time:3});
			}
		});
	});
});

//获取商品信息
function getDetail(){
	mobile.ajaxPost(base+"/productCard/getById",{id:id},function(json){
		if(json.success){
			data = json.data;
			$("#card_img").attr("src",imgUrl+data.card_img);
			$(".productName").html(data.card_name);
			$(".saleNum").html('<p class="mb0">销量：'+data.sale_num+'</p>');
			$("#price").append('<p class="mb0">原价：¥'+data.original_price+'/桶</p>');
			$.each(data.list,function(id,item){
				$(".mui-input-group").append('<div class="mui-input-row mui-radio" data-id="'+item.id+'" amt="'+item.total_amt+'">'+
						'<label><span class="product-price pr15">¥'+item.total_amt+'元</span>'+item.name+'</label>'+
						'<input name="radio" type="radio">'+
					'</div>');
			});
			$('.mui-content').removeClass('mui-hidden');
			$('.mui-bar-tab').removeClass('mui-hidden');
		}else{
			layer.open({content: json.msg,time: 3});
		}
	});
}