C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
8.0 KiB

  1. <navbar back home text="拼团专场" background='#fff'></navbar>
  2. <view class='content-box' style='{{"padding-bottom:"+(lists.length>0?"200rpx":"0")+";padding-top:"+navigationBarHeight}}'>
  3. <!-- <view class='top' wx:if='{{flag=="spellList"&&list.length>0}}'>
  4. <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false">
  5. <c-banner wx:key="unique" list="{{list}}" />
  6. </view>
  7. </view> -->
  8. <!-- style='{{"margin-top:"+(list.length>0?"320rpx":"20rpx")+";"+"height:"+(list.length>0?"calc(100vh - 460rpx)":"calc(100vh - 160rpx)")}}' -->
  9. <view class='no-data01' wx:if='{{flag=="spellList"&&lists.length==0}}'>
  10. <image src='{{noCoupon}}'></image>
  11. <view class='no-data-text'>暂无数据</view>
  12. </view>
  13. <view class='no-data' wx:if='{{flag=="myspellList"&&lists.length==0}}'>
  14. <image src='{{noCoupon}}'></image>
  15. <view class='no-data-text'>暂无数据</view>
  16. </view>
  17. <view class='content'>
  18. <view class='sepll-list' wx:if='{{flag=="spellList"}}' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
  19. <view class='spell-left'>
  20. <image src='{{item.coverImg}}' mode="aspectFill"></image>
  21. </view>
  22. <view class='spell-centerH'>
  23. <view class='tilte'>{{item.title}}</view>
  24. <view class='remark'>{{item.subTitle}}</view>
  25. <view class='numBox'>
  26. <view class='spell-num'>{{item.pressLimitNum+'人团'}}</view>
  27. <view class='right-text'>剩余{{item.remainInventory}}</view>
  28. </view>
  29. <view class='price'>
  30. <view class='price01'>
  31. <text class='price-unit'>¥</text>
  32. <text class='price-numHr'>{{item.salePriceStr}}</text>
  33. <text class='price02'>¥{{item.priceStr}}</text>
  34. </view>
  35. <view class='right-button'>去拼团</view>
  36. </view>
  37. </view>
  38. </view>
  39. <view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'>
  40. <view class='spell-top'>
  41. <view class='spell-top-left' wx:if='{{item.orderStatus!=15&&item.orderStatus!=16&&!(item.orderStatus==13&&item.couponStatus==1)}}'>
  42. <view class='top-title' wx:if='{{item.remainPeople!=0}}'>距离成团还差</view>
  43. <view class='top-num' wx:if='{{item.remainPeople!=0}}'>{{item.remainPeople+'人'}}</view>
  44. <view class='top-title' style='color:#8C8C8C;' wx:if='{{item.remainPeople==0}}'>{{item.pressLimitNum+'人成团'}}</view>
  45. </view>
  46. <view class='spell-top-left' wx:if='{{item.orderStatus==15||item.orderStatus==16||(item.orderStatus==13&&item.couponStatus==1)}}'>
  47. <view class='top-title'>拼团失败</view>
  48. </view>
  49. <!-- <view class='spell-top-right' style='{{"color:"+((item.orderStatus==10||item.orderStatus==15)?"#FF3232":item.orderStatus==11?"#57B257":"#8C8C8C")}}'>{{item.statusText02}}</view> -->
  50. <image class="frImg" wx:if="{{item.status == 10}}" src="{{orangeImg}}" mode="aspectFill" lazy-load="true"><text>{{item.statusText02}}</text></image>
  51. <image class="frImg" wx:if="{{item.status == 11}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>{{item.statusText02}}</text></image>
  52. <image class="frImg" wx:if="{{item.status != 11&&item.status != 10}}" src="{{grayImg}}" mode="aspectFill" lazy-load="true"><text>{{item.statusText02}}</text></image>
  53. </view>
  54. <view class='spell-bottom'>
  55. <view class='spell-left' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'>
  56. <image src='{{item.coverImg}}' mode="aspectFill"></image>
  57. </view>
  58. <view class='spell-centerHr' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'>
  59. <view class='tilte'>{{item.title}}</view>
  60. <view class='remark'>{{item.subTitle}}</view>
  61. <view class='price'>
  62. <view class='price01'>
  63. <view class='price-text'style="display: inline;font-size: 24rpx;">拼团价¥</view>
  64. <view class='price-num'>{{item.salePrice/100}}</view>
  65. <!-- <view class='price-unit'>元</view> -->
  66. </view>
  67. </view>
  68. </view>
  69. <view class='spell-right' data-id='{{item.id}}' data-data='{{item}}' style='position:absolute;width:auto;bottom:12rpx;right:10rpx;' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'>
  70. <!-- 继续邀请好友 -->
  71. <button class='share user-motto right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==10&&item.orderGroupId!="0"}}' data-status='{{item.status}}' data-data='{{item}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button>
  72. <!-- 去使用 -->
  73. <view class='right-button' data-data='{{item}}' wx:if='{{item.orderStatus==11}}' data-status='{{item.status}}' catchtap='gotoUse' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view>
  74. <!-- 重新拼团 -->
  75. <view class='right-button' data-data='{{item}}' wx:if='{{item.couponStatus!=1&&item.orderStatus==13&&item.orderGroupId!="0"}}' data-status='{{item.status}}' catchtap='gotoAgain' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view>
  76. <!-- 已下架 -->
  77. <view class='right-button' wx:if='{{item.couponStatus==1&&item.orderStatus!=11}}' data-status='{{item.status}}' catchtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">已下架</view>
  78. <!-- 拼团未支付 -->
  79. <view class='right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus!=11&&item.orderStatus!=15&&item.orderGroupId=="0"}}' data-status='{{item.status}}' catchtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">拼团未支付</view>
  80. <!-- 拼团失败 -->
  81. <view class='right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==12&&item.orderGroupId!="0"}}' data-status='{{item.status}}' catchtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view>
  82. <!-- 参团失败 -->
  83. <view class='right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==14&&item.orderGroupId!="0"}}' data-status='{{item.status}}' catchtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view>
  84. <!-- 拼团待支付 -->
  85. <view class='right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==15}}' data-data='{{item}}' data-status='{{item.status}}' catchtap='gotoPay' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view>
  86. <!-- 拼团发起未支付 -->
  87. <view class='right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==16&&item.orderGroupId!="0"}}' data-status='{{item.status}}' catchtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view>
  88. <!-- <view class='right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==16&&item.orderGroupId!="0"}}' data-data='{{item}}' data-status='{{item.status}}' bindtap='gotoPay' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view> -->
  89. </view>
  90. </view>
  91. </view>
  92. </view>
  93. <view class='bottom'>
  94. <view class="{{flag=='spellList'?'bottom-left':'bottom-leftN'}}" bindtap="getSpellList">拼团商品</view>
  95. <view class="{{flag=='spellList'?'bottom-leftN':'bottom-left'}}" bindtap="getmyList">我的拼团</view>
  96. </view>
  97. <view class="loading" wx:if="{{loading}}">
  98. {{content}}
  99. </view>
  100. </view>