No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

order_index.htm 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
  1. {include file="public/layout" /}
  2. <script type="text/javascript" src="__SKIN__/js/clipboard.min.js"></script>
  3. <body class="bodystyle" style="overflow-y: scroll; cursor: default; -moz-user-select: inherit;min-width:auto;">
  4. <div id="append_parent"></div>
  5. <div id="ajaxwaitid"></div>
  6. <div class="page" style="min-width:auto;padding-bottom: 15px;">
  7. <div class="flexigrid flexigrid-xin">
  8. <div class="header-bar">
  9. <div class="more" >
  10. <div class="search">
  11. <div class="content">
  12. <form id="postForm" action="{:url('Shop/users_edit_order_index')}" method="get" onsubmit="layer_loading('正在处理');" style="display: unset;">
  13. {$searchform.hidden|default=''}
  14. <input type="hidden" name="order_status" value="{$Request.param.order_status}">
  15. <input type="hidden" name="users_id" value="{$Request.param.users_id}">
  16. <div class="ey-form-item"><label class="users-form-item-label">订单号:</label>
  17. <div class="users-form-item-content">
  18. <div class="users-select">
  19. <div tabindex="0" class="users-select-selection">
  20. <!-- 订单号查询 -->
  21. <div class="sDiv2">
  22. <input type="text" size="50" name="order_code" id="order_code" value="{$Request.param.order_code}" class="qsbox" style="width: 170px;" placeholder="订单号">
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. <div class="ey-form-item" style="margin-left: 20px;">
  29. <div class="users-form-item-content">
  30. <span class="bt-xin" onclick="$('#postForm').submit();">查询</span>
  31. </div>
  32. </div>
  33. </form>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. </div>
  39. <div class="geduan-xin"></div>
  40. </div>
  41. <div class="page" style="min-width:auto;">
  42. <div class="flexigrid flexigrid-xin" style=" padding-right: 1px; ">
  43. <div class="tableDiv bubbleInfo">
  44. <table cellspacing="0" cellpadding="0" style="width: 100%;">
  45. <thead>
  46. <tr>
  47. <th> <div class="">商品信息</div> </th>
  48. <th class="w240"> <div class="">单价/数量</div> </th>
  49. <th class="w240"> <div class="">实付款</div> </th>
  50. <th class="w160"> <div class="">状态</div> </th>
  51. </tr>
  52. </thead>
  53. <tbody>
  54. {empty name="list"}
  55. <tr>
  56. <td class="no-data" align="center" axis="col0" colspan="50">
  57. <div class="">
  58. <div class="no_pic"><img src="__SKIN__/images/null-data.png"></div>
  59. </div>
  60. </td>
  61. </tr>
  62. {else/}
  63. {volist name="list" id="vo"}
  64. <tr class="order-empty"><td colspan="7"></td></tr>
  65. <tr>
  66. <td class="biaotou" colspan="7">
  67. <span class="mr15" style=" display: flex; flex-direction: row; align-items: center; ">
  68. <i class="iconfont e-shijian"></i>
  69. <span class="mr15">{$vo.add_time}</span>
  70. <span class="mr15">订单号:{$vo.order_code} <a class="copy order_code" onclick="OrderCopy();" data-clipboard-text="{$vo.order_code}">复制</a></span>
  71. </span>
  72. </td>
  73. </tr>
  74. <tr>
  75. {volist name="$vo.Details" id="do"}
  76. {eq name="$i" value="1"}
  77. <td>
  78. <div class="goods-detail">
  79. <div class="goods-image">
  80. <a href="{$do.arcurl}" target="_blank"><img src="{$do.litpic}"></a>
  81. </div>
  82. <div class="goods-info">
  83. <p class="goods-title">{eq name="$do.prom_type" value="0"}<span class="shi">实</span>{else/}<span>虚</span>{/eq}{$do.product_name}</p>
  84. <p class="goods-spec">{$do.data}</p>
  85. </div>
  86. </div>
  87. </td>
  88. <td class=""><p>¥{$do.product_price} X {$do.num}</p></td>
  89. {/eq}
  90. {/volist}
  91. <td class="" rowspan="{$vo.rowspan}">
  92. <p style="color: #636669; font-weight: 600;">¥{$vo.order_amount} <span style="font-weight: 400;">(含运费:¥{$vo.shipping_fee})</span></p>
  93. </td>
  94. <td class="" rowspan="{$vo.rowspan}">
  95. <p>
  96. <span class="zt {eq name='$vo.order_status' value='0'}show{else/}none{/eq}" style="color: #ff1f2c">待付款</span>
  97. <span class="zt {eq name='$vo.order_status' value='1'}show{else/}none{/eq}" style="color: #ff9900">待发货</span>
  98. <span class="zt {eq name='$vo.order_status' value='2'}show{else/}none{/eq}" style="color: #2d8cf0;">已发货</span>
  99. <span class="zt {eq name='$vo.order_status' value='3'}show{else/}none{/eq}" style="color: #19be6b;">已完成</span>
  100. <span class="zt {eq name='$vo.order_status' value='-1'}show{else/}none{/eq}" style="color: #939799;">已关闭</span>
  101. </p>
  102. </td>
  103. </tr>
  104. {volist name="$vo.Details" id="do"}
  105. {gt name="$i" value="1"}
  106. <tr>
  107. <td>
  108. <div class="goods-detail">
  109. <div class="goods-image">
  110. <a href="{$do.arcurl}" target="_blank"><img src="{$do.litpic}"></a>
  111. </div>
  112. <div class="goods-info">
  113. <p class="goods-title">{eq name="$do.prom_type" value="0"}<span class="shi">实</span>{else/}<span>虚</span>{/eq}{$do.product_name}</p>
  114. <p class="goods-spec">{$do.data}</p>
  115. </div>
  116. </div>
  117. </td>
  118. <td class=""><p>¥{$do.product_price} X {$do.num}</p></td>
  119. </tr>
  120. {/gt}
  121. {/volist}
  122. {/volist}
  123. {/empty}
  124. </tbody>
  125. </table>
  126. </div>
  127. {notempty name="list"}
  128. <div class="tDiv">
  129. <div class="tDiv2">
  130. {include file="public/page" /}
  131. </div>
  132. <div style="clear:both"></div>
  133. </div>
  134. {/notempty}
  135. </div>
  136. </div>
  137. <script type="text/javascript">
  138. $(function() {
  139. $('input[name*=ids]').click(function() {
  140. if ($('input[name*=ids]').length == $('input[name*=ids]:checked').length) {
  141. $('.checkAll').prop('checked','checked');
  142. } else {
  143. $('.checkAll').prop('checked', false);
  144. }
  145. });
  146. $('input[type=checkbox].checkAll').click(function(){
  147. $('input[type=checkbox]').prop('checked',this.checked);
  148. });
  149. });
  150. $(document).ready(function() {
  151. // 表格行点击选中切换
  152. $('#flexigrid > table>tbody >tr').click(function() {
  153. $(this).toggleClass('trSelected');
  154. });
  155. });
  156. // 订单号复制
  157. function OrderCopy() {
  158. var clipboard1 = new Clipboard(".order_code");
  159. clipboard1.on("success", function(e) {
  160. layer.msg("复制成功");
  161. });
  162. clipboard1.on("error", function(e) {
  163. layer.msg("复制失败!请手动复制", {icon: 5});
  164. });
  165. }
  166. </script>
  167. {include file="public/footer" /}