collage.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <include file="weixin@block:header"/>
  2. <title>拼团打印</title>
  3. <link rel="stylesheet" href="/static/weixin/css/print.css?v={$version}">
  4. <div id="app" v-clock>
  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 class="head-r">
  13. <a href="/weixin/print/collage" target="_self">发起拼团</a>
  14. </div>
  15. </div>
  16. </header>
  17. <section class="zyw-container weui-list">
  18. <div class="weui-panel weui-panel_access" v-for="(item,k) in dataList">
  19. <div class="weui-panel__bd">
  20. <div class="weui-media-box weui-media-box_appmsg">
  21. <div class="weui-media-box__hd">
  22. <div class="weui-media-box__img">
  23. <img class="weui-media-box__thumb" :src="item.avatar? item.avatar : '/static/weixin/img/avatar.png'" width="48" height="48" onerror="javascript:this.src='/static/weixin/img/no-pic.png';">
  24. </div>
  25. <div class="weui-device__name">{{item.device_name}}机器</div>
  26. </div>
  27. <div class="weui-media-box__bd">
  28. <div class="box lt">
  29. <span v-text="item.user_nickname"></span>
  30. </div>
  31. <div class="box rt">
  32. <div class="text-item title">还差<span id="num" v-text="item.remain_cluster_nums">0</span>人成团</div>
  33. <div v-if="item.collage_status==2" :id="'time_'+item.id" class="text-item time">00<span>:</span>00<span>:</span>00</div>
  34. <div v-else-if="item.collage_status==3" :id="'time_'+item.id" class="text-item time">已结束</div>
  35. <div v-else :id="'time_'+item.id" class="text-item time">未开始</div>
  36. </div>
  37. <div class="op">
  38. <a v-if="item.remain_cluster_nums" @click="collage(item.id,item.remain_cluster_nums)">去拼团</a>
  39. <a v-else >已成团</a>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <div v-if="dataList.length<=0" class="empty">
  46. <img src="/static/weixin/img/no-pic.png" width="80" height="80">
  47. </div>
  48. </section>
  49. </div>
  50. <script src="/static/weixin/js/collage.js?v={$version}"></script>
  51. <include file="weixin@block:footer"/>