prints.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <include file="weixin@block:header"/>
  2. <!--<title>兑换订单</title>-->
  3. <link rel="stylesheet" href="/static/weixin/css/order-index.css?v={$version}">
  4. <div id="app" v-cloak>
  5. <header class="zyw-header">
  6. <div class="zyw-container white-color">
  7. <div class="head-l">
  8. <a href="/" target="_self"><img
  9. src="/static/weixin/img/svg/head-return.svg" alt=""></a>
  10. </div>
  11. <h1>打印订单</h1>
  12. </div>
  13. </header>
  14. <div class="weui-navbar">
  15. <div class="weui-navbar__item on">
  16. 全部订单
  17. </div>
  18. <div class="weui-navbar__item">
  19. 待支付
  20. </div>
  21. <div class="weui-navbar__item">
  22. 待打印
  23. </div>
  24. <div class="weui-navbar__item">
  25. 已完成
  26. </div>
  27. </div>
  28. <section class="zyw-container weui-list">
  29. <div class="data-list">
  30. <div class="weui-panel weui-panel_access" v-for="(item,k) in dataList">
  31. <div class="weui-panel__bd">
  32. <div class="title">
  33. <span class="no">订单编号:{{item.order_sn}}</span>
  34. <span class="status" v-if="item.status == 1">待支付</span>
  35. <span class="status delivery" v-else-if="item.status == 2" @click="rePrint(item.id)">打印取件</span>
  36. <span class="status success" v-else-if="item.status == 3">已完成</span>
  37. <span class="status error" v-else-if="item.status == 5">已取消</span>
  38. </div>
  39. <div class="weui-media-box weui-media-box_appmsg">
  40. <div class="weui-media-box__bd">
  41. <div class="box">
  42. <div v-if="item.user_type==4" class="name" >用户:<span v-text="item.user_nickname"></span></div>
  43. <div v-else-if="item.shop_name" class="name" >商家:<span v-text="item.shop_name"></span></div>
  44. <div class="num">设备:<span v-text="item.device_name"></span></div>
  45. <div class="num">价格 <span v-text="item.price|0"></span>元/页</div>
  46. <div class="num">总页数 <span v-text="item.pages"></span>页</div>
  47. </div>
  48. </div>
  49. </div>
  50. <div class="total">共计{{item.nums}}份 总金额:<span v-text="item.total"></span></div>
  51. </div>
  52. </div>
  53. <div v-if="dataList.length<=0" class="empty">
  54. <img src="/static/weixin/img/no-pic.png" width="80" height="80">
  55. </div>
  56. </div>
  57. </section>
  58. </div>
  59. <script src="/static/weixin/js/print-order.js?v={$version}"></script>
  60. <include file="weixin@block:footer"/>