merchantComment.js 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. var id=mobile.getUrlVars("id");
  2. mui.init();
  3. mui.previewImage();
  4. /**
  5. *初始化、添加监听
  6. */
  7. mui.ready(function(){
  8. getComment();
  9. });
  10. //查询订单
  11. function getComment(){
  12. mobile.ajaxPost(base+"/userOrderComment/getList",{merchantId:id},function(json){
  13. if(json.data&&json.data.length>0){
  14. $("#item1").append()
  15. var html1=[];
  16. var html2=[];
  17. var i = 0;
  18. $("#segmentedControls .mui-control-item").eq(0).html("全部("+json.data.length+")");
  19. $.each(json.data,function(id,item){
  20. if(!item.nickname){
  21. item.nickname="匿名用户";
  22. }
  23. if(!item.headimgurl){
  24. item.headimgurl=base+"static/mobile/image/avatar.png";
  25. }
  26. html1.push('<li class="mui-table-view-cell mui-media">');
  27. html1.push('<div class="mui-media-body">');
  28. html1.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
  29. html1.push('<div class="mui-inline lh24 mr5 fs14">'+item.nickname+'</div>');
  30. html1.push('<p class="color1 mb5">'+item.comment_content+'</p>');
  31. html1.push('<p class="fs12">'+item.create_time+'</p>');
  32. if(item.comment_pic1){
  33. html1.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'" src="'+imgUrl+item.comment_pic1+'"/>');
  34. }
  35. if(item.comment_pic2){
  36. html1.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'" src="'+imgUrl+item.comment_pic2+'"/>');
  37. }
  38. if(item.comment_pic3){
  39. html1.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'" src="'+imgUrl+item.comment_pic3+'"/>');
  40. }
  41. html1.push('</div>');
  42. html1.push('</li>');
  43. if(item.comment_pic1){
  44. i++;
  45. html2.push('<li class="mui-table-view-cell mui-media">');
  46. html2.push('<div class="mui-media-body">');
  47. html2.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
  48. html2.push('<div class="mui-inline lh24 mr5 fs14">'+item.nickname+'</div>');
  49. html2.push('<p class="color1 mb5">'+item.comment_content+'</p>');
  50. html2.push('<p class="fs12">'+item.create_time+'</p>');
  51. if(item.comment_pic1){
  52. html2.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'-'+i+'" src="'+imgUrl+item.comment_pic1+'"/>');
  53. }
  54. if(item.comment_pic2){
  55. html2.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'-'+i+'" src="'+imgUrl+item.comment_pic2+'"/>');
  56. }
  57. if(item.comment_pic3){
  58. html2.push('<img class="comment-img" data-preview-src="" data-preview-group="'+id+'-'+i+'" src="'+imgUrl+item.comment_pic3+'"/>');
  59. }
  60. html2.push('</div>');
  61. html2.push('</li>');
  62. }
  63. });
  64. $("#segmentedControls .mui-control-item").eq(1).html("有图("+i+")");
  65. $("#item1 ul").html(html1.join(""));
  66. $("#item2 ul").html(html2.join(""));
  67. }else{
  68. mobile.tip("#item1","暂无评价","","");
  69. mobile.tip("#item2","暂无评价","","");
  70. }
  71. });
  72. }