areacart.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
  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 style="{{item.package?'height:'+(320+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:'+(320+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.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="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">零售价:<currency symbol="¥" value="{{item.user_sale_price}}" /> </view>
  63. <currency class="cartlist_price" symbol="¥" value="{{item.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 wx:if="{{item.have_size}}">
  70. <view class="typeselect" bindtap="selectSize" data-val="{{item.id}}" data-item="{{index}}" wx:if="{{item.color_name || item.size_name}}">已选规格: {{item.color_name}} {{item.size_name}}</view>
  71. <view class="typeselect" bindtap="selectSize" data-val="{{item.id}}" data-item="{{index}}" wx:else>商品规格:未选择</view>
  72. </view>
  73. </view>
  74. <view wx:if="{{item.is_deliver}}" class="project-miaosha">
  75. <span wx:if="{{item.deliver_state == 1}}"><format-time type="formatTime" value="{{item.deliver_start_time}}" ></format-time>开售,敬请期待!</span>
  76. <span wx:if="{{item.deliver_state == 2}}">预售</span>
  77. <span wx:if="{{item.deliver_state == 3}}">已售罄</span>
  78. </view>
  79. <button class="xqbtn" bindtap="toProject" data-val="{{item.id}}">查看详情 ></button>
  80. <view class='clear'></view>
  81. </view>
  82. </view>
  83. </movable-view>
  84. </movable-area>
  85. <view class="delete_btn" data-productIndex="{{index}}" data-id='{{item.id}}' bindtap="delitem" style="{{item.package?'height:'+(320+item.package_list.length * 25)+'rpx;line-height:'+(320+item.package_list.length * 25)+'rpx':''}}"></view>
  86. </view>
  87. </view>
  88. </view>
  89. <view style="height:50px"></view>
  90. <view class="pay-footer">
  91. <view class="pay-footer-bar">
  92. <view class="pay-footer-item">
  93. <!-- <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total > 0}}" symbol="¥" value="{{payData.total_price - balanceInfo.total}}" class="red"></currency>
  94. <currency wx:if="{{!useRadishSelect}}" symbol="¥" value="{{payData.total_price}}" class="red"></currency>
  95. <currency wx:if="{{useRadishSelect && payData.total_price - balanceInfo.total <= 0}}" symbol="¥" value="0" class="red"></currency> -->
  96. <view class="fl pay-balance-cash {{selectedall ? 'active' : ''}}" bindtap="allSelect">
  97. <text class="pay-circle" bindtap="selectClick" data-payway="weixinpay">
  98. <text class="pay-select" wx:if="{{curPayway === 'quanxuan'}}"></text>
  99. </text>
  100. <text style="margin-left:5px">全选</text>
  101. </view>
  102. <!--<currency symbol="¥" value="{{cartTotal}}" class="red"></currency>-->
  103. <!--
  104. <text class="red" wx:if="{{curPayway === 'balance'}}">{{project.robo_balance_price * payData.count}}提货券</text>
  105. <text class="red" wx:if="{{curPayway === 'integral'}}">{{project.mall_balance_price * payData.count}}提货券</text> -->
  106. <view style="float: right;padding-right: 10px;">
  107. <!--共 <text class="red">{{cartCount}}</text> 件商品-->
  108. 应付:<currency symbol="¥" value="{{cartTotal}}" class="red"></currency>
  109. </view>
  110. </view>
  111. <form bindsubmit="mulChangeStateToPay" report-submit="{{true}}" class="pay-footer-item2">
  112. <button formType="submit" class="pay-footer-botton">
  113. 去结算
  114. </button>
  115. </form>
  116. </view>
  117. </view>
  118. </view>
  119. <view wx:if="{{pwdDialog}}">
  120. <view class="pay-panel">
  121. <view class="pay-panel-title">立即支付</view>
  122. <view>
  123. <input type="password" bindinput="inputPwd" placeholder="请输入交易密码" class="pay-panel-input" />
  124. </view>
  125. <view class="pay-panel-footer">
  126. <text class="pay-panel-cancel" bindtap="cancelDialog">取消</text>
  127. <text class="pay-panel-confirm" bindtap="pay">确定</text>
  128. </view>
  129. </view>
  130. <view class="pay-dialog"></view>
  131. </view>
  132. <!-- 弹框 -->
  133. <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  134. <view class="modal-dialog" wx:if="{{showModal}}">
  135. <view class="modal-content1">
  136. <view>
  137. <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>
  138. <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>
  139. </view>
  140. <view class="modal-span">还差<text class="modal-count">{{luoboCount}}</text><text wx:if="{{curPayway === 'balance'}}">提货券</text><text wx:if="{{curPayway === 'integral'}}">提货券</text></view>
  141. <view class="modal-span1">您可通过如下操作<text wx:if="{{curPayway === 'balance'}}">完成兑换</text></view>
  142. </view>
  143. <view class="modal-footer1">
  144. <view class="btn-confirm" bindtap="onConfirm" data-status="confirm" wx:if="{{curPayway === 'balance'}}">前往提货券兑换提货券</view>
  145. <view class="btn-confirm" bindtap="onConfirm1" data-status="confirm" wx:if="{{curPayway === 'balance'}}">购买提货券( {{countMoney}} )元</view>
  146. <view class="btn-confirm" bindtap="onConfirm2" data-status="confirm" wx:if="{{curPayway === 'integral'}}">获取更多第五创提货券</view>
  147. <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  148. </view>
  149. </view>
  150. <!--
  151. <view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
  152. <view class="modal-dialog" wx:if="{{showModal}}">
  153. <view class="modal-title">提货券不足</view>
  154. <view class="modal-content">
  155. <view>
  156. <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/icon/luobo.png" style="width:215rpx;height:215rpx;margin:0 auto;display:block;"></image>
  157. </view>
  158. <view class="modal-span">立即前往汇兑页获取提货券</view>
  159. </view>
  160. <view class="modal-footer">
  161. <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
  162. <view class="btn-confirm" bindtap="onConfirm" data-status="confirm">前往兑换</view>
  163. </view>
  164. </view>
  165. -->
  166. <view wx:if="{{showDialog}}">
  167. <view class="dialog-panel" animation="{{animationData}}" style="padding-bottom: {{value}}rpx;">
  168. <view class="dialog-project">
  169. <image class="dialog-cancel" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/cancel.png" bindtap="hideDialog"></image>
  170. <view class="dialog-content">
  171. <image class="dialog-img" src="{{selectProject.pics[0].img}}"></image>
  172. <view class="dialog-info" style="margin-top: 20rpx;">
  173. <h6 style="font-size: 35rpx;font-weight: bold;color: #666;">{{selectProject.name}}</h6>
  174. <view class="dialog-word dialog-black" style="margin-top: 15rpx;color: #999;">库存{{selectProject.left_count}}件 <text wx:if="{{selectProject.have_size && (sname || cname)}}">(已选:{{cname}} {{sname}})</text></view>
  175. <view class="dialog-word dialog-red" style="font-size: 35rpx;margin-top: 25rpx;">
  176. <currency symbol="¥" value="{{selectProject.price}}"></currency>
  177. </view>
  178. </view>
  179. <view class="clean"></view>
  180. </view>
  181. <view wx:if="{{selectProject.have_size}}" class="select-count">
  182. <view wx:for="{{selectProjectSize}}" wx:for-item="i" wx:key="{{index}}">
  183. <view wx:if="{{index != 'product'}}">
  184. <h5 class="sizeTitle">{{i.name}}</h5>
  185. <view wx:for="{{i.attr_values}}" wx:for-index="index2" wx:for-item="j" class="checkList">
  186. <span bindtap="checkSize" data-type='{{index}}' data-tname="{{j.name}}" data-list="{{index2}}" data-id="{{j.id}}" class="{{j.is_select?'active':''}}">
  187. {{j.name}}
  188. </span>
  189. </view>
  190. </view>
  191. </view>
  192. </view>
  193. <form >
  194. <button class="dialog-btn" bindtap="selectType" wx:if="{{!noproduct}}"><text>选定规格</text></button>
  195. <button class="dialog-btn" wx:if="{{noproduct}}" disabled="disabled"><text>暂无库存</text></button>
  196. </form>
  197. <!-- <button class="dialog-btn" open-type="share" wx:if="{{!showpay}}"><text wx:if="{{!noproduct}}">选定规格</text><text wx:if="{{noproduct}}">暂无库存</text></button> -->
  198. </view>
  199. </view>
  200. <view class="detail-dialog" bindtap="hideDialog"></view>
  201. </view>