share.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <view class="pinBox">
  2. <view class="pinStatus bg-f mb10" wx:if="{{pin_info.state==1}}">
  3. <view class="title">
  4. <text class="iconfont icon-gou"></text> 拼团成功</view>
  5. <view class="tip" wx:if="{{is_me ==1}}">
  6. <block wx:if="{{order_type!='ignore'}}">
  7. 已成功下单,可在会员中心
  8. <text bindtap="goLink" data-link="/lionfish_comshop/pages/order/order?id={{order_id}}">查看订单</text>
  9. </block>
  10. </view>
  11. <view class="tip" wx:else>团长人气太高,已拼团成功啦</view>
  12. </view>
  13. <view class="goodsInfo">
  14. <text class="iconfont icon-pintuanzhong" wx:if="{{pin_info.state==0}}"></text>
  15. <text class="iconfont icon-pintuanchenggong" wx:elif="{{pin_info.state==1}}"></text>
  16. <text class="iconfont icon-pintuanshibai" wx:elif="{{pin_info.state==2}}"></text>
  17. <i-goods-info goodsInfo="{{goods_info}}" skin="{{skin}}"></i-goods-info>
  18. </view>
  19. <!-- 团长信息 -->
  20. <view class='group bg-f mb10' bindtap="goLink" wx:if="{{pintuan_model_buy==1&&pintuan_show_community_info==1&&changeCommunity&&changeCommunity.communityName}}" data-link="{{hide_community_change_btn==0?'/lionfish_comshop/pages/position/community':''}}">
  21. <view class="group-avatar">
  22. <image src='{{changeCommunity.headImg||changeCommunity.disUserHeadImg}}'></image>
  23. </view>
  24. <view class='group-m'>
  25. <view class='group-title'>{{changeCommunity.communityName}}</view>
  26. <view class='group-desc'><text style="color:#333;">取货地址:</text>{{changeCommunity.fullAddress}}</view>
  27. </view>
  28. <view class='group-r' wx:if="{{hide_community_change_btn==0}}">
  29. <image class="group-r-icon" src="../../images/community-right-arrow.png"></image>
  30. </view>
  31. </view>
  32. <view class="pinMember bg-f mb10">
  33. <view class="status">
  34. <block wx:if="{{pin_info.state==0}}">
  35. <view class="title">仅剩
  36. <text class="red" style="color:{{skin.color}}">{{surplus}}</text>个名额,团满即可拼团成功</view>
  37. <view class="time">
  38. <i-count-down countdownClass="count-down" itemClass="item-time" showDay="{{true}}" target="{{seconds}}">
  39. <span class="count-down-left-text">仅剩</span>
  40. </i-count-down>
  41. </view>
  42. </block>
  43. <block wx:elif="{{pin_info.state==2}}">
  44. <view class="failTit red" style="color:{{skin.color}}">该团未能按时凑齐人数,拼团失败</view>
  45. <view class="tip">退款金额将原路返回</view>
  46. </block>
  47. </view>
  48. <view class="pinMemberList">
  49. <view class="item" wx:for="{{pin_order_arr}}" wx:key="id">
  50. <i-img defaultImage="../../images/placeholder-refund.png" height="200" width="180" iClass="avatar" loadImage="{{item.avatar}}"></i-img>
  51. <text class="name" wx:if="{{index==0}}">团长</text>
  52. </view>
  53. <view class="item" wx:for="{{pin_info.need_count-pin_order_arr.length}}" wx:key="id" wx:if="{{index<14}}">
  54. <text class="iconfont icon-wenhao avatar"></text>
  55. </view>
  56. <block wx:if="{{showAllUser}}">
  57. <view class="item" wx:for="{{pin_info.need_count-pin_order_arr.length}}" wx:key="id" wx:if="{{index>=14}}">
  58. <text class="iconfont icon-wenhao avatar"></text>
  59. </view>
  60. </block>
  61. <view class="pin-more" bindtap="showAllBtn" wx:if="{{pin_info.need_count-pin_order_arr.length>14}}">
  62. <block wx:if="{{showAllUser}}">收起 <text class="iconfont icon-shang" style="font-size:22rpx;"></text></block>
  63. <block wx:else>查看全部 <text class="iconfont icon-youjiantou" style="font-size:22rpx;"></text></block>
  64. </view>
  65. </view>
  66. <block wx:if="{{pin_info.state==0}}">
  67. <view class="btn" wx:if="{{me_take_in==0}}" bindtap="openSku" style="background:{{skin.color}}">我要参团</view>
  68. <button wx:elif="{{me_take_in==1}}" open-type="share" class="btn" style="background:{{skin.color}}">邀请好友参团</button>
  69. </block>
  70. <block wx:if="{{pin_info.state==1 && is_me ==1}}">
  71. <block wx:if="{{order_type=='ignore'}}">
  72. <view bindtap="goLink" class="btn" data-link="/lionfish_comshop/moduleA/pin/index" style="background:{{skin.color}}">查看更多拼团商品</view>
  73. </block>
  74. <block wx:else>
  75. <view bindtap="goLink" class="btn" data-link="/lionfish_comshop/pages/order/order?id={{order_id}}" style="background:{{skin.color}}">查看订单详情</view>
  76. </block>
  77. </block>
  78. <block wx:if="{{pin_info.state==1 && is_me ==0}}">
  79. <view bindtap="goLink" class="btn" data-link="/lionfish_comshop/moduleA/pin/index" style="background:{{skin.color}}">查看更多拼团商品</view>
  80. </block>
  81. <block wx:if="{{pin_info.state==2}}">
  82. <view bindtap="goLink" class="btn" data-link="/lionfish_comshop/moduleA/pin/index" style="background:{{skin.color}}">查看更多拼团商品</view>
  83. </block>
  84. </view>
  85. <!-- 规则 -->
  86. <!-- 返利拼团 -->
  87. <view class="pinRecords buyRecords bg-f" wx:if="{{pin_info.is_pintuan_rebate==1}}">
  88. <view class="pinIntro" bindtap="goLink" data-link="/lionfish_comshop/pages/user/rule?type=pintuanRebate">
  89. <view class="i-flex i-flex-spb pinIntro-top">
  90. <view class="pinIntro-title">拼团玩法</view>
  91. <view class="">查看规则<text class="iconfont icon-youjiantou"></text></view>
  92. </view>
  93. <view class="i-flex i-flex-spb pinIntro-bot">
  94. <view class="rule-item">
  95. <view class="step">1</view>
  96. <view class="p">支付开团</view>
  97. <view class="p">参团</view>
  98. </view>
  99. <view class="rule-item">
  100. <view class="step">2</view>
  101. <view class="p">邀请用户</view>
  102. <view class="p">参团</view>
  103. </view>
  104. <view class="rule-item">
  105. <view class="step">3</view>
  106. <view class="p">拼团成功中</view>
  107. <view class="p">奖人员发货</view>
  108. </view>
  109. <view class="rule-item">
  110. <view class="step">4</view>
  111. <view class="p">未中奖人员退</view>
  112. <view class="p">款发放奖励</view>
  113. </view>
  114. </view>
  115. </view>
  116. </view>
  117. <!-- 普通拼团 -->
  118. <view class="pinRecords buyRecords bg-f" wx:else>
  119. <view class="pinIntro" bindtap="goLink" data-link="/lionfish_comshop/pages/user/rule?type=pintuan">
  120. <view class="i-flex i-flex-spb pinIntro-top">
  121. <view class="pinIntro-title">拼团玩法</view>
  122. <view class="">查看规则<text class="iconfont icon-youjiantou"></text></view>
  123. </view>
  124. <view class="i-flex i-flex-spb pinIntro-bot">
  125. <view class="rule-item">
  126. <view class="step">1</view>
  127. <view class="p">支付开团</view>
  128. <view class="p">参团</view>
  129. </view>
  130. <view class="rule-item">
  131. <view class="step">2</view>
  132. <view class="p">邀请用户</view>
  133. <view class="p">参团</view>
  134. </view>
  135. <view class="rule-item">
  136. <view class="step">3</view>
  137. <view class="p">拼团成功</view>
  138. <view class="p">按时送达</view>
  139. </view>
  140. <view class="rule-item">
  141. <view class="step">4</view>
  142. <view class="p">逾期未成</view>
  143. <view class="p">团退款</view>
  144. </view>
  145. </view>
  146. </view>
  147. </view>
  148. <!-- 猜你喜欢 -->
  149. <view class="guessLike" wx:if="{{is_show_order_guess_like==1&&likeList.length}}">
  150. <view class="guessLikeTitle">——猜你喜欢——</view>
  151. <view class="bg-f">
  152. <i-spu class="item" wx:for="{{likeList}}" wx:key="actId" spuItem="{{item}}" reduction="{{reduction}}" skin="{{skin}}" goods_sale_unit="{{goods_sale_unit}}"></i-spu>
  153. </view>
  154. </view>
  155. </view>
  156. <i-aside-btn showHome="{{true}}"></i-aside-btn>
  157. <view class="mask" bindtap='closeSku' hidden="{{!visible}}"></view>
  158. <!---规格选择begin-->
  159. <view bind:cancel="close" class='sku-content' scrollUp="{{true}}" hidden="{{!visible}}">
  160. <view class="sku-card">
  161. <view bindtap="closeSku" class="close">
  162. <image src="../../images/icon-sku-close.png"></image>
  163. </view>
  164. <view class="sku-header">
  165. <image src='{{cur_sku_arr.skuImage}}' style="width:80px;height:80px;" class='sku-img'></image>
  166. <view class="sku-desc">
  167. <view class="sku-title">
  168. <span>{{cur_sku_arr.spuName}}</span>
  169. </view>
  170. <view class="sku-price">
  171. <view class="sale-price" wx:if="{{order.buy_type=='pindan'}}">
  172. ¥
  173. <span>{{cur_sku_arr.actPrice[0]}}</span>.{{cur_sku_arr.actPrice[1]}}
  174. </view>
  175. <view class="sale-price" wx:if="{{order.buy_type=='pintuan'}}">
  176. ¥
  177. <span>{{cur_sku_arr.pinprice[0]}}</span>.{{cur_sku_arr.pinprice[1]}}
  178. </view>
  179. <view class="market-price" wx:if="{{cur_sku_arr.marketPrice}}">¥{{cur_sku_arr.marketPrice[0]}}.{{cur_sku_arr.marketPrice[1]}}</view>
  180. </view>
  181. <view class="sku-switch-on" wx:if="{{cur_sku_arr.spec}}">已选择:{{cur_sku_arr.spec}}</view>
  182. </view>
  183. </view>
  184. <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="id">
  185. <view class="title">{{item.name}}</view>
  186. <view class="spec-list">
  187. <span bindtap="selectSku" class="{{idx==sku[index]['idx']?'on':''}}" data-disabled="{{item.canBuyNum-value<0}}" data-type="{{index}}_{{idx}}_{{value.option_value_id}}_{{value.name}}" wx:for-index="idx" wx:key="idx" data-idx="{{idx}}" wx:for="{{item.option_value}}"
  188. wx:for-item="value">{{value.name}}</span>
  189. </view>
  190. </view>
  191. <view class="sku-num-content">
  192. <view class="title">数量</view>
  193. <view class="i-class i-input-number i-input-number-size-{{size}}">
  194. <view bindtap="setNum" data-type="decrease" class="i-input-number-minus {{value<=min?'i-input-number-disabled':''}}">
  195. <image src="../../images/icon-input-reduce.png"></image>
  196. </view>
  197. <input bindblur="handleBlur" bindfocus="handleFocus" class="i-input-number-text {{min>=max?'i-input-number-disabled':''}}" disabled="true" type="number" value="{{sku_val}}"></input>
  198. <view bindtap="setNum" data-type="add" class="i-input-number-plus {{value>=max?'i-input-number-disabled':''}}">
  199. <image src="../../images/icon-input-add.png"></image>
  200. </view>
  201. </view>
  202. <view class="msg" wx:if="{{skuList[current].isLimit}}">
  203. <span wx:if="{{skuList[current].limitMemberNum>-1}}">每人限{{skuList[current].limitMemberNum}}单</span>
  204. <span wx:if="{{skuList[current].limitOrderNum>-1}}">每单限{{skuList[current].limitOrderNum}}份</span>
  205. <span></span>
  206. </view>
  207. <view class="even-num" wx:elif="{{!skuList[current].isLimit&&skuList[current].canBuyNum-value<=10&&skuList[current].canBuyNum-value>-1}}">还可以购买 {{skuList[current].canBuyNum-value}} 件</view>
  208. </view>
  209. <form bindsubmit="gocarfrom" report-submit="true">
  210. <button formType="submit" class="sku-confirm" disabled='{{cur_sku_arr.stock==0 ? true : false}}'>
  211. <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view>
  212. </button>
  213. </form>
  214. </view>
  215. </view>
  216. <!---规格选择end-->
  217. <i-new-auth needAuth="{{needAuth&&showAuthModal}}" bind:authSuccess="authSuccess" bind:cancel="authModal" needPosition="{{true}}"></i-new-auth>
  218. <!-- 团长切换 -->
  219. <i-change-community wx:if="{{showChangeCommunity}}" visible="{{showChangeCommunity}}" changeCommunity="{{changeCommunity}}" community="{{community}}" bind:changeComunity="confrimChangeCommunity" canChange="{{hide_community_change_btn==0}}" groupInfo="{{groupInfo}}" bind:noChange="cancelChangeCommunity" cancelFn="{{true}}"></i-change-community>
  220. <i-vip-modal visible="{{showVipModal}}" imgUrl="{{pop_vipmember_buyimage}}" />