index.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <extend name="public/base" />
  2. <block name="title">
  3. <title>{$seo.title|default=$site_info.site_name.' - 消费记录'}</title>
  4. </block>
  5. <block name="main">
  6. <div class="wrap">
  7. <div class="recordsUl">
  8. </div>
  9. <div style="height: 2.3rem;width: 100%"></div>
  10. <div class="return-group" style="position: absolute; left: 0;bottom: 0;width: 100%">
  11. <button class="btn-primary" returntolist>返回列表</button>
  12. </div>
  13. </div>
  14. </block>
  15. <block name="otherScript">
  16. <script>
  17. $(function () {
  18. $.ajax({
  19. url: "{:url('/cfloat/order/get_list')}",
  20. data: {
  21. 'format': 'json'
  22. },
  23. type: "POST",
  24. dataType: 'json',
  25. success: res => {
  26. console.log(res)
  27. if(res.code == 200){
  28. if(res.data.count <= 0){
  29. $('.recordsUl').append(`<p style="color: white; font-size: 16px;height: 30px;text-align: center;line-height: 30px;padding-top: 50%;">暂无消费记录...</p>`)
  30. }else{
  31. $('.recordsUl').html('')
  32. for(let i=0; i<res.data.list.length;i++){
  33. $('.recordsUl').append(`<li>
  34. <div class="records-left">
  35. <p>充值账号:</p>
  36. <p>订单号:</p>
  37. <p>充值时间:</p>
  38. <p>订单金额:</p>
  39. <p>实付金额:</p>
  40. <p>支付状态:</p>
  41. </div>
  42. <div class="records-right">
  43. <p>{$user_info.username}</p>
  44. <p>${res.data.list[i].order_id}</p>
  45. <p>${dateTransform(res.data.list[i].pay_time)}</p>
  46. <p>${res.data.list[i].amount}</p>
  47. <p>${res.data.list[i].real_amount}</p>
  48. <p>成功</p>
  49. </div>
  50. </li>`)
  51. }
  52. }
  53. }
  54. }
  55. })
  56. })
  57. </script>
  58. </block>