var id=mobile.getUrlVars("id");
mui.init();
mui.previewImage();
/**
 *初始化、添加监听 
 */
mui.ready(function(){
	getComment();
});

//查询订单
function getComment(){
	mobile.ajaxPost(base+"/userOrderComment/getList",{merchantId:id},function(json){
		if(json.data&&json.data.length>0){
			$("#item1").append()
			var html1=[];
			var html2=[];
			var i = 0;
			$("#segmentedControls .mui-control-item").eq(0).html("全部("+json.data.length+")");
			$.each(json.data,function(id,item){
				if(!item.nickname){
					item.nickname="匿名用户";
				}
				if(!item.headimgurl){
					item.headimgurl=base+"static/mobile/image/avatar.png";
				}
				html1.push('<li class="mui-table-view-cell mui-media">');
				html1.push('<div class="mui-media-body">');
				html1.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
				html1.push('<div class="mui-inline lh24 mr5 fs14">'+item.nickname+'</div>');
				html1.push('<p class="color1 mb5">'+item.comment_content+'</p>');
				html1.push('<p class="fs12">'+item.create_time+'</p>');
				if(item.comment_pic1){
					html1.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'" src="'+imgUrl+item.comment_pic1+'"/>');
				}
				if(item.comment_pic2){
					html1.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'" src="'+imgUrl+item.comment_pic2+'"/>');
				}
				if(item.comment_pic3){
					html1.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'" src="'+imgUrl+item.comment_pic3+'"/>');
				}
				html1.push('</div>');
				html1.push('</li>');
				if(item.comment_pic1){
					i++;
					html2.push('<li class="mui-table-view-cell mui-media">');
					html2.push('<div class="mui-media-body">');
					html2.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
					html2.push('<div class="mui-inline lh24 mr5 fs14">'+item.nickname+'</div>');
					html2.push('<p class="color1 mb5">'+item.comment_content+'</p>');
					html2.push('<p class="fs12">'+item.create_time+'</p>');
					if(item.comment_pic1){
						html2.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'-'+i+'" src="'+imgUrl+item.comment_pic1+'"/>');
					}
					if(item.comment_pic2){
						html2.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'-'+i+'" src="'+imgUrl+item.comment_pic2+'"/>');
					}
					if(item.comment_pic3){
						html2.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'-'+i+'" src="'+imgUrl+item.comment_pic3+'"/>');
					}
					html2.push('</div>');
					html2.push('</li>');
				}
			});
			$("#segmentedControls .mui-control-item").eq(1).html("有图("+i+")");
			$("#item1 ul").html(html1.join(""));
			$("#item2 ul").html(html2.join(""));
		}else{
			mobile.tip("#item1","暂无评价","","");
			mobile.tip("#item2","暂无评价","","");
		}
	});
}