order_detail.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. {extend name="base"/}
  2. {block name="resources"}
  3. <style>
  4. .layui-colla-content li { line-height: 30px; }
  5. </style>
  6. {/block}
  7. {block name="main"}
  8. <div class="layui-card card-common card-brief">
  9. <div class="layui-card-header">
  10. <span class="card-title">订单详情</span>
  11. </div>
  12. <div class="layui-card-body">
  13. <div class="layui-form-item">
  14. <label class="layui-form-label">订单号:</label>
  15. <div class="layui-input-block len-mid">
  16. <p class="input-text len-mid">{$order.data.order_no}</p>
  17. </div>
  18. </div>
  19. <div class="layui-form-item">
  20. <label class="layui-form-label">交易号:</label>
  21. <div class="layui-input-block len-mid">
  22. <p class="input-text len-mid">{$order.data.out_trade_no}</p>
  23. </div>
  24. </div>
  25. <div class="layui-form-item">
  26. <label class="layui-form-label">订单类型:</label>
  27. <div class="layui-input-block len-mid">
  28. <p class="input-text len-mid">{$order.data.order_type == 1 ? '开卡' : '续费'}</p>
  29. </div>
  30. </div>
  31. <div class="layui-form-item">
  32. <label class="layui-form-label">订单状态:</label>
  33. <div class="layui-input-block len-mid">
  34. <p class="input-text len-mid">
  35. {switch name="$order.data.order_status"}
  36. {case value="0"}待支付{/case}
  37. {case value="1"}已支付{/case}
  38. {case value="-1"}已关闭{/case}
  39. {/switch}
  40. </p>
  41. </div>
  42. </div>
  43. <div class="layui-form-item">
  44. <label class="layui-form-label">客户头像:</label>
  45. <div class="layui-input-block len-mid">
  46. <p class="input-text len-mid">
  47. <img class="member_img" src="{:img($order.data.headimg)}" width="40px" onerror="this.src = '{:img('public/static/img/default_img/head.png')}' ">
  48. </p>
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <label class="layui-form-label">客户昵称:</label>
  53. <div class="layui-input-block len-mid">
  54. <p class="input-text len-mid">{$order.data.nickname}</p>
  55. </div>
  56. </div>
  57. <div class="layui-form-item">
  58. <label class="layui-form-label">会员卡名称:</label>
  59. <div class="layui-input-block len-mid">
  60. <p class="input-text len-mid">{$order.data.level_name}</p>
  61. </div>
  62. </div>
  63. <div class="layui-form-item">
  64. <label class="layui-form-label">购买时长:</label>
  65. <div class="layui-input-block len-mid">
  66. <p class="input-text len-mid">
  67. {switch name="$order.data.period_unit"}
  68. {case value="week"}一周{/case}
  69. {case value="month"}一月{/case}
  70. {case value="quarter"}一季{/case}
  71. {case value="year"}一年{/case}
  72. {/switch}
  73. </p>
  74. </div>
  75. </div>
  76. <div class="layui-form-item">
  77. <label class="layui-form-label">订单金额:</label>
  78. <div class="layui-input-block len-mid">
  79. <p class="input-text len-mid">{$order.data.order_money}</p>
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label class="layui-form-label">下单时间:</label>
  84. <div class="layui-input-block len-mid">
  85. <p class="input-text len-mid">{:time_to_date($order.data.create_time)}</p>
  86. </div>
  87. </div>
  88. {if $order.data.order_status eq 1}
  89. <div class="layui-form-item">
  90. <label class="layui-form-label">支付方式:</label>
  91. <div class="layui-input-block len-mid">
  92. <p class="input-text len-mid">{$order.data.pay_type_name}</p>
  93. </div>
  94. </div>
  95. <div class="layui-form-item">
  96. <label class="layui-form-label">支付时间:</label>
  97. <div class="layui-input-block len-mid">
  98. <p class="input-text len-mid">{:date('Y-m-d H:i:s', $order.data.pay_time)}</p>
  99. </div>
  100. </div>
  101. {/if}
  102. <div class="form-row">
  103. <button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
  104. </div>
  105. </div>
  106. </div>
  107. {/block}
  108. {block name="script"}
  109. <script>
  110. function back() {
  111. location.href = ns.url("memberrecharge://shop/memberrecharge/order_lists");
  112. }
  113. </script>
  114. {/block}