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;
	});
	$(".icon-daohang1").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(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=[];
			$.each(merchant.product,function(id,item){
				html.push('<li class="mui-table-view-cell mui-media" product_type="'+item.product_type+'" data-id="'+item.id+'">');
				html.push('<div class="product-img mui-pull-left">');
				html.push('<img class="product-lazy" data-original="'+imgUrl+item.product_main_img+'">');
				if(item.order_hour<=0){
					html.push('<span class="img-icon">免预约</span>')
				}
				html.push('</div>');
				html.push('<div class="mui-media-body pl10">');
				html.push('<p class="product-title mui-ellipsis-2">'+item.product_name+'</p>');
				html.push('<p class="product-price items">');
				html.push('<em class="item"><b>¥</b>'+item.product_price+'<span class="del-line color3 ml5">'+item.product_old_price+'元</span></em>');
				if(new Date(item.end_time.replace(/-/g, "/"))<new Date()){
					html.push('<span class="mui-btn mui-btn-grey">已结束</span>');
				}else{
					if(item.sale_num>=item.product_num){
						html.push('<span class="mui-btn mui-btn-grey">已抢完</span>');
					}else{
						html.push('<span class="mui-btn mui-btn-primary">马上抢</span>');
					}
				}
				html.push('</p>');
				html.push('<p class="main-color items product-time">');
				html.push('<span class="item end_time"></span>');
				html.push('<span>'+item.visit_num+'人关注</span>');
				html.push('</p>');
				html.push('</div>');
				html.push('</li>');
			});
			$(".productList").html(html.join(""));
			$("img.product-lazy").lazyload({
				threshold : 200,
				effect: "fadeIn",
				placeholder: base+'/static/mobile/image/100.gif',
				skip_invisible : false
			});
		}else{
			$(".productList").remove();
		}
		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; 
}