index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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="/weixin/member/index" 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" style="padding-bottom:50px;">
  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="delivery(item);">确认收货</span>
  36. <span class="status success" v-else-if="item.status == 3">已完成</span>
  37. <span class="status error" v-else-if="item.status == 4">失败已退还</span>
  38. </div>
  39. <div class="weui-media-box weui-media-box_appmsg">
  40. <div class="weui-media-box__hd">
  41. <div class="weui-media-box__img">
  42. <img @click="showGoods(item.id)" class="weui-media-box__thumb" :src="item.thumb" onerror="javascript:this.src='/static/weixin/img/no-pic.png';" width="48" height="48">
  43. </div>
  44. </div>
  45. <div class="weui-media-box__bd">
  46. <div class="box">
  47. <div class="name" v-text="item.goods_name"></div>
  48. <div class="num">价格 <span v-text="item.score|0"></span>积分</div>
  49. <div class="num">规格 <span v-text="item.goods_sku? item.goods_sku : '无'"></span></div>
  50. <div class="num">价格 <span v-text="item.score|0"></span>积分</div>
  51. <div class="score"><span v-text="item.nums|0">0</span>份</div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="total">共计1件 积分总额:<span v-text="item.total"></span></div>
  56. </div>
  57. </div>
  58. <div v-if="dataList.length<=0" class="empty">
  59. <img src="/static/weixin/img/no-pic.png" width="80" height="80">
  60. </div>
  61. </div>
  62. </section>
  63. </div>
  64. <script src="/static/weixin/js/order.js?v={$version}"></script>
  65. <include file="weixin@block:footer"/>