ordersMsg.htm 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. ##tlayout("www/layout.htm"){
  2. <nav class="my-nav">
  3. <ul class="container list-unstyled nav-list clearfix">
  4. <li><a href="/user">个人中心</a></li>
  5. <li class="active"><a href="/user/orders">我的订单</a></li>
  6. <li><a href="/user/diy">我的定制</a></li>
  7. <li><a href="/user/address">收货地址</a></li>
  8. </ul>
  9. </nav>
  10. <section class="container">
  11. <div class="row my-detail">
  12. <div class="col-sm-8">
  13. <h3 class="order-number">
  14. 订单号:${orders.code!}
  15. ##if(orders.status!=2 || orders.status!=3){
  16. <span class="glyphicon glyphicon-trash" onclick="deleteOrders('${orders.code!}')">&nbsp;删除订单</span>
  17. ##}
  18. </h3>
  19. <div class="order-title" style="margin-top: 10px;">
  20. 订单信息
  21. ##if(orders.status==0){
  22. <span style="margin-left: 50px;">未付款</span>
  23. ##}else if(orders.status==1){
  24. <span style="margin-left: 50px;">付款确认中</span>
  25. ##}else if(orders.status==2){
  26. <span style="margin-left: 50px;">待发货</span>
  27. ##}else if(orders.status==3){
  28. <span style="margin-left: 50px;">已发货</span>
  29. ##}else if(orders.status==4){
  30. <span style="margin-left: 50px;">已收货</span>
  31. ##}else if(orders.status==5){
  32. <span style="margin-left: 50px;">已完成</span>
  33. ##}else{
  34. <span style="margin-left: 50px;">退款中</span>
  35. ##}
  36. </div>
  37. <div class="address">
  38. <p>收件人:${orders.take_name!}&nbsp;&nbsp;${orders.take_phone!}</p>
  39. <p>收件地址:${orders.take_area_msg!}&nbsp;&nbsp;${orders.take_address!}&nbsp;&nbsp;${orders.take_post_code!}</p>
  40. ##if(orders.remark!=null && orders.remark!=""){
  41. <p>备注信息:${orders.remark!}</p>
  42. ##}
  43. ##if(orders.invoice_name!=null && orders.invoice_name!=""){
  44. <p>发票信息:${orders.invoice_name!}&nbsp;&nbsp;${orders.invoice_number!}</p>
  45. ##}
  46. <p>创建时间:${orders.create_date!,dateFormat='yyyy-MM-dd HH:mm:ss'}</p>
  47. ##if(orders.payment_date!=null && orders.payment_date!=""){
  48. <p>付款时间:${orders.payment_date!,dateFormat='yyyy-MM-dd HH:mm:ss'}</p>
  49. ##}
  50. ##if(orders.tracking_date!=null && orders.tracking_date!=""){
  51. <p>发货时间:${orders.tracking_date!,dateFormat='yyyy-MM-dd HH:mm:ss'}</p>
  52. ##}
  53. ##if(orders.received_date!=null && orders.received_date!=""){
  54. <p>确认收货时间:${orders.received_date!,dateFormat='yyyy-MM-dd HH:mm:ss'}</p>
  55. ##}
  56. ##if(orders.tracking_code!=null && orders.tracking_code!=""){
  57. <p>物流信息:${orders.tracking_company!}&nbsp;&nbsp;<a href="/user/trackingMsg?code=${orders.code!}" target="_blank">${orders.tracking_code!}</a></p>
  58. ##}
  59. ##if(orders.payment!=null && orders.payment!=""){
  60. ##if(orders.payment==1){
  61. <p>付款信息:微信支付</p>
  62. ##}else if(orders.payment==2){
  63. <p>付款信息:银行卡支付</p>
  64. <p>收款银行卡账号:${orders.to_bank_number!}</p>
  65. <p>收款持有人姓名:${orders.to_bank_name!}</p>
  66. <p>收款开户行:${orders.to_bank_type!}</p>
  67. <p>收款开户支行:${orders.to_bank_address!}</p>
  68. <p>转出银行卡账号:${orders.from_bank_number!}</p>
  69. <p>转出持有人姓名:${orders.from_bank_name!}</p>
  70. ##}else{
  71. <p>付款信息:支付宝支付</p>
  72. ##}
  73. ##}
  74. </div>
  75. <div class="order-title">商品信息(${diy_list.~size!})</div>
  76. <div class="order-list">
  77. ##for(_item in diy_list!){
  78. <div class="order-item clearfix">
  79. <div class="item-img pull-left"><img src="${_item.diy_img_url!}" class="img-responsive" /></div>
  80. <div class="item-title">
  81. <h5 class="ellipsis">${_item.diy_title!}</h5>
  82. <p class="describe">${_item.diy_remark!}</p>
  83. <p class="describe">${_item.bottle_title!}&nbsp;|&nbsp;${_item.bottle_type_title!}</p>
  84. </div>
  85. <div class="item-num">¥${_item.item_price!} * ${_item.item_number!}箱</div>
  86. <div class="item-price">¥${_item.subtotal!}</div>
  87. </div>
  88. ##}
  89. </div>
  90. </div>
  91. <div class="col-sm-4">
  92. <div class="order-box">
  93. <div class="order-info">
  94. <h4>价格信息</h4>
  95. <p class="clearfix"><span class="pull-left">商品小计</span><span class="pull-right">¥${orders.subtotal!}</span></p>
  96. <p class="clearfix"><span class="pull-left">运费</span><span class="pull-right">¥${orders.freight_price!}</span></p>
  97. <hr />
  98. <p class="clearfix"><strong class="pull-left">总计</strong><strong class="pull-right">¥${orders.grand_total!}</strong></p>
  99. </div>
  100. <div class="order-list">
  101. ##if(orders.status==0){
  102. <a href="/shop/payment?code=${orders.code!}">
  103. <button type="button" class="btn btn-lightblue btn-lg btn-block">立即付款</button>
  104. </a>
  105. ##}else if(orders.status==3){
  106. <button type="button" class="btn btn-lightblue btn-lg btn-block" onclick="reciveTracking('${orders.code!}')">确认收货</button>
  107. ##}else if(orders.status==4){
  108. <button type="button" class="btn btn-lightblue btn-lg btn-block" onclick="refund('${orders.code!}')">申请退款</button>
  109. ##}
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </section>
  115. <script>
  116. function deleteOrders(code){
  117. if(confirm("确定要删除该订单?")){
  118. $.post("/user/deleteOrders",{code:code},function(data){
  119. alert(data.msg);
  120. if(data.success){
  121. window.location.href="/user/orders";
  122. }
  123. });
  124. }
  125. }
  126. function reciveTracking(code){
  127. if(confirm("确定要确认收货?")){
  128. $.post("/user/reciveTracking",{code:code},function(data){
  129. alert(data.msg);
  130. if(data.success){
  131. location.reload();
  132. }
  133. });
  134. }
  135. }
  136. function refund(code){
  137. if(confirm("确定要申请退款?")){
  138. $.post("/user/refund",{code:code},function(data){
  139. alert(data.msg);
  140. if(data.success){
  141. location.reload();
  142. }
  143. });
  144. }
  145. }
  146. </script>
  147. ##}