details.wxml 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287
  1. <view class="pb100">
  2. <i-solitaire-head class="mb10" community="{{community}}" showShare="{{image}}" bind:share="handleShareModal" wx:if="{{community}}"></i-solitaire-head>
  3. <view class="mb10 bg-f p30">
  4. <view class="weight fsz-30 mb5">{{soli_info.solitaire_name}}</view>
  5. <view class="fsz-26 mb10">
  6. <parser html="{{soli_info.content}}" />
  7. </view>
  8. <view class="fsz-24 text-gray mb10">接龙时间:{{soli_info.begin_time_str}}~{{soli_info.end_time_str}}</view>
  9. <view class="img-list i-flex i-flex-wrap" wx:if="{{soli_info.images_list.length}}">
  10. <image class="img-item" bindtap="showImgPrev" src="{{item}}" lazy-load mode="aspectFill" wx:for="{{soli_info.images_list}}" wx:key="id" data-idx="{{index}}"></image>
  11. </view>
  12. </view>
  13. <view class="bg-f mb10" wx:if="{{soli_info.goods_list.length}}">
  14. <view class="fsz-30 weight text-dark border-bottom p30">商品信息</view>
  15. <view class="goods-list">
  16. <view class="item border-bottom p30" wx:for="{{soli_info.goods_list}}" wx:key="id" wx:if="{{index<6}}">
  17. <i-solitaire-good spuItem="{{item}}" idx="{{index}}" state="{{soli_info.activity_state!=2&&soli_info.end==0}}" bind:showCart="handleCartModal" soliId="{{soli_info.id}}" needAuth="{{needAuth}}" bind:openSku="openSku" bind:authModal="authModal" bind:vipModal="vipModal" bind:changeCartNum="changeCartNum"></i-solitaire-good>
  18. </view>
  19. <!-- 隐藏部分 -->
  20. <view hidden="{{hideGoods}}">
  21. <view class="item border-bottom p30" wx:for="{{soli_info.goods_list}}" wx:key="id" wx:if="{{index>=6}}">
  22. <i-solitaire-good spuItem="{{item}}" idx="{{index}}" state="{{soli_info.activity_state!=2&&soli_info.end==0}}" bind:showCart="handleCartModal" soliId="{{soli_info.id}}" needAuth="{{needAuth}}" bind:openSku="openSku" bind:authModal="authModal" bind:changeCartNum="changeCartNum"></i-solitaire-good>
  23. </view>
  24. </view>
  25. </view>
  26. <view class="more fsz-26 text-center bule" bindtap="handleMoreGoods" wx:if="{{soli_info.goods_list.length>6}}">
  27. <block wx:if="{{hideGoods}}">
  28. 还有{{soli_info.goods_list.length-6}}{{goods_sale_unit}}商品,点击展开
  29. </block>
  30. <block wx:else>
  31. 点击收缩
  32. </block>
  33. <text class="iconfont icon-zhankai fsz-24 {{hideGoods?'':'rotate'}}"></text>
  34. </view>
  35. </view>
  36. <view class="bg-f mb10">
  37. <view class="fsz-30 weight text-dark border-bottom p30">活动统计</view>
  38. <view class='three'>
  39. <view class='three-item'>
  40. <view class='three-money'>{{soli_info.invite_count|0}}</view>
  41. <view class='three-title'>浏览(次)</view>
  42. </view>
  43. <view class='three-item'>
  44. <view class='three-money red'>{{soli_info.order_count|0}}</view>
  45. <view class='three-title'>参与接龙(次)</view>
  46. </view>
  47. <view class='three-item'>
  48. <view class='three-money'>{{soli_info.soli_total_money|0}}</view>
  49. <view class='three-title'>接龙金额(元)</view>
  50. </view>
  51. </view>
  52. </view>
  53. <block wx:if="{{solitaire_target==1}}">
  54. <view class="bg-f p30 mb10 text-center" wx:if="{{soli_info.end==0}}">
  55. <block wx:if="{{soli_info.activity_state==1}}">
  56. <view class="text-center mb10 fsz-24" wx:if="{{solitaire_target_type==0}}">
  57. <block wx:if="{{diffMember>0}}">
  58. 预计接龙完成还差<text class="red">{{diffMember}}</text>人,分享邀请尽快完成目标!
  59. </block>
  60. <block wx:else>已完成目标人数</block>
  61. </view>
  62. <view class="text-center mb10 fsz-24" wx:if="{{solitaire_target_type==1}}">
  63. <block wx:if="{{diffMoney>0}}">
  64. 还差<text class="red">{{diffMoney}}</text>元订单金额完成接龙,分享邀请尽快完成目标
  65. </block>
  66. <block wx:else>已完成目标金额</block>
  67. </view>
  68. </block>
  69. <block wx:if="{{soli_info.activity_state==0}}">
  70. <view class="i-flex i-flex-alc mb10">开始倒计时:<i-count-down itemClass="item-time" showDay="{{true}}" target="{{(soli_info.begin_time)*1000}}" clearTimer="{{clearTime}}" wx:if="{{!clearTime}}" bind:callback="initFn"></i-count-down>
  71. </view>
  72. <view class="btn mb10 text-white">
  73. <view class="fsz-32 weight">接龙未开始</view>
  74. </view>
  75. </block>
  76. <block wx:elif="{{soli_info.activity_state==1}}">
  77. <view class="i-flex i-flex-alc mb10">接龙倒计时:<i-count-down itemClass="item-time" showDay="{{true}}" target="{{(soli_info.end_time)*1000}}" clearTimer="{{clearTime}}" wx:if="{{!clearTime}}"></i-count-down>
  78. </view>
  79. <!-- <view class="btn mb10 text-white" bindtap="goPlaceOrder">
  80. <view class="fsz-32 weight">立即接龙</view>
  81. </view> -->
  82. </block>
  83. <view class="btn mb10 text-white fsz-28 weight" wx:else>已结束</view>
  84. <navigator class="rule bule" hover-class="none" url="/lionfish_comshop/pages/user/rule?type=solitaire">接龙规则</navigator>
  85. </view>
  86. <view class="bg-f p30 mb10 text-center" wx:else>
  87. <view class="btn mb10 text-white">已结束</view>
  88. </view>
  89. </block>
  90. <!-- 我的订单 -->
  91. <view class="bg-f mb10" wx:if="{{myOrderList.length}}">
  92. <view class="fsz-30 weight text-dark border-bottom p30">我的订单</view>
  93. <view class="order-list">
  94. <view class="item border-bottom py15" wx:for="{{myOrderList}}" wx:key="order_id">
  95. <view class="goodslist px15 mb10">
  96. <scroll-view style="width:100%;" scroll-x>
  97. <view class="order-goods i-flex i-flex-nowrap" wx:if="{{item.goods_list.length}}">
  98. <block wx:for="{{item.goods_list}}" wx:for-item="goods" wx:for-index="idx" wx:key="goods_id">
  99. <view class="order-goods-item">
  100. <image src="{{goods.goods_images}}" class="img" mode="aspectFill" lazy-load></image>
  101. <view class="fsz-24 text-overflow1">{{goods.name}}</view>
  102. <view class="fsz-24">¥{{goods.price}}</view>
  103. </view>
  104. </block>
  105. </view>
  106. </scroll-view>
  107. </view>
  108. <view class="orderInfo px15 fsz-24">
  109. <view class="i-flex i-flex-spb mb5">
  110. <view class="text-gray">提货人</view>
  111. <view>{{item.shipping_name}} {{item.shipping_tel}}</view>
  112. </view>
  113. <view class="i-flex i-flex-spb mb5" >
  114. <view class="text-gray">收货地址</view>
  115. <view>{{item.shipping_address}}</view>
  116. </view>
  117. <view class="i-flex i-flex-spb mb10" wx:if="{{item.type=='normal'}}">
  118. <view class="text-gray">{{groupInfo.owner_name}}信息</view>
  119. <view>
  120. <text>{{item.ziti_name}}</text>
  121. <view bindtap="callTelphone" class="phone" data-phone="{{item.ziti_mobile}}">
  122. <image class="icon-phone" src="../../images/phone2.png"></image>
  123. <text>联系{{groupInfo.owner_name}}</text>
  124. </view>
  125. </view>
  126. </view>
  127. <view class="i-flex i-flex-spb">
  128. <view class="text-gray">
  129. <view class="btn-hollow" bindtap="cancelOrder" data-index="{{index}}" data-type="{{item.order_id}}" wx:if="{{item.order_status_id==1}}">取消订单</view>
  130. <view class="red" wx:if="{{item.order_status_id==5}}">已取消接龙</view>
  131. <view class="red" wx:if="{{item.order_status_id==6}}">已签收</view>
  132. <view class="red" wx:if="{{item.order_status_id==7}}">已退款</view>
  133. <view class="red" wx:if="{{item.order_status_id==10}}">等待退款</view>
  134. <view class="red" wx:if="{{item.order_status_id==11}}">交易完成</view>
  135. <view class="red" wx:if="{{item.order_status_id==12}}">售后中</view>
  136. </view>
  137. <navigator url="/lionfish_comshop/pages/order/order?id={{item.order_id}}" class="bule">订单详情</navigator>
  138. </view>
  139. </view>
  140. </view>
  141. <view class="more fsz-26 text-center bule" bindtap="getMoreMyOrder" wx:if="{{!noMyOrderMore}}">
  142. 点击加载更多 <text class="iconfont icon-zhankai fsz-24"></text>
  143. </view>
  144. </view>
  145. </view>
  146. <!-- 接龙记录 -->
  147. <view class="bg-f mb10" wx:if="{{orderList.length}}">
  148. <view class="fsz-30 weight text-dark border-bottom p30">接龙记录</view>
  149. <view class="record-list">
  150. <view class="list order">
  151. <view class="item border-bottom" wx:for="{{orderList}}" wx:key="order_id">
  152. <view class="i-flex i-aic mb10">
  153. <image class="avatar" src="{{item.avatar}}"></image>
  154. <view class="username i-flex-item fsz-28 weight">{{item.username}}</view>
  155. <view class="fsz-24 text-gray">{{item.addtime}}</view>
  156. </view>
  157. <scroll-view style="width:100%;" scroll-x>
  158. <view class="order-goods i-flex i-flex-nowrap" wx:if="{{item.goodslist.length}}">
  159. <block wx:for="{{item.goodslist}}" wx:for-item="goods" wx:for-index="idx" wx:key="goods_id">
  160. <view class="order-goods-item">
  161. <image src="{{goods.goods_images}}" class="img" mode="aspectFill" lazy-load></image>
  162. <view class="fsz-24 text-overflow1">{{goods.name}}</view>
  163. <view class="fsz-24">¥{{goods.price}}</view>
  164. </view>
  165. </block>
  166. </view>
  167. </scroll-view>
  168. </view>
  169. <view class="more fsz-26 text-center bule" bindtap="getMoreOrder" wx:if="{{!noOrderMore}}">
  170. 点击加载更多 <text class="iconfont icon-zhankai fsz-24"></text></view>
  171. </view>
  172. <view wx:if="{{noOrderData}}" class="list order">
  173. <view class="no-comment text-center text-gray p15">暂无订单记录~</view>
  174. </view>
  175. </view>
  176. </view>
  177. <!-- 留言 -->
  178. <view class="bg-f" wx:if="{{solitaire_is_message==1}}">
  179. <view class="text-center p30" style="padding-bottom:0;">
  180. <view class="comment text-gray" bindtap="handleCommentModal">
  181. <text class="iconfont icon-shuru"></text>
  182. <block wx:if="{{soli_info.comment_total}}"> 已有{{soli_info.comment_total}}条留言,</block>快来说说您的感想!</view>
  183. </view>
  184. <view class="fsz-30 weight text-dark border-bottom p30">接龙留言</view>
  185. <view class="msg order" wx:if="{{list.length}}">
  186. <view class="item border-bottom i-flex" wx:for="{{list}}" wx:key="id">
  187. <image class="avatar" src="{{item.avatar}}"></image>
  188. <view class="i-flex-item">
  189. <view class="i-flex i-aic">
  190. <view class="i-flex-item">
  191. <view class="username fsz-28 weight">{{item.username}}</view>
  192. <view class="fsz-24 text-gray my10">{{item.addtime}}</view>
  193. </view>
  194. <view class="fsz-26 text-gray" bindtap="favComment" data-idx="{{index}}" data-post_id="{{item.id}}">
  195. <text class="iconfont fsz-30 {{item.is_agree?'icon-good-fill bule':'icon-good'}}"></text> {{item.fav_count}}
  196. </view>
  197. </view>
  198. <view class="content my10">{{item.content}}</view>
  199. <view class="reply" wx:if="{{item.reply.length}}">
  200. <text class="text-gray">{{community.head_name}}:</text>{{item.reply[0].content}}
  201. </view>
  202. </view>
  203. </view>
  204. <i-load-more iClass="loadMore" loading="{{loadMore}}" tip="{{loadText}}" wx:if="{{!noMore}}"></i-load-more>
  205. </view>
  206. <view class="msg order" wx:if="{{noData}}">
  207. <view class="no-comment text-center text-gray p15">暂无留言~</view>
  208. </view>
  209. </view>
  210. <!-- 留言弹窗 -->
  211. <i-modal scrollUp="{{true}}" visible="{{showCommentModal}}" bind:cancel="handleCommentModal">
  212. <view class="comment-modal p30">
  213. <form bindsubmit="subComment">
  214. <view class="i-flex i-flex-spb mb10">
  215. <view class="bule" bindtap="handleCommentModal">取消</view>
  216. <view>
  217. <button class="send bg-blue text-white" formType="submit"><text class="iconfont icon-fabu"></text> 发送</button>
  218. </view>
  219. </view>
  220. <view>
  221. <textarea hidden="{{!showCommentModal}}" class="textarea" name="content" placeholder="内容" auto-focus="{{false}}" value="{{content}}"></textarea>
  222. </view>
  223. </form>
  224. </view>
  225. </i-modal>
  226. <!-- 商品弹窗 -->
  227. <i-modal scrollUp="{{false}}" visible="{{showGoodsModal}}">
  228. <view class="goods-modal">
  229. <view class="bg-f rounded">
  230. <scroll-view class="goods-modal-body" scroll-y wx:if="{{false}}">
  231. <view class="item border-bottom p30" wx:for="{{soli_info.goods_list}}" wx:key="id">
  232. <i-solitaire-good spuItem="{{item}}" idx="{{index}}" hasIpt="{{false}}"></i-solitaire-good>
  233. </view>
  234. </scroll-view>
  235. </view>
  236. <view class="text-center text-white modal-close" bindtap="handleGoodsModal"><text class="iconfont icon-guanbi"></text></view>
  237. </view>
  238. </i-modal>
  239. <!-- fixed菜单 -->
  240. <view class="fixed-bar pos-f {{isIpx?'isIpx':''}}">
  241. <view class="fixed-bar-bg"></view>
  242. <view class="i-flex pos-r i-aic" style="z-index: 1003;">
  243. <view class="cartBtn" wx:if="{{cartNum>0}}" bindtap="handleCartModal">
  244. <text class="iconfont icon-gouwuche"></text>
  245. <text class="num" wx:if="{{cartNum}}">{{cartNum}}</text>
  246. </view>
  247. <view class="cartBtn disable" wx:else>
  248. <text class="iconfont icon-gouwuche"></text>
  249. </view>
  250. <view class="i-flex-item text-white weight fsz-32">¥{{totMoney||0}}</view>
  251. <block wx:if="{{soli_info.end==0}}">
  252. <view wx:if="{{soli_info.activity_state==0}}" class="fixed-bar-sub weight fsz-30 text-white disable">即将开始</view>
  253. <view wx:elif="{{soli_info.activity_state==1}}" class="fixed-bar-sub weight fsz-30 text-white {{cartNum?'':'disable'}}" bindtap="goPlaceOrder">立即接龙</view>
  254. <view wx:else class="fixed-bar-sub weight fsz-30 text-white disable">已结束</view>
  255. </block>
  256. <view wx:else class="fixed-bar-sub weight fsz-30 text-white disable">已结束</view>
  257. </view>
  258. </view>
  259. <!-- 购物车弹窗 -->
  260. <i-cart-modal bind:hideModal="handleCartModal" bind:changeCart="changeCart" show="{{showCartModal}}" carts="{{carts}}" soliId="{{soli_info.id}}" stitle="{{soli_info.solitaire_name}}"></i-cart-modal>
  261. </view>
  262. <i-new-auth needAuth="{{needAuth&&showAuthModal}}" bind:authSuccess="authSuccess" bind:cancel="authModal" needPosition="{{true}}"></i-new-auth>
  263. <i-sku visible="{{visible}}" skuList="{{skuList}}" cur_sku_arr="{{cur_sku_arr}}" bind:cancel="closeSku" sku_val="{{sku_val}}" sku="{{sku}}" goodsid="{{addCar_goodsid}}" bind:changeCartNum="changeCartNum" soliId="{{soli_info.id}}" buyType="soitaire" bind:vipModal="vipModal"></i-sku>
  264. <!-- 团长切换 -->
  265. <i-change-community wx:if="{{showChangeCommunity}}" visible="{{showChangeCommunity}}" changeCommunity="{{changeCommunity}}" community="{{currentCommunity}}" bind:changeComunity="confrimChangeCommunity" canChange="{{hide_community_change_btn==0}}" groupInfo="{{groupInfo}}" bind:noChange="cancelChangeCommunity" cancelFn="{{true}}"></i-change-community>
  266. <!-- 分享弹窗 -->
  267. <i-modal scrollUp="{{true}}" iClass="shareModal-box" visible="{{showShareModal}}" maskClosable="{{true}}" bind:cancel="handleShareModal">
  268. <view class="i-flex-col shareModal">
  269. <image src="{{image}}" mode="widthFix" class="mb10" style="width: 100%;" />
  270. <view class="shareBtn fsz-32 bg-primary text-white rounded text-center" bindtap="saveImage">
  271. <text class="iconfont icon-fenxiang fsz-30"></text> 保存图片</view>
  272. </view>
  273. </i-modal>
  274. <i-painter customStyle='position: absolute; left: -9999rpx;' palette="{{template}}" bind:imgOK="onImgOK" />
  275. <i-vip-modal visible="{{showVipModal}}" imgUrl="{{pop_vipmember_buyimage}}" />