C端小程序
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

103 lines
8.6 KiB

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