cart.wxml 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174
  1. <view class="app app-bg">
  2. <view class="pay-payway bgwhile">
  3. <view class="pay-payway-item">
  4. <!--<view class="fl pay-balance-cash {{selectedall ? 'active' : ''}}" bindtap="allSelect">
  5. <text class="pay-circle" bindtap="selectClick" data-payway="weixinpay">
  6. <text class="pay-select" wx:if="{{curPayway === 'quanxuan'}}"></text>
  7. </text>
  8. <text style="margin-left:5px">全选</text>
  9. </view>-->
  10. 已选中 <text style="color:red">{{cartCount}}</text> 件商品
  11. <view class="pay-payway-balance fr">
  12. <text bindtap="delSelected" data-payway="weixinpay">删除选中</text>
  13. </view>
  14. <view class="clean"></view>
  15. </view>
  16. </view>
  17. <view style="height: 85rpx;"></view>
  18. <!--购物车列表-->
  19. <view class="cartlistbox">
  20. <!--
  21. <view class="cartlist" wx:for="{{cartList}}" wx:key="id">
  22. <view class="cartlist_item">
  23. <view class="cartlist_select {{item.IsBuy ? 'active' : ''}}" bindtap="itemselected" data-count="{{item.count}}" data-id='{{item.id}}' data-price="{{item.original_price}}" data-index="{{index}}">
  24. <text class="pay-circle"></text>
  25. </view>
  26. <view class="cartlist_img">
  27. <image src="{{item.cover}}" />
  28. </view>
  29. <view class="cartlist_info">
  30. <view class="cartlist_title">{{item.product_name}} <span wx:if="{{item.color_name || item.size_name}}">|</span> {{item.color_name}} {{item.size_name}}</view>
  31. <view class="cartlist_type">---</view>
  32. <currency class="cartlist_price" symbol="¥" value="{{item.original_price}}" />
  33. <view class="cartlist_num">
  34. <button bindtap="mius" data-id='{{item.id}}' data-count="{{item.count}}" data-index="{{index}}">-</button>
  35. <input type="number" value="{{item.count}}" bindinput="changeCount" data-id='{{item.id}}' data-index="{{index}}"/>
  36. <button bindtap="add" data-id='{{item.id}}' data-count="{{item.count}}" data-index="{{index}}">+</button>
  37. </view>
  38. </view>
  39. <view class='clear'></view>
  40. </view>
  41. </view>
  42. -->
  43. <view class="cartlist" wx:for="{{cartList}}" wx:key="id">
  44. <view class="seckill-time" wx:if="{{seckillruntimearr[index]}}">
  45. <view class="time-text" style="float: left;color:#666">当前为秒杀商品</view>
  46. <view class="time-text">{{seckillruntimearr[index]}}</view>
  47. </view>
  48. <view class="main_item">
  49. <movable-area style="{{item.package?'height:'+(210+item.package_list.length * 28)+'rpx':''}}">
  50. <movable-view damping="100" out-of-bounds="true" direction="horizontal" x="{{item.movex}}" id="{{index}}" animation="false" bindchange="handleMovableChange" capture-bind:touchstart="handleTouchestart" capture-bind:touchend="handleTouchend" style="{{item.package?'height:'+(210+item.package_list.length * 28)+'rpx':''}}">
  51. <view class="main_item_content ">
  52. <view class="cartlist_item">
  53. <view class="cartlist_select {{item.IsBuy ? 'active' : ''}}" bindtap="itemselected" data-count="{{item.count}}" data-id='{{item.id}}' data-price="{{item.original_price}}" data-index="{{index}}">
  54. <text class="pay-circle"></text>
  55. </view>
  56. <view class="cartlist_img">
  57. <image src="{{item.cover}}" />
  58. </view>
  59. <view class="cartlist_info">
  60. <view class="cartlist_title">{{item.product_name}} <span wx:if="{{item.color_name || item.size_name}}">|</span> {{item.color_name}} {{item.size_name}}</view>
  61. <view class="project-pack-list" wx:if="{{item.package}}">
  62. <view wx:for="{{item.package_list}}" wx:for-item="pack" wx:for-index="ind">
  63. <p>{{pack.item_title}} x{{pack.nums}}</p>
  64. </view>
  65. </view>
  66. <view class="cartlist_type" wx:else>---</view>
  67. <currency class="cartlist_price" symbol="¥" value="{{item.original_price}}" />
  68. <view class="cartlist_num">
  69. <button bindtap="mius" data-id='{{item.id}}' data-count="{{item.count}}" data-index="{{index}}" class="mius">-</button>
  70. <input type="number" value="{{item.count}}" bindinput="changeCount" data-id='{{item.id}}' data-index="{{index}}"/>
  71. <button bindtap="add" data-id='{{item.id}}' data-count="{{item.count}}" data-index="{{index}}" class="add">+</button>
  72. </view>
  73. </view>
  74. <view class='clear'></view>
  75. </view>
  76. </view>
  77. </movable-view>
  78. </movable-area>
  79. <view class="delete_btn" data-productIndex="{{index}}" data-id='{{item.id}}' bindtap="delitem" style="{{item.package?'height:'+(210+item.package_list.length * 28)+'rpx;line-height:'+(210+item.package_list.length * 28)+'rpx':''}}">删除</view>
  80. </view>
  81. </view>
  82. </view>
  83. <view style="height:50px"></view>
  84. <view class="pay-footer">
  85. <view class="pay-footer-bar">
  86. <view class="pay-footer-item">
  87. <!-- <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total > 0}}" symbol="¥" value="{{payData.total_price - balanceInfo.total}}" class="red"></currency>
  88. <currency wx:if="{{!useRadishSelect}}" symbol="¥" value="{{payData.total_price}}" class="red"></currency>
  89. <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total <= 0}}" symbol="¥" value="0" class="red"></currency> -->
  90. <view class="fl pay-balance-cash {{selectedall ? 'active' : ''}}" bindtap="allSelect">
  91. <text class="pay-circle" bindtap="selectClick" data-payway="weixinpay">
  92. <text class="pay-select" wx:if="{{curPayway === 'quanxuan'}}"></text>
  93. </text>
  94. <text style="margin-left:5px">全选</text>
  95. </view>
  96. <!--<currency symbol="¥" value="{{cartTotal}}" class="red"></currency>-->
  97. <!--
  98. <text class="red" wx:if="{{curPayway === 'balance'}}">{{project.robo_balance_price * payData.count}}提货券</text>
  99. <text class="red" wx:if="{{curPayway === 'integral'}}">{{project.mall_balance_price * payData.count}}提货券</text> -->
  100. <view style="float: right;padding-right: 10px;">
  101. <!--共 <text class="red">{{cartCount}}</text> 件商品-->
  102. 应付:<currency symbol="¥" value="{{cartTotal}}" class="red"></currency>
  103. </view>
  104. </view>
  105. <form bindsubmit="mulChangeStateToPay" report-submit="{{true}}" class="pay-footer-item2">
  106. <button formType="submit" class="pay-footer-botton">
  107. 去结算
  108. </button>
  109. </form>
  110. </view>
  111. </view>
  112. </view>
  113. <view wx:if="{{pwdDialog}}">
  114. <view class="pay-panel">
  115. <view class="pay-panel-title">立即支付</view>
  116. <view>
  117. <input type="password" bindinput="inputPwd" placeholder="请输入交易密码" class="pay-panel-input" />
  118. </view>
  119. <view class="pay-panel-footer">
  120. <text class="pay-panel-cancel" bindtap="cancelDialog">取消</text>
  121. <text class="pay-panel-confirm" bindtap="pay">确定</text>
  122. </view>
  123. </view>
  124. <view class="pay-dialog"></view>
  125. </view>
  126. <!-- 弹框 -->
  127. <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  128. <view class="modal-dialog" wx:if="{{showModal}}">
  129. <view class="modal-content1">
  130. <view>
  131. <image wx:if="{{curPayway === 'balance'}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/luobo.png" style="width:120rpx;height:120rpx;margin:0 auto;display:block;"></image>
  132. <image wx:if="{{curPayway === 'integral'}}" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/pay/d5cpay.jpg" style="width:120rpx;height:120rpx;margin:0 auto;display:block;border-radius: 50%;"></image>
  133. </view>
  134. <view class="modal-span">还差<text class="modal-count">{{luoboCount}}</text><text wx:if="{{curPayway === 'balance'}}">提货券</text><text wx:if="{{curPayway === 'integral'}}">提货券</text></view>
  135. <view class="modal-span1">您可通过如下操作<text wx:if="{{curPayway === 'balance'}}">完成兑换</text></view>
  136. </view>
  137. <view class="modal-footer1">
  138. <view class="btn-confirm" bindtap="onConfirm" data-status="confirm" wx:if="{{curPayway === 'balance'}}">前往提货券兑换提货券</view>
  139. <view class="btn-confirm" bindtap="onConfirm1" data-status="confirm" wx:if="{{curPayway === 'balance'}}">购买提货券( {{countMoney}} )元</view>
  140. <view class="btn-confirm" bindtap="onConfirm2" data-status="confirm" wx:if="{{curPayway === 'integral'}}">获取更多第五创提货券</view>
  141. <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  142. </view>
  143. </view>
  144. <!--
  145. <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  146. <view class="modal-dialog" wx:if="{{showModal}}">
  147. <view class="modal-title">提货券不足</view>
  148. <view class="modal-content">
  149. <view>
  150. <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/luobo.png" style="width:215rpx;height:215rpx;margin:0 auto;display:block;"></image>
  151. </view>
  152. <view class="modal-span">立即前往汇兑页获取提货券</view>
  153. </view>
  154. <view class="modal-footer">
  155. <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  156. <view class="btn-confirm" bindtap="onConfirm" data-status="confirm">前往兑换</view>
  157. </view>
  158. </view>
  159. -->