(function(){//订单卡片模版
var itemTmpl = '
'
''+
'
'
'
$poi_name
'+'
'
'
'
'
'
'$getComment'+
'
* 渲染评价按钮
* @param {}*/
functiongetComment(data){var evaluation = !data.is_comment;if(evaluation) {return '
'
'
}/**
* 渲染总计菜品
* @param {}*/
functiongetTotalPrice(data){var str = '
'...'+
'
'总计'+data.product_count+'个菜,实付'+
'¥'+data.total+''+
'
'
}/**
* 渲染具体商品
* @param {}*/
functiongetProduct(data){var list = data.product_list ||[];
list.push({type:'more'});var str = '';
list.forEach(function(item){if (item.type === 'more') {
str+=getTotalPrice(data)
}else{
str+= '
+item.product_name+
'
+item.product_count+
'
'
}
})returnstr;
}/**
* 渲染列表
* @param []*/
functioninitContentList(list){
list.forEach(function(item){var str = itemTmpl.replace('$poi_pic',item.poi_pic)
.replace('$poi_name',item.poi_name)
.replace('$status_description',item.status_description)
.replace('$getProduct',getProduct(item))
.replace('$getComment',getComment(item));
$('.order-list').append(str);
});
}var page = 0;var isLoading = false;/**
* 请求数据
* @param*/
functiongetList(){
page++;
isLoading= true;
$.get('../json/orders.json', function(data){
setTimeout(function(){
console.log(data);var list = data.data.digestlist ||[];
initContentList(list);
isLoading= false;
},1000);
});
}functionaddEvent(){
window.addEventListener('scroll', function(){var clientHeight =document.documentElement.clientHeight;var scrollHeight =document.body.scrollHeight;var scrollTop = document.documentElement.scrollTop ||document.body.scrollTop;var preDis = 30;if (scrollTop + clientHeight >= (scrollHeight -preDis)) {if (page < 3) {if(isLoading) {return;
}
getList();
}else{
$('.loading').text('加载完成');
}
}
});
}functioninit(){
getList();
addEvent();
}
init();
})();