cart.wxml 8.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  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="main_item">
  45. <movable-area style="{{item.package?'height:'+(210+item.package_list.length * 25)+'rpx':''}}">
  46. <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 * 25)+'rpx':''}}">
  47. <view class="main_item_content ">
  48. <view class="cartlist_item">
  49. <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}}">
  50. <text class="pay-circle"></text>
  51. </view>
  52. <view class="cartlist_img">
  53. <image src="{{item.cover}}" />
  54. </view>
  55. <view class="cartlist_info">
  56. <view class="cartlist_title">{{item.product_name}} <span wx:if="{{item.color_name || item.size_name}}">|</span> {{item.color_name}} {{item.size_name}}</view>
  57. <view class="project-pack-list" wx:if="{{item.package}}">
  58. <view wx:for="{{item.package_list}}" wx:for-item="pack" wx:for-index="ind">
  59. <p>{{pack.item_title}} x{{pack.nums}}</p>
  60. </view>
  61. </view>
  62. <view class="cartlist_type" wx:else>---</view>
  63. <currency class="cartlist_price" symbol="¥" value="{{item.original_price}}" />
  64. <view class="cartlist_num">
  65. <button bindtap="mius" data-id='{{item.id}}' data-count="{{item.count}}" data-index="{{index}}" class="mius">-</button>
  66. <input type="number" value="{{item.count}}" bindinput="changeCount" data-id='{{item.id}}' data-index="{{index}}"/>
  67. <button bindtap="add" data-id='{{item.id}}' data-count="{{item.count}}" data-index="{{index}}" class="add">+</button>
  68. </view>
  69. </view>
  70. <view class='clear'></view>
  71. </view>
  72. </view>
  73. </movable-view>
  74. </movable-area>
  75. <view class="delete_btn" data-productIndex="{{index}}" data-id='{{item.id}}' bindtap="delitem" style="{{item.package?'height:'+(210+item.package_list.length * 25)+'rpx;line-height:'+(210+item.package_list.length * 25)+'rpx':''}}">删除</view>
  76. </view>
  77. </view>
  78. </view>
  79. <view style="height:50px"></view>
  80. <view class="pay-footer">
  81. <view class="pay-footer-bar">
  82. <view class="pay-footer-item">
  83. <!-- <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total > 0}}" symbol="¥" value="{{payData.total_price - balanceInfo.total}}" class="red"></currency>
  84. <currency wx:if="{{!useRadishSelect}}" symbol="¥" value="{{payData.total_price}}" class="red"></currency>
  85. <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total <= 0}}" symbol="¥" value="0" class="red"></currency> -->
  86. <view class="fl pay-balance-cash {{selectedall ? 'active' : ''}}" bindtap="allSelect">
  87. <text class="pay-circle" bindtap="selectClick" data-payway="weixinpay">
  88. <text class="pay-select" wx:if="{{curPayway === 'quanxuan'}}"></text>
  89. </text>
  90. <text style="margin-left:5px">全选</text>
  91. </view>
  92. <!--<currency symbol="¥" value="{{cartTotal}}" class="red"></currency>-->
  93. <!--
  94. <text class="red" wx:if="{{curPayway === 'balance'}}">{{project.robo_balance_price * payData.count}}提货券</text>
  95. <text class="red" wx:if="{{curPayway === 'integral'}}">{{project.mall_balance_price * payData.count}}提货券</text> -->
  96. <view style="float: right;padding-right: 10px;">
  97. <!--共 <text class="red">{{cartCount}}</text> 件商品-->
  98. 应付:<currency symbol="¥" value="{{cartTotal}}" class="red"></currency>
  99. </view>
  100. </view>
  101. <form bindsubmit="mulChangeStateToPay" report-submit="{{true}}" class="pay-footer-item2">
  102. <button formType="submit" class="pay-footer-botton">
  103. 去结算
  104. </button>
  105. </form>
  106. </view>
  107. </view>
  108. </view>
  109. <view wx:if="{{pwdDialog}}">
  110. <view class="pay-panel">
  111. <view class="pay-panel-title">立即支付</view>
  112. <view>
  113. <input type="password" bindinput="inputPwd" placeholder="请输入交易密码" class="pay-panel-input" />
  114. </view>
  115. <view class="pay-panel-footer">
  116. <text class="pay-panel-cancel" bindtap="cancelDialog">取消</text>
  117. <text class="pay-panel-confirm" bindtap="pay">确定</text>
  118. </view>
  119. </view>
  120. <view class="pay-dialog"></view>
  121. </view>
  122. <!-- 弹框 -->
  123. <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  124. <view class="modal-dialog" wx:if="{{showModal}}">
  125. <view class="modal-content1">
  126. <view>
  127. <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>
  128. <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>
  129. </view>
  130. <view class="modal-span">还差<text class="modal-count">{{luoboCount}}</text><text wx:if="{{curPayway === 'balance'}}">提货券</text><text wx:if="{{curPayway === 'integral'}}">提货券</text></view>
  131. <view class="modal-span1">您可通过如下操作<text wx:if="{{curPayway === 'balance'}}">完成兑换</text></view>
  132. </view>
  133. <view class="modal-footer1">
  134. <view class="btn-confirm" bindtap="onConfirm" data-status="confirm" wx:if="{{curPayway === 'balance'}}">前往提货券兑换提货券</view>
  135. <view class="btn-confirm" bindtap="onConfirm1" data-status="confirm" wx:if="{{curPayway === 'balance'}}">购买提货券( {{countMoney}} )元</view>
  136. <view class="btn-confirm" bindtap="onConfirm2" data-status="confirm" wx:if="{{curPayway === 'integral'}}">获取更多第五创提货券</view>
  137. <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  138. </view>
  139. </view>
  140. <!--
  141. <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  142. <view class="modal-dialog" wx:if="{{showModal}}">
  143. <view class="modal-title">提货券不足</view>
  144. <view class="modal-content">
  145. <view>
  146. <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/luobo.png" style="width:215rpx;height:215rpx;margin:0 auto;display:block;"></image>
  147. </view>
  148. <view class="modal-span">立即前往汇兑页获取提货券</view>
  149. </view>
  150. <view class="modal-footer">
  151. <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  152. <view class="btn-confirm" bindtap="onConfirm" data-status="confirm">前往兑换</view>
  153. </view>
  154. </view>
  155. -->