basket.wxml 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <!--pages/basket/basket.wxml-->
  2. <view class='container'>
  3. <view class="prod-list">
  4. <view wx:for="{{shopCartOrders}}" wx:for-item="shopCart" wx:for-index="topIndex" wx:key="index" class="shop-item">
  5. <!-- 头部店铺 -->
  6. <view class="head-shop">
  7. <view class="btn choose-btn">
  8. <label>
  9. <checkbox bindtap='onSelectedShopItem' data-item="{{shopCart}}" data-topindex="{{topIndex}}" checked="{{shopCart.checked}}" color="#105c3e" />
  10. </label>
  11. </view>
  12. <view class="shop-box">
  13. <!-- <view class="shop-icon">
  14. <image src="../../images/icon/shop.png"></image>
  15. </view> -->
  16. <view class="shop-name">{{shopCart.shopName}}</view>
  17. </view>
  18. </view>
  19. <!-- /头部店铺 -->
  20. <block wx:for="{{shopCart.shopCartItemDiscounts}}" wx:key='index' wx:for-index="scIndex">
  21. <view class='prod-block {{item.chooseDiscountItemDto?"discount":""}}'>
  22. <!-- 满减提示 -->
  23. <view class='discount-tips' hidden='{{!item.chooseDiscountItemDto}}'>
  24. <text class='text-block'>{{wxs.parseDiscount(item.chooseDiscountItemDto.discountRule)}}</text>
  25. <text class='text-list'>{{wxs.parseDiscountMsg(item.chooseDiscountItemDto.discountRule,item.chooseDiscountItemDto.needAmount,item.chooseDiscountItemDto.discount)}}</text>
  26. <text class='text-list reduce-amount' wx:if="{{item.chooseDiscountItemDto.reduceAmount > 0}}">已优惠 ¥{{wxs.parsePrice(item.chooseDiscountItemDto.reduceAmount)[0]}}.{{wxs.parsePrice(item.chooseDiscountItemDto.reduceAmount)[1]}}</text>
  27. </view>
  28. <!-- 商品item -->
  29. <block wx:for="{{item.shopCartItems}}" wx:key='index' wx:for-item="prod">
  30. <view class="goods-item">
  31. <!-- 商品信息 -->
  32. <view class='item'>
  33. <view class="btn">
  34. <label>
  35. <checkbox bindtap='onSelectedItem' data-topindex="{{topIndex}}" data-scindex="{{scIndex}}" data-index="{{index}}" value="{{prod.prodId}}" checked="{{prod.checked}}" color="#105c3e" />
  36. </label>
  37. </view>
  38. <view class='prodinfo'>
  39. <view class="pic" bindtap="toProdPage" data-prodid="{{prod.prodId}}">
  40. <image src='{{prod.pic}}' />
  41. </view>
  42. <view class="opt">
  43. <view class='prod-name'>{{prod.prodName}}</view>
  44. <view class="prod-center-row">
  45. <view class="prod-discount" bindtap="onChooseDiscount" data-discounts="{{prod.discounts}}" data-basketid="{{prod.basketId}}" data-discountid="{{prod.discountId}}" wx:if="{{prod.discounts.length>0}}">
  46. <view class="discount-name">{{wxs.getCurrDiscountName(prod.discountId,prod.discounts)}}</view>
  47. <view class="down-arrow"></view>
  48. </view>
  49. <view class='prod-info-text {{prod.skuName?"":"empty-n"}}' wx:if="{{prod.skuName}}">{{prod.skuName}}</view>
  50. </view>
  51. <view class='price-count'>
  52. <view class='price'>
  53. <text class='symbol'>¥</text>
  54. <text class='big-num'>{{wxs.parsePrice(prod.price)[0]}}</text>
  55. <text class='small-num'>.{{wxs.parsePrice(prod.price)[1]}}</text>
  56. </view>
  57. <view class="m-numSelector">
  58. <view bindtap='onCountMinus' class="minus" data-topindex="{{topIndex}}" data-scindex="{{scIndex}}" data-index="{{index}}"></view>
  59. <input type='number' value='{{prod.prodCount}}' disabled></input>
  60. <view bindtap='onCountPlus' class="plus" data-topindex="{{topIndex}}" data-scindex="{{scIndex}}" data-index="{{index}}"></view>
  61. </view>
  62. </view>
  63. </view>
  64. </view>
  65. </view>
  66. </view>
  67. </block>
  68. </view>
  69. </block>
  70. </view>
  71. </view>
  72. <!-- 底部按钮 -->
  73. <view class="cart-footer" wx:if="{{shopCartOrders.length>0}}">
  74. <view class="all">
  75. <label bindtap='onSelAll'>
  76. <checkbox checked='{{allChecked}}' color='#f7d731;' />全选</label>
  77. </view>
  78. <view class="del" bindtap='onDelBasket'>
  79. <text>删除</text>
  80. </view>
  81. <view class="total" bindtap="showPriDet">
  82. <view class="total-con">
  83. <view class="finally">
  84. <text class="blod">总计:</text>
  85. <view class='price'>
  86. <text class='symbol'>¥</text>
  87. <text class='big-num'>{{wxs.parsePrice(finalMoney)[0]}}</text>
  88. <text class='small-num'>.{{wxs.parsePrice(finalMoney)[1]}}</text>
  89. </view>
  90. </view>
  91. <view class="total-msg" wx:if="{{subtractMoney>0}}">
  92. <!-- 总额:¥{{wxs.toPrice(totalMoney)}} -->
  93. 已优惠:¥{{wxs.toPrice(subtractMoney)}}
  94. </view>
  95. </view>
  96. <view class="arrow-icon">
  97. <image src="../../images/icon/down-arrow.png" wx:if="{{hidePriModal}}"></image>
  98. <image src="../../images/icon/up-arrow.png" wx:if="{{!hidePriModal}}"></image>
  99. </view>
  100. </view>
  101. <view class="settle" bindtap='toFirmOrder'>
  102. <text>结算</text>
  103. </view>
  104. </view>
  105. <!-- end 底部按钮 -->
  106. <!-- 底部活动选择弹框 -->
  107. <view class="modals modals-bottom-dialog" hidden="{{hideModal}}">
  108. <view class="modals-cancel" bindtap="hideModal"></view>
  109. <view class="bottom-dialog-body bottom-pos radius" animation="{{animationData}}">
  110. <view class="discount-title radius">选择促销活动</view>
  111. <view class="radio-group">
  112. <radio-group bindchange="radioChange" class="discount-radio">
  113. <view wx:for="{{prodDiscounts}}" wx:key="index">
  114. <label>
  115. <radio color="#eb2444" value="{{item.discountId}}" checked="{{item.discountId==discountid}}"></radio>{{item.discountName}}
  116. </label>
  117. </view>
  118. <view>
  119. <label>
  120. <radio color="#eb2444" value="-1" checked="{{-1==discountid}}"></radio>不参加促销
  121. </label>
  122. </view>
  123. </radio-group>
  124. </view>
  125. </view>
  126. </view>
  127. <!-- 底部金额明细弹框 -->
  128. <view class="pri-modal modals-bottom-dialog" hidden="{{hidePriModal}}">
  129. <view class="modals-cancel" bindtap="hidePriModal"></view>
  130. <view class="bottom-dialog-box bottom-pos radius" animation="{{animationData}}">
  131. <view class="discount-title radius">金额明细</view>
  132. <view class="price-detail">
  133. <view class="price-detail-item">
  134. <view class="det-tit">商品总额</view>
  135. <view class="det-num">¥{{wxs.toPrice(totalMoney)}}</view>
  136. </view>
  137. <view class="price-detail-item" wx-if="{{subtractMoney > 0}}">
  138. <view class="det-tit">促销立减</view>
  139. <view class="det-num">-¥{{wxs.toPrice(subtractMoney)}}</view>
  140. </view>
  141. </view>
  142. </view>
  143. </view>
  144. <!-- 底部end -->
  145. <!-- 空 -->
  146. <view class="empty" wx:if="{{!shopCartOrders.length}}">
  147. <view class="empty-icon">
  148. <image src="../../images/icon/empty-basket.png"></image>
  149. </view>
  150. <view class="empty-text">您还没有添加商品到购物车哦~</view>
  151. </view>
  152. </view>
  153. <wxs module="wxs" src="../../wxs/number.wxs" />