buying/WebContent/static/mobile/js/cutProductList.js

mui.init();
var pageNumber = 1;
var pageSize=10;
var droploader;
/**
 *初始化、添加监听 
 */
mui.ready(function(){
	//getNav();
	getProduct(0);
	$('.mui-bar-tab').on('tap', 'a', function(e) {
		location.href=$(this).attr("href");
	});
	$(".mui-segmented-control").on("tap",".mui-control-item",function(e){
		pageNumber=1;
		$(".product").empty();
		$(".dropload-down").remove();
		getProduct($(this).index());
	});
	//跳转
	$(".product").on('tap','li',function(){
		location.href=base+'/mobile/cutProductDetail.jsp?id='+$(this).attr('data-id');
	});
});

/**
 *获取导航
 */
function getNav(){
	mobile.ajaxPost(base+'/wxNav/getList',{},function(json){
		$(".nav").empty();
		if(json.data){
			$.each(json.data,function(id,item){
				if(item.type=="10"){//轮播
					$(".nav").append('<div id="slider" class="mui-slider">'+
							'<div class="mui-slider-group mui-slider-loop">'+
							'</div>'+
							'<div class="mui-slider-indicator">'+
							'</div>'+
						'</div>');
					$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
							'<a href="'+item.list[item.list.length-1].nav_url+'">'+
								'<img class="slider-lazy" data-original="'+imgUrl+item.list[item.list.length-1].nav_img+'" >'+
							'</a>'+
						'</div>');
					if(item.list.length>1){//数量大于1定时滚动
						$.each(item.list,function(id2,item2){
							$("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
									'<a href="'+item2.nav_url+'">'+
										'<img class="slider-lazy" data-original="'+imgUrl+item2.nav_img+'" >'+
									'</a>'+
								'</div>');
							if(id2==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="'+item.list[0].nav_url+'">'+
									'<img class="slider-lazy" data-original="'+imgUrl+item.list[0].nav_img+'" >'+
								'</a>'+
							'</div>');
					}
					$("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
							'<a href="'+item.list[0].nav_url+'">'+
								'<img src="'+imgUrl+item.list[0].nav_img+'" >'+
							'</a>'+
						'</div>');
					if(item.list.length>1){
						var slider = mui("#slider");
						slider.slider({
							interval: 3000
						});
					}
				}
			});
			//$(".nav").append('<div class="tabbar"></div>');
			$("img.slider-lazy").lazyload({
				threshold : 200,
				effect: "fadeIn",
				placeholder: base+'/static/mobile/image/500.gif',
				skip_invisible : false
			});
		}
	},"");
}

/**
 *获取导航
 */
function getProduct(type){
    if (droploader){
        droploader.lock();
        droploader.noData();
        droploader.resetload();
    }
	if(!type){
		type=0;
	}
    droploader = $('.product-content').dropload({
	        scrollArea : window,
	        loadDownFn : function(me){
				mobile.ajaxPost(base+'/product/getCutList',{
					type: type,
					pageSize: pageSize,
					pageNumber: pageNumber
				},function(json){
					if(json.list&&json.list.length>0){
						if(pageNumber==json.totalPage){
	                        me.lock();
	                        me.noData();
						}else{
							pageNumber++;
						}
						var html=[];
						jQuery.each(json.list,function(id,item){
							html.push('<li class="mui-table-view-cell mui-media" data-id="'+item.id+'">');
							html.push('<div class="product-img mui-pull-left">');
							html.push('<img src="'+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-merchant mui-ellipsis">'+item.merchant_name+'</p>');
							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>');
							if(item.share_price&&user.is_share=="1"){
								html.push('<span class="fs12 pl5" style="color:#e69809">佣金¥'+item.share_price+'</span></em>')
							}else{
								html.push('</em>')
							}
							if(item.time_status==0){
								html.push('<span class="mui-btn mui-btn-primary">立即参与</span>');
							}else if(item.time_status==1){
								html.push('<span class="mui-btn mui-btn-grey">已抢完</span>');
							}else if(item.time_status==2){
								html.push('<span class="mui-btn mui-btn-grey">已结束</span>');
							}else{
                                html.push('<span class="mui-btn mui-btn-grey">已过期</span>');
                            }
							html.push('</p>');
							html.push('<p class="main-color items product-time">');
							html.push('<span class="item end_time"></span>');
                            if(item.time_status!=3){
								html.push('<span>'+item.visit_num+'人关注</span>');
							}else{
								html.push('<span class="color2">'+item.visit_num+'人关注</span>');
							}
							html.push('</p>');
							html.push('</div>');
							html.push('</li>');
                            if(item.time_status!=3){
								clearInterval(interval);
		                        var interval= setInterval(function() {
		                        	var data_id=item.id;
		                        	var typeName;
		                        	var time;
		                        	var leftTime
		                        	if(item.time_status==0){
		                        		leftTime = (new Date(item.end_time.replace(/-/g, "/"))) - (new Date()); //计算剩余的毫秒数 
		                        		typeName = "结束";
		                        	}else{
		                        		leftTime = (new Date(item.use_time.replace(/-/g, "/"))) - (new Date()); //计算剩余的毫秒数 
		                        		typeName = "过期";
		                        	}
		                      	    var days = parseInt(leftTime / 1000 / 60 / 60 / 24 , 10); //计算剩余的天数 
		                      	    var hours = parseInt(leftTime / 1000 / 60 / 60 % 24 , 10); //计算剩余的小时 
		                      	    var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟 
		                      	    var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数 
		                      	    hours = checkTime(hours); 
		                      	    minutes = checkTime(minutes); 
		                      	    seconds = checkTime(seconds); 
		                      	    $("li[data-id='"+data_id+"'] .end_time").html("剩"+days+"天" + hours+"小时" + minutes+"分"+seconds+"秒"+typeName);  
		                        }, 1000);
							}
						});
						$(".product").append(html.join(""));
                        droploader.resetload();
						// $("img.product-lazy").lazyload({
						// 	threshold : 200,
						// 	effect: "fadeIn",
						// 	placeholder: base+'/static/mobile/image/100.gif',
						// 	skip_invisible : false
						// });
					}else{
                        droploader.lock();
                        droploader.noData();
                        droploader.resetload();
					}
		     });
        }
    });
}
function checkTime(i){ //将0-9的数字前面加上0，例1变为01 
  if(i<10) 
  { 
    i = "0" + i; 
  } 
  return i; 
}