userOrder.js 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. var orderStatus=mobile.getUrlVars("orderStatus");
  2. mui.init();
  3. var tap=[0,0,0,0];
  4. mui.ready(function(){
  5. if(orderStatus){
  6. $('[orderStatus="'+orderStatus+'"]').addClass('mui-active');
  7. $('[orderStatus="'+orderStatus+'"]').siblings().removeClass('mui-active');
  8. tap[$('[orderStatus="'+orderStatus+'"]').index()]=1;
  9. $("#item"+($('[orderStatus="'+orderStatus+'"]').index()+1)).addClass('mui-active');
  10. $("#item"+($('[orderStatus="'+orderStatus+'"]').index()+1)).siblings().removeClass('mui-active');
  11. }
  12. getList();
  13. mui('#segmentedControls').on('tap','.mui-control-item:not(.mui-active)',function(e){
  14. if(tap[$(this).index()]==0){
  15. orderStatus = $(this).attr('orderStatus');
  16. tap[$('[orderStatus="'+orderStatus+'"]').index()]=1;
  17. getList();
  18. }
  19. });
  20. $(".mui-control-content").on("tap",".product-detail",function(e){
  21. e.stopPropagation();
  22. if ($(this).attr("product_type")=="10"){
  23. location.href=base+"/mobile/productDetail.jsp?id="+$(this).attr("data-id");
  24. }else if ($(this).attr("product_type")=="20"){
  25. location.href=base+"/mobile/cutProductDetail.jsp?id="+$(this).attr("data-id");
  26. }
  27. });
  28. $(".mui-control-content").on("tap",".fukuan",function(e){
  29. e.stopPropagation();
  30. location.href=base+"/mobile/userOrderDetail.jsp?id="+$(this).parents(".mui-table-view").attr("data-id");
  31. });
  32. $(".mui-control-content").on("tap",".pingjia",function(e){
  33. e.stopPropagation();
  34. location.href=base+"/mobile/userOrderComment.jsp?id="+$(this).parents(".mui-table-view").attr("data-id");
  35. });
  36. });
  37. function getList(){
  38. orderStatus=orderStatus==null?'':orderStatus;
  39. mobile.ajaxPost(base+'/userOrder/getList',{orderStatus:orderStatus=='all'?'':orderStatus},function(json){
  40. var html=[];
  41. console.info(json.data);
  42. if(json.data&&json.data.length>0){
  43. $.each(json.data,function(id,item){
  44. if(item.order_status=="99"){
  45. return;
  46. }
  47. if(orderStatus=="30"&&item.comment_flag=="1"){
  48. return;
  49. }
  50. html.push('<ul class="mui-table-view fs14 mt10 product" data-id="'+item.id+'">');
  51. html.push('<li class="mui-table-view-cell items">');
  52. html.push('<span class="item">'+item.create_time+'</span>');
  53. if(item.order_status=="10"){
  54. html.push(' <span class="main-color">待付款</span>');
  55. }else if(item.order_status=="20"){
  56. html.push(' <span class="main-color">待使用</span>');
  57. }else if(item.order_status=="30"){
  58. html.push(' <span class="main-color">交易完成</span>');
  59. }
  60. html.push('</li>');
  61. $.each(item.list,function(id2,item2){
  62. html.push('<li class="mui-table-view-cell mui-media product-detail" product_type="'+item2.product_type+'" data-id="'+item2.id+'">');
  63. html.push('<div class="product-img mui-pull-left">');
  64. html.push('<img src="'+imgUrl+item2.product_main_img+'">');
  65. if(item2.order_hour<=0){
  66. html.push('<span class="img-icon">免预约</span>')
  67. }
  68. html.push('</div>');
  69. html.push('<div class="mui-media-body pl10">');
  70. html.push('<p class="product-merchant mui-ellipsis">'+item2.merchant_name+'</p>');
  71. html.push('<p class="product-title mui-ellipsis-2 fs12">'+item2.product_name+'</p>');
  72. html.push('<p class="product-price items">');
  73. html.push('<em class="item"><b>¥</b>'+item2.product_price+'<span class="del-line color3 ml5">'+item2.product_old_price+'元</span></em>');
  74. html.push('<span class="color2 fs14">x'+item2.product_qty+'</span></p>');
  75. html.push('</div>');
  76. html.push('</li>');
  77. });
  78. if(item.order_status=="10"){
  79. html.push('<li class="mui-table-view-cell">');
  80. html.push('<div class="mui-pull-right">');
  81. html.push('<button type="button" class="fukuan mui-btn mui-btn-primary">去付款</button>');
  82. html.push('</div>');
  83. html.push('</li>');
  84. }if(item.order_status=="20"){
  85. html.push('<li class="mui-table-view-cell">');
  86. html.push('<div class="mui-pull-right">');
  87. if (item.list[0]&&item.list[0].order_num&&!item.order_date) {
  88. html.push('<button type="button" class="fukuan mui-btn mui-btn-primary">去预约</button>');
  89. }else {
  90. html.push('<button type="button" class="fukuan mui-btn mui-btn-primary">去使用</button>');
  91. }
  92. html.push('</div>');
  93. html.push('</li>');
  94. }else if(item.order_status=="30"){
  95. if(item.comment_flag!="1"){
  96. html.push('<li class="mui-table-view-cell">');
  97. html.push('<div class="mui-pull-right">');
  98. html.push('<button type="button" class="pingjia mui-btn mui-btn-primary">去评价</button>');
  99. html.push('</div>');
  100. html.push('</li>');
  101. }
  102. }
  103. html.push('</ul>');
  104. });
  105. }
  106. $("#item"+($('[orderStatus="'+orderStatus+'"]').index()+1)).html(html.join(""));
  107. if($("#item"+($('[orderStatus="'+orderStatus+'"]').index()+1)+" .mui-table-view").length==0){
  108. mobile.tip("#item"+($('[orderStatus="'+orderStatus+'"]').index()+1)+"","您还没有相关订单",'','');
  109. }
  110. });
  111. }
  112. function updateStatus(id,orderStatus){
  113. mobile.ajaxPost(base+'/userOrder/updateStatus',{
  114. id:id,orderStatus:orderStatus
  115. },function(json){
  116. layer.open({content: '操作成功',time: 3});
  117. getList();
  118. });
  119. }