buying/WebContent/static/mobile/js/integralDetail.js

var id=mobile.getUrlVars("id");
var integral;
var productExchange;
var data;
mui.init();
/**
 *初始化、添加监听 
 */
mui.ready(function(){
	getIntegral();
	getById();
	//返回顶部
	$(".gotop").on("click",function(){
		$('html,body').animate({ scrollTop: 0 }, 500);
	});
	$("#segmentedControls .mui-control-item").on('tap',function(){
		$('html,body').animate({ scrollTop: $("#productInfo").height()+$("#slider").height()+10+55}, 500);
	});
	$("#toOrder").on("tap",'.main-bgcolor',function(){
		var qty = parseInt($('.mui-input-numbox').val());
		if(productExchange.exchange_integral*qty<=integral){
			location.href=base+'/mobile/integralOrderConfirm.jsp?exchangeId='+id+'&qty='+qty;
		}else{
			return layer.open({content:'您的积分不足',time:3});
		}
	});
	$(window).scroll(function() {
		var top = $("#productInfo").height()+$('header').height()+$("#slider").height()+55; 
	    var scrolls = $(this).scrollTop();
	    if (scrolls> top) {
	        if (window.XMLHttpRequest) {
	            $("#segmentedControls").css("position","fixed");
	            $("#segmentedControls").css("top","34px");
	        } else {
	            $("#segmentedControls").css("top",scrolls);
	        }
	        $(".gotop").fadeIn();
	     }else {
	    	$("#segmentedControls").css("position","absolute");
	        $("#segmentedControls").css("top",top);
	        $(".gotop").fadeOut();
	    }
    });
});

//获取积分
function getIntegral() {
	mobile.ajaxPost(base + '/userIntegral/getIntegral', {}, function(json) {
		integral = json.data;
	},"");
}
//获取商品信息
function getById(){
	mobile.ajaxPost(base+"/productExchange/getById",{id:id},function(json){
		productExchange = json.data;
		getProductDetail();
	});
}
//获取商品信息
function getProductDetail(){
	mobile.ajaxPost(base+"/product/getById",{id:productExchange.product_id},function(json){
		if(json.success){
			data = json.data;
			console.info(data);
			var arr = [];
			if(data.product_img_1){
				arr.push(data.product_img_1);
			}
			if(data.product_img_2){
				arr.push(data.product_img_2);
			}
			if(data.product_img_3){
				arr.push(data.product_img_3);
			}
			$(".product-img-border img").attr("src",imgUrl+data.product_main_img);
			$(".productName").html(data.product_name);
			$(".productDesc").html(data.product_desc);
			$(".saleNum").html('<span class="color1 fs12">价值'+data.product_price+'元</span>');
			$(".product-price").append('<span class="fs24">'+productExchange.exchange_integral+'</span><span class="fs14">积分</span>');
			if(data.product_detail){
				$("#item1").html(data.product_detail);
			}else{
				$("#item1").html('<span class="fs14 color2">暂无信息</span>');
			}
			$("#item2").html('<span class="fs14 color2">暂无信息</span>');
			$('.mui-content').removeClass('mui-hidden');
			$('.mui-bar-tab').removeClass('mui-hidden');
			initSlider(arr);
			//获取评价
			getComment();
		}else{
			layer.open({content: json.msg,time: 3});
		}
	});
}
function initSlider(arr){
	$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
			'<img src="'+imgUrl+arr[arr.length-1]+'" >'+
		'</div>');
	if(arr.length>1){//数量大于1定时滚动
		for(var i=0;i<arr.length;i++){
			$("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
						'<img src="'+imgUrl+arr[i]+'" >'+
				'</div>');
			if(i==0){
				$("#slider .mui-slider-indicator").append('<div class="mui-indicator mui-active"></div>');
			}else{
				$("#slider .mui-slider-indicator").append('<div class="mui-indicator"></div>');
			}
		}
	}else{//数量等于1
		$("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
					'<img src="'+imgUrl+arr[0]+'" >'+
			'</div>');
	}
	$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
			'<img src="'+imgUrl+arr[0]+'" >'+
		'</div>');
	if(arr.length>1){
		var slider = mui("#slider");
		slider.slider({
			interval: 3000
		});
	}
}
//获取评价
function getComment(){
	mobile.ajaxPost(base+"/userOrderComment/getList",{productId:id},function(json){
		if(json.success){
			if(json.data&&json.data.length>0){
				var html=[];
				$.each(json.data,function(id,item){
					if(!item.nickname){
						item.nickname="匿名用户";
					}
					if(!item.headimgurl){
						item.headimgurl=base+"static/mobile/image/avatar.png";
					}
					html.push('<li class="mui-table-view-cell mui-media">');
					html.push('<div class="mui-media-body">');
					html.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
					html.push('<div class="mui-inline lh24 mr5">'+item.nickname+'</div>');
					html.push('<div class="icons mui-inline lh24">');
					for(var i=0;i<parseInt(item.comment_rank);i++){
						html.push('<i class="mui-icon mui-icon-star-filled"></i>');
					}
					for(var i=0;i<5-parseInt(item.comment_rank);i++){
						html.push('<i class="mui-icon mui-icon-star"></i>');
					}
					html.push('</div>');
					html.push('<p class="color1 mb5">'+item.comment_content+'</p>');
					html.push('<p class="fs12">'+item.create_time+'</p>');
					html.push('</div>');
					html.push('</li>');
				});
				$("#item3 ul").html(html.join(""));
			}else{
				$("#item3").html('<div class="fs14 color2 pd15 bgcolor1">暂无评价</div>');
			}
		}else{
			layer.open({content: json.msg,time: 3});
		}
	},"");
}