buying/WebContent/static/mobile/js/merchantDetail.js

$(function(){  
    pushHistory();  
    window.addEventListener("popstate", function(e) {  
    	location.href=base+"/mobile/index.jsp";
    }, false);   
});
function pushHistory() {  
	var state = {  
	    title: "title",  
	    url: "#"  
	};
	if(window.history.length==1){
		window.history.pushState(state, "title", "#");
	}
}
var id=mobile.getUrlVars("id");
var merchant;
mui.init();
/**
 *初始化、添加监听 
 */
mui.ready(function(){
	getMerchant();
	$(".productList").on("tap", "li", function(){
        if ($(this).attr("product_type")=="10"){
            location.href=base+"/mobile/productDetail.jsp?id="+$(this).attr("data-id");
        }else if ($(this).attr("product_type")=="20"){
            location.href=base+"/mobile/cutProductDetail.jsp?id="+$(this).attr("data-id");
        }
	});
	$(".icon-dianhua").on("tap",function(){
		location.href = 'tel:'+merchant.mobile;
	});
	$(".address").on("tap",function(){
		var locations=bd09togcj02(merchant.longitude,merchant.latitude);
		wx.ready(function(){
			wx.openLocation({
				latitude: locations[1], // 纬度，浮点数，范围为90 ~ -90
				longitude: locations[0], // 经度，浮点数，范围为180 ~ -180。
				name: merchant.merchant_name, // 位置名
				address: merchant.address, // 地址详情说明
				scale: 28, // 地图缩放级别,整形值,范围从1~28。默认为最大
				infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转
			});
		});
	});
});
//获取商品信息
function getMerchant(){
	mobile.ajaxPost(base+"/merchant/getMerchant",{id:id},function(json){
		merchant = json.data;
		console.info(json);
		share.title=merchant.merchant_name;
		//share.link=location.href;
		share.imgUrl=imgUrl+merchant.merchant_img1;
		$("title").html(merchant.merchant_name);
		$(".visit_num").html(merchant.visit_num);
		$(".merchant_name").html(merchant.merchant_name);
		$(".open_time").html("营业时间："+merchant.start_hour+"-"+merchant.end_hour);
		$(".address").html('<span class="mui-icon iconfont icon-shouhuodizhi fs15 color2"></span>'+ merchant.address);
		if(merchant.has_wifi=="1"){
			$(".has_wifi").removeClass("mui-hidden");
		}
		if(merchant.has_park=="1"){
			$(".has_park").removeClass("mui-hidden");
		}
		if(merchant.has_ac=="1"){
			$(".has_ac").removeClass("mui-hidden");
		}
		if(merchant.has_box=="1"){
			$(".has_box").removeClass("mui-hidden");
		}
		if(merchant.has_wifi=="0"&&merchant.has_park=="0"&&merchant.has_ac=="0"&&merchant.has_box=="0"){
			$(".has_wifi").parents("ul").remove();
		}
		var arr = [];
		if(merchant.merchant_img1){
			arr.push(merchant.merchant_img1);
		}
		if(merchant.merchant_img2){
			arr.push(merchant.merchant_img2);
		}
		if(merchant.merchant_img3){
			arr.push(merchant.merchant_img3);
		}
		if(merchant.product&&merchant.product.length>0){
			var html=[];
            jQuery.each(merchant.product,function(id,item){
                html.push('<a class="section-item" href="'+base+'/mobile/productDetail.jsp?id='+item.id+'">');
                html.push('<div class="image-box">');
                html.push('<img class="product-lazy" data-original="'+imgUrl+item.product_main_img+'" style="width: 100%; display: block;">');
                html.push('</div>');
                html.push('<div class="info-box">');
                html.push('<div class="info-title">'+item.product_name+'</div>');
                html.push('<div class="items">');
                html.push('<div class="product-price item"><em>¥'+item.product_price+'<span class="del-line color3 ml5">'+item.product_old_price+'元</span></em></div>')
                html.push('<div class="fs12 color3">关注：'+item.visit_num+'</div>')
                html.push('</div></div>');
                html.push('</a>');
            });
            $(".section-list").append(html.join(""));
            $("img.product-lazy").lazyload({
                threshold : 200,
                effect: "fadeIn",
                placeholder: base+'/static/mobile/image/100.gif',
                skip_invisible : false
            });
		}else{
			$(".productList").remove();
		}
        if (merchant.cut&&merchant.cut.length>0){
            var html = [];
            $.each(merchant.cut,function (id,item) {
                html.push('<div class="swiper-slide">');
                html.push('<a href="'+base+'/mobile/cutProductDetail.jsp?id='+item.id+'">');
                html.push('<img src="'+imgUrl+item.product_img_1+'">');
                html.push('<p class="color1 fs16 productName mb10 mt5 mui-ellipsis-2">'+item.product_name+'</p>');
                html.push('<div class="mui-table">');
                html.push('<div class="mui-table-cell mui-col-xs-6  product-price">');
                html.push('<span class="fs15"></span><span class="fs24">¥'+item.product_price+'</span>');
                html.push('<span class="fs13 del-line color3 ml5">'+item.product_old_price+'元</span>');
                html.push('</div>');
                html.push('<div class="mui-table-cell mui-col-xs-6 mui-text-right saleNum">');
                html.push('<span class="color2 fs12 pr5">关注：<span>'+item.visit_num+'</span> </span>');
                html.push('<span class="mui-btn mui-btn-primary">立即参与</span>');
                html.push('</div>');
                html.push('</div>');
                html.push('</a>');
                html.push('</div>');
            });
            $("#cut .swiper-wrapper").html(html.join(""));
            swiper();
        }else{
            $("#cut").hide();
        }
		initSlider(arr);
		if(merchant.merchant_detail){
			$("#detail").html(merchant.merchant_detail);
			$("img.lazy").lazyload({
				threshold : 50,
				effect: "fadeIn",
				placeholder: base+'/static/mobile/image/500.gif',
				skip_invisible : false
			});
		}else{
			$("#detail").html('<span class="fs14 color2">暂无信息</span>');
		}
		$('.mui-content').removeClass('mui-hidden');
		$('.mui-bar-tab').removeClass('mui-hidden');
	});
}

function initSlider(arr){
	$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
			'<a href="#">'+
			'<img class="slider-lazy" data-original="'+imgUrl+arr[arr.length-1]+'" >'+
			'</a>'+
		'</div>');
	if(arr.length>1){//数量大于1定时滚动
		for(var i=0;i<arr.length;i++){
			$("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
					'<a href="#">'+
						'<img class="slider-lazy" data-original="'+imgUrl+arr[i]+'" >'+
					'</a>'+
				'</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">'+
				'<a href="#">'+
					'<img class="slider-lazy" data-original="'+imgUrl+arr[0]+'" >'+
					'</a>'+
			'</div>');
	}
	$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
			'<a href="#">'+
			'<img src="'+imgUrl+arr[0]+'" >'+
			'</a>'+
		'</div>');
	if(arr.length>1){
		var slider = mui("#slider");
		slider.slider({
			interval: 3000
		});
	}
	$("img.slider-lazy").lazyload({
		threshold : 200,
		placeholder: base+'/static/mobile/image/500.gif',
		skip_invisible : false
	});
}
function getCollect(){
	mobile.ajaxPost(base+"/userCollect/getById",{productId:id},function(json){
		if(json.data){
			data.collect="1";
			$("#collect .mui-icon").removeClass('mui-icon-star');
			$("#collect .mui-icon").addClass('mui-icon-star-filled price-color');
			$("#collect .mui-tab-label").html('已收藏');
		}
	},"");
}
//获取评价
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});
		}
	},"");
}
function checkTime(i){ // 将0-9的数字前面加上0，例1变为01
  if(i<10) { 
    i = "0" + i; 
  } 
  return i; 
}
function swiper() {
    if ($("#cut .swiper-slide").length>1){
        var mySwiper2 = new Swiper ('#cut-swiper', {
            loop: true,
            autoplay: 3000,//可选选项，自动滑动
            // 如果需要分页器
            pagination: '#cut-pagination',
            paginationType : 'fraction',
            autoplayDisableOnInteraction : false
        });
    }
}