areacart.wxml 8.5 KB

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