shopCart.wxml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
  1. <i-auth bind:authSuccess="authSuccess" needAuth="{{!is_login}}">
  2. <view class='pb100'>
  3. <view class="fullreductionInfo" wx:if="{{is_open_fullreduction==1&&reduceNum>0&&!isEmpty}}">
  4. <view class="fr-left">
  5. <view class="tag">满减</view>
  6. <view class="active-msg">满{{full_money}}减{{full_reducemoney}}</view>
  7. </view>
  8. <i-router-link url="/lionfish_comshop/pages/index/index" wx:if="{{disAmount<=0 && is_open_fullreduction==1}}">
  9. <view class="i-link">
  10. <view class='diff-money' wx:if="{{diffMoney&&diffMoney!='0.00'}}">还差
  11. <text>{{diffMoney}}</text>元,</view>去凑单
  12. <image src="../../images/icon-right-arrow-red.png"></image>
  13. </view>
  14. </i-router-link>
  15. <i-router-link type="switch" url="/lionfish_comshop/pages/index/index" wx:else>
  16. <view class="i-link">
  17. <view class='diff-money' wx:if="{{disAmount&&disAmount>0}}">已减
  18. <text>{{disAmount}}</text>元,</view>逛一逛
  19. <image src="../../images/icon-right-arrow-red.png"></image>
  20. </view>
  21. </i-router-link>
  22. </view>
  23. <view class="empty {{is_show_guess_like==1?'':'pos-a'}}" wx:if="{{isEmpty}}">
  24. <image src="../../images/icon-index-empty.png"></image>
  25. <view class="h1">购物车空空如也,赶紧去逛逛吧~</view>
  26. <view bindtap="goindex" class="btn">
  27. 去购物
  28. </view>
  29. </view>
  30. <view class="shop-cart-content {{is_open_fullreduction==1&&reduceNum>0&&!isEmpty?'pt80':''}}" wx:else>
  31. <!--购物车商品循环begin -->
  32. <i-card iClass="card-group" wx:for="{{carts}}" wx:key="{{item.id}}">
  33. <view class="card-body" slot="content">
  34. <!--循环具体商品bg-->
  35. <view>
  36. <block wx:for="{{item.shopcarts}}" wx:for-item="shopcarts" wx:for-index="idx" wx:key="{{shopcarts.id}}">
  37. <view class='reduce-item' wx:if="{{shopcarts.can_man_jian==1}}">
  38. <view class="cart-item" slot="content">
  39. <label class="cart-item-checkbox {{item.isselect?'selected':''}}">
  40. <checkbox-group wx:if="{{shopcarts.can_buy==1}}" bindchange="goodsselect" data-parentid="{{index}}" data-index="{{idx}}" data-id="{{shopcarts.id}}" data-value="{{shopcarts.isselect}}">
  41. <view class="checkbox">
  42. <image class="checkbox-checked" src="../../images/checkbox-checked.png" wx:if="{{shopcarts.isselect}}"></image>
  43. <image class="checkbox-disabled" src="../../images/checkbox-disabled.png" wx:else></image>
  44. <checkbox hidden checked="{{shopcarts.isselect}}" value="{{shopcarts.isselect}}"></checkbox>
  45. </view>
  46. </checkbox-group>
  47. <view class="checkbox" wx:else>
  48. <image class="checkbox-disabled" src="../../images/checkbox-disabled.png"></image>
  49. </view>
  50. </label>
  51. <view class="cart-item-img">
  52. <i-img defaultImage="../../images/placeholder-refund.png" height="90" iClass="i-class" lazyLoad="true" loadImage="{{shopcarts.imgurl}}" width="90"></i-img>
  53. <view wx:if="{{shopcarts.can_buy==0}}" class='tip'>已失效</view>
  54. <view wx:if="{{shopcarts.can_man_jian&&is_open_fullreduction&&shopcarts.can_buy!=0}}" class='tag'>满{{full_money}}减{{full_reducemoney}}</view>
  55. <view class='tag pos-top' wx:if="{{shopcarts.is_new_buy==1}}">新人专享</view>
  56. </view>
  57. <view class="cart-item-content">
  58. <view>
  59. <view class="title">{{shopcarts.title}}</view>
  60. <view class="spec">{{shopcarts.goodstype}}</view>
  61. </view>
  62. <view class="cart-item-content-bottom">
  63. <view class="sale-price">
  64. ¥
  65. <span>{{shopcarts.currntprice}}</span>
  66. </view>
  67. <view wx:if="{{shopcarts.can_buy==1}}" class="i-class i-input-number i-input-number-size-{{size}}">
  68. <view class="i-input-number-minus " data-index="{{idx}}" data-parentid="{{index}}" bindtap="regoodsnum" data-gid="{{shopcarts.id}}">
  69. <image src="../../images/icon-input-reduce.png"></image>
  70. </view>
  71. <input bind:change="changeNumber" max="{{shopcarts.max_quantity}}" min="0" class="i-input-number-text " type="number" value="{{shopcarts.goodsnum}}" data-index="{{idx}}" data-parentid="{{index}}"></input>
  72. <view id="tapTest{{idx}}" class="i-input-number-plus " data-index="{{idx}}" data-parentid="{{index}}" bindtap="addgoodsnum" data-gid="{{shopcarts.id}}">
  73. <image src="../../images/icon-input-add.png"></image>
  74. </view>
  75. </view>
  76. <view wx:else bindtap="delete" class="delete-icon" data-parentid="{{index}}" data-index="{{idx}}" data-gid="{{shopcarts.id}}">
  77. <image src="../../images/icon-shop-delete.png"></image>删除
  78. </view>
  79. </view>
  80. </view>
  81. <view class="piece-reduce" wx:if="{{shopcarts.can_man_jian && item.is_open_fullreduction==1}}" style='display:none;'>
  82. <view class="tag-content">
  83. <view class="tag">满减</view>
  84. </view>满{{item.full_money}}减{{item.full_reducemoney}}
  85. </view>
  86. </view>
  87. <view class="swiper-out-button-content" slot="button" style="display:none;">
  88. <view bindtap="delete" class="delete-btn">删除</view>
  89. </view>
  90. </view>
  91. <view class='normal-item' wx:else>
  92. <view class="cart-item" slot="content">
  93. <label class="cart-item-checkbox {{item.isselect?'selected':''}}">
  94. <checkbox-group wx:if="{{shopcarts.can_buy==1}}" bindchange="goodsselect" data-parentid="{{index}}" data-index="{{idx}}" data-id="{{shopcarts.id}}" data-value="{{shopcarts.isselect}}">
  95. <view class="checkbox">
  96. <image class="checkbox-checked" src="../../images/checkbox-checked.png" wx:if="{{shopcarts.isselect}}"></image>
  97. <image class="checkbox-disabled" src="../../images/checkbox-disabled.png" wx:else></image>
  98. <checkbox hidden checked="{{shopcarts.isselect}}" value="{{shopcarts.isselect}}"></checkbox>
  99. </view>
  100. </checkbox-group>
  101. <view class="checkbox" wx:else>
  102. <image class="checkbox-disabled" src="../../images/checkbox-disabled.png"></image>
  103. </view>
  104. </label>
  105. <view class="cart-item-img">
  106. <i-img defaultImage="../../images/placeholder-refund.png" height="90" iClass="i-class" lazyLoad="true" loadImage="{{shopcarts.imgurl}}" width="90"></i-img>
  107. <view wx:if="{{shopcarts.can_buy==0}}" class='tip'>已失效</view>
  108. <view class='tag pos-top' wx:if="{{shopcarts.is_new_buy==1}}">新人专享</view>
  109. </view>
  110. <view class="cart-item-content">
  111. <view>
  112. <view class="title">{{shopcarts.title}}</view>
  113. <view class="spec">{{shopcarts.goodstype}}</view>
  114. </view>
  115. <view class="cart-item-content-bottom">
  116. <view class="sale-price">
  117. ¥
  118. <span>{{shopcarts.currntprice}}</span>
  119. </view>
  120. <view wx:if="{{shopcarts.can_buy==1}}" class="i-class i-input-number i-input-number-size-{{size}}">
  121. <view class="i-input-number-minus " data-index="{{idx}}" data-parentid="{{index}}" bindtap="regoodsnum" data-gid="{{shopcarts.id}}">
  122. <image src="../../images/icon-input-reduce.png"></image>
  123. </view>
  124. <input bind:change="changeNumber" max="{{shopcarts.max_quantity}}" min="0" class="i-input-number-text " type="number" value="{{shopcarts.goodsnum}}" data-index="{{idx}}" data-parentid="{{index}}"></input>
  125. <view id="tapTest{{idx}}" class="i-input-number-plus " data-index="{{idx}}" data-parentid="{{index}}" bindtap="addgoodsnum" data-gid="{{shopcarts.id}}">
  126. <image src="../../images/icon-input-add.png"></image>
  127. </view>
  128. </view>
  129. <view wx:else bindtap="delete" class="delete-icon" data-parentid="{{index}}" data-index="{{idx}}" data-id="{{shopcarts.id}}">
  130. <image src="../../images/icon-shop-delete.png"></image>删除
  131. </view>
  132. </view>
  133. </view>
  134. <view class="piece-reduce" wx:if="{{shopcarts.can_man_jian && item.is_open_fullreduction==1}}" style='display:none;'>
  135. <view class="tag-content">
  136. <view class="tag">满减</view>
  137. </view>满{{item.full_money}}减{{item.full_reducemoney}}
  138. </view>
  139. </view>
  140. <view class="swiper-out-button-content" slot="button" style="display:none;">
  141. <view bindtap="delete" class="delete-btn">删除</view>
  142. </view>
  143. </view>
  144. </block>
  145. </view>
  146. <!--循环具体商品end--->
  147. </view>
  148. </i-card>
  149. <!--购物车商品循环结束-->
  150. </view>
  151. <view class="fixed-bar {{isIpx?'isIpx':''}}" wx:if="{{!isEmpty}}">
  152. <label class="cart-item-checkbox">
  153. <checkbox-group bindchange="allselect" data-value="{{allselect}}">
  154. <view class="checkbox">
  155. <image class="checkbox-checked" src="../../images/checkbox-checked.png" wx:if="{{allselect}}"></image>
  156. <image class="checkbox-disabled" src="../../images/checkbox-disabled.png" wx:else></image>
  157. <checkbox hidden checked="{{allselect}}" value="{{allselect}}"></checkbox>
  158. </view>
  159. </checkbox-group>
  160. 全选
  161. </label>
  162. <view class="fixed-bar-center" wx:if="{{disAmount && disAmount!='0.00' && is_open_fullreduction==1}}">
  163. <view class="total">
  164. 合计:
  165. <span>¥{{totalAmount}}</span>
  166. </view>
  167. <view class="total-detail">
  168. <span>总额:¥{{allcount}}</span>
  169. <span>优惠:¥{{disAmount}}</span>
  170. </view>
  171. </view>
  172. <view class="fixed-bar-center" wx:else>
  173. <view class="total">
  174. 合计:
  175. <span>¥{{allcount}}</span>
  176. </view>
  177. </view>
  178. <button class='fixed-bar-btn' wx:if="{{is_comunity_rest==1}}" style='background:#dcdcdc;'>团长休息中</button>
  179. <block wx:elif="{{open_man_orderbuy==1}}">
  180. <button class='fixed-bar-btn' bindtap="toorder" wx:if="{{canbuy_other>=0}}">去结算({{allnum}})</button>
  181. <button class='fixed-bar-btn' bindtap="toorder" disabled wx:else>
  182. <text wx:if="{{totalAmount!=0}}">差</text>
  183. <text wx:else>满</text>¥{{-canbuy_other}}下单</button>
  184. </block>
  185. <button class='fixed-bar-btn' bindtap="toorder" wx:else>去结算({{allnum}})</button>
  186. </view>
  187. <!-- 猜你喜欢 -->
  188. <guess-like bind:openSku="openSku" wx:if="{{is_show_guess_like==1}}"></guess-like>
  189. <i-tabbar currentIdx='3' cartNum='{{cartNum}}' tabbarRefresh="{{tabbarRefresh}}" />
  190. </view>
  191. </i-auth>
  192. <view class="mask" hidden="{{!visible}}"></view>
  193. <!---规格选择begin-->
  194. <view bind:cancel="close" class='sku-content' scrollUp="{{true}}" hidden="{{!visible}}">
  195. <view class="sku-card">
  196. <view bindtap="closeSku" class="close">
  197. <image src="../../images/icon-sku-close.png"></image>
  198. </view>
  199. <view class="sku-header">
  200. <i-img defaultImage="../../images/placeholder-refund.png" height="80" iClass="sku-img" loadImage="{{cur_sku_arr.skuImage}}" width="80"></i-img>
  201. <view class="sku-desc">
  202. <view class="sku-title">
  203. <span>{{cur_sku_arr.spuName}}</span>
  204. </view>
  205. <view class="sku-price">
  206. <view class="sale-price">
  207. ¥
  208. <span>{{cur_sku_arr.actPrice[0]}}</span>.{{cur_sku_arr.actPrice[1]}}
  209. </view>
  210. <view class="market-price">¥{{cur_sku_arr.marketPrice[0]}}.{{cur_sku_arr.marketPrice[1]}}</view>
  211. </view>
  212. <view class="sku-switch-on">已选择:{{cur_sku_arr.spec}}</view>
  213. </view>
  214. </view>
  215. <view class="sku-spec" wx:for="{{skuList.list}}" wx:key="{{item.id}}">
  216. <view class="title">{{item.name}}</view>
  217. <view class="spec-list">
  218. <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" data-idx="{{idx}}" wx:for="{{item.option_value}}"
  219. wx:for-item="value" wx:key="{{idx}}">{{value.name}}</span>
  220. </view>
  221. </view>
  222. <view class="sku-num-content">
  223. <view class="title">数量</view>
  224. <view class="i-class i-input-number i-input-number-size-{{size}}">
  225. <view bindtap="setNum" data-type="decrease" class="i-input-number-minus {{value<=min?'i-input-number-disabled':''}}">
  226. <image src="../../images/icon-input-reduce.png"></image>
  227. </view>
  228. <input bindblur="handleBlur" bindfocus="handleFocus" class="i-input-number-text {{min>=max?'i-input-number-disabled':''}}" disabled="true" type="number" value="{{sku_val}}"></input>
  229. <view bindtap="setNum" data-type="add" class="i-input-number-plus {{value>=max?'i-input-number-disabled':''}}">
  230. <image src="../../images/icon-input-add.png"></image>
  231. </view>
  232. </view>
  233. <view class="msg" wx:if="{{skuList[current].isLimit}}">
  234. <span wx:if="{{skuList[current].limitMemberNum>-1}}">每人限{{skuList[current].limitMemberNum}}单</span>
  235. <span wx:if="{{skuList[current].limitOrderNum>-1}}">每单限{{skuList[current].limitOrderNum}}份</span>
  236. <span></span>
  237. </view>
  238. <view class="even-num" wx:elif="{{!skuList[current].isLimit&&skuList[current].canBuyNum-value<=10&&skuList[current].canBuyNum-value>-1}}">还可以购买 {{skuList[current].canBuyNum-value}} 件</view>
  239. </view>
  240. <form bindsubmit="gocarfrom" report-submit="true">
  241. <button formType="submit" class="sku-confirm" disabled='{{cur_sku_arr.stock==0 ? true : false}}'>
  242. <view>{{cur_sku_arr.stock==0?"已抢光":"确定"}}</view>
  243. </button>
  244. </form>
  245. </view>
  246. </view>
  247. <!---规格选择end-->