listorder.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. <extend name="Public:pinduoduobase" />
  2. <block name="content">
  3. <link rel="stylesheet" href="__PUBLIC__/pinduoduo/assets/css/tuanbonus.css">
  4. <div id="main">
  5. <div id="spike-list">
  6. <div class="my-memvers">
  7. <section class="member-count">
  8. <h2 class="member-count-title">
  9. <i class="icon-chunk-gray"><i class="icon-chunk-blue"></i></i><span>推荐订单数据</span>
  10. </h2>
  11. <div class="row member-count-row">
  12. <div class="small-4 columns member-count-column">
  13. <span class="member-count-label">今日新增</span>
  14. <em class="member-count-number">{$today_count}</em>
  15. </div>
  16. <div class="small-4 columns member-count-column">
  17. <span class="member-count-label">昨日新增</span>
  18. <em class="member-count-number">{$yes_count}</em>
  19. </div>
  20. <div class="small-4 columns member-count-column">
  21. <span class="member-count-label">订单总数</span>
  22. <em class="member-count-number">{$total_count}</em>
  23. </div>
  24. </div>
  25. </section>
  26. <section class="member-browse">
  27. <h2 class="member-browse-title">
  28. <i class="icon-chunk-gray"><i class="icon-chunk-blue"></i></i>
  29. <span>详细订单记录</span>
  30. </h2>
  31. <ul class="member-browse-ul" id="tuan_list">
  32. <?php foreach($list as $val){ ?>
  33. <li class="member-browse-li">
  34. <div class="row member-browse-summey">
  35. <a class="member-browse-summey-info" href="javascript:;">
  36. <div class="member-browse-nt">
  37. <span class="member-browse-name" style="font-weight:bold;">
  38. 订单:<?php echo $val['order_num_alias']; ?>
  39. <span class="pro-price">【<?php echo $val['status_name']; ?>】</span>
  40. </span>
  41. </div>
  42. </a>
  43. </div>
  44. <div class="member-browser-pro-list">
  45. <a class="member-browser-pro-a" href="javascript:;">
  46. <span class="pro-img">
  47. <img src="<?php echo $val['image']; ?>" />
  48. </span>
  49. <p class="pro-info">
  50. <span class="pro-name" style="color:#999;"><?php echo $val['name']; ?></span>
  51. <span class="pro-price">
  52. <?php if($val['state'] ==0){ ?>
  53. 预估佣金:
  54. <?php }else if($val['state'] ==1){ ?>
  55. 已获佣金:
  56. <?php }else if($val['state'] ==2){ ?>
  57. 退回佣金:
  58. <?php }else if($val['state'] ==3){ ?>
  59. 预估佣金:
  60. <?php }?>
  61. <strong>+<?php echo $val['money']; ?></strong>
  62. </span>
  63. <span class="pro-price">&nbsp;&nbsp;&nbsp;&nbsp;数量:<strong><?php echo $val['quantity']; ?></strong></span>
  64. </p>
  65. </a>
  66. </div>
  67. <div class="row member-browse-summey">
  68. <a class="member-browse-summey-info" href="javascript:;">
  69. <div class="member-browse-nt">
  70. <span class="member-browse-name" style="color:#999;">
  71. 购买人:<?php echo $val['uname']; ?>&nbsp;&nbsp;&nbsp;&nbsp;金额:<?php echo $val['total']; ?> <br>日期:<?php echo $val['addtime']; ?>
  72. </span>
  73. </div>
  74. </a>
  75. </div>
  76. </li>
  77. <?php } ?>
  78. </ul>
  79. </section>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="center" id="center_pullup" style="display:none;">
  84. <span><img class="img_rotate" src="__PUBLIC__/pinduoduo/assets/img/pull_loading_8eba142.png"/>
  85. </span><span class="orders_text"></span>
  86. </div>
  87. <style>
  88. .center {
  89. width: 170px;
  90. margin: 0 auto;
  91. text-align: center;
  92. }
  93. .img_rotate {
  94. width: 30px;
  95. height: 30px;
  96. margin-top: 7px;
  97. margin-right: 5px;
  98. -webkit-animation: loading 1s linear 0s infinite;
  99. }
  100. @-webkit-keyframes loading {
  101. 0% {
  102. -webkit-transform: rotate(0);
  103. }
  104. 100% {
  105. -webkit-transform: rotate(360deg);
  106. }
  107. }
  108. .orders_text {
  109. line-height: 45px;
  110. font-weight: 700;
  111. font-size: 15px;
  112. }
  113. </style>
  114. <script>
  115. var offset = 0;
  116. var _pa = 2;
  117. var is_can_next = 1;
  118. var cur_url = "{:U('Spike/index')}";
  119. var req_step = 1;
  120. function loaddata()
  121. {
  122. var totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); //浏览器的高度加上滚动条的高度
  123. if ($(document).height() <= totalheight+200) //当文档的高度小于或者等于总的高度的时候,开始动态加载数据
  124. {
  125. if(is_can_next == 1)//加载数据
  126. {
  127. is_can_next = 0;
  128. nextpage();
  129. }
  130. }
  131. }
  132. function nextpage()
  133. {
  134. $('#center_pullup').show();
  135. $.ajax(
  136. {
  137. url: "{:U('Sharebonus/listorder', array('state' => $state))}",
  138. type:'post',
  139. data:{page:_pa},
  140. dataType: 'json',
  141. success: function(result){
  142. if(result.code == 1)
  143. {
  144. $('#tuan_list').append(result.html);
  145. $('#center_pullup').hide();
  146. _pa++;
  147. is_can_next = 1;
  148. } else if(result.code == 0) {
  149. $('#center_pullup').hide();
  150. is_can_next = 0;
  151. $('#center_pullup').remove();
  152. }
  153. }
  154. }
  155. );
  156. }
  157. $(function(){
  158. nextpage();
  159. $(window).scroll( function() {
  160. loaddata();
  161. });
  162. })
  163. </script>
  164. </block>