goodsOrderConfirm.wxml 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. <import src="/components/local/wxParse/wxParse.wxml" />
  2. <wxs module="tool" src="../../app.wxs" />
  3. <wxs src="./../../utils/wxsUtil.wxs" module="wxsUtil" />
  4. <view class="item margin item-radius">
  5. <view class="item-top flex-align-center ">
  6. <text class="flex1">{{store_name}}</text>
  7. </view>
  8. <view class="good-list">
  9. <!-- 商品详情支付 -->
  10. <view wx:if="{{isShow}}" class="item-content flex">
  11. <image class="img" src="{{projectData.banner_urls[0]}}"></image>
  12. <view class="content flex-column">
  13. <view class="content-text-box flex1">
  14. <text class="flex1">{{projectData.name}}</text>
  15. </view>
  16. <view class="project-num">x1</view>
  17. </view>
  18. </view>
  19. <!-- 购物车支付 -->
  20. <view wx:if="{{!isShow}}" class="item-content flex" wx:for="{{selectMakeupList}}" wx:key="id">
  21. <image class="img" src="{{item.cover_url}}"></image>
  22. <view class="content flex-column">
  23. <view class="content-text-box flex1">
  24. <text class="flex1">{{item.goods_name}}</text>
  25. </view>
  26. <view class="project-num">x{{item.num}}</view>
  27. </view>
  28. </view>
  29. </view>
  30. <!-- 购物车支付 -->
  31. <view class="item-bottom">
  32. <view class="item-total">共{{isShow?1:listNum}}件</view>
  33. <view class="item-price"><text class="price-size">¥</text>{{isShow?projectData.is_member==1?projectData.member_price:projectData.price:showMoneyGood}}</view>
  34. </view>
  35. </view>
  36. <!-- 新加购 -->
  37. <view class="addPuls" wx:if="{{exchangeCondition}}">
  38. <view class="top">
  39. <view class="title">
  40. 低价换购
  41. </view>
  42. <view class="type">
  43. +<text>99</text>元可换购{{exchangeCondition.time}}次
  44. </view>
  45. </view>
  46. <view class="center-item {{item.num>0?'activeExchange':''}}" wx:for="{{exchangeList.list}}" wx:key="index">
  47. <image src="{{item.cover_url}}"></image>
  48. <view class="center-right">
  49. <view class="item-name">{{item.project_name}}</view>
  50. <view class="item-select">
  51. <image bindtap="reduce" data-index="{{index}}" src="../../images/reduce.png"></image>
  52. <view class="num">{{item.num}}</view>
  53. <image bindtap="add" data-index="{{index}}" src="../../images/add.png"></image>
  54. </view>
  55. </view>
  56. </view>
  57. </view>
  58. <view class="margin order-sum item-radius">
  59. <view class="top">
  60. <view class="text flex" wx:if="{{source != 'secondaryCard'}}">
  61. <text class="flex1">商品总价</text>
  62. <!-- 购物车订单 -->
  63. <view class="right-500">
  64. <text>¥{{isShow?projectData.is_member==1?projectData.member_price:exchangeSelect?exchangePrice:projectData.price:exchangeSelect?exchangePrice:showMoneyGood}}</text>
  65. </view>
  66. </view>
  67. <!-- 折扣 -->
  68. <view class="text flex">
  69. <view class="coupon flex flex1 flex-align-center">
  70. <image class="order-coupon-icon" src="/images/display.png" />
  71. <text>折扣优惠</text>
  72. </view>
  73. <view class="flex-align-center right-500">
  74. <text style="color: #FF3007;" wx:if="{{discountList.discount_money>0}}">-{{discountSet}}</text>
  75. <text wx:else style="color: #bbb;">无折扣</text>
  76. </view>
  77. </view>
  78. <!-- 充值折扣权益 -->
  79. <view class="coup-box" wx:if="{{level!=0&&couponPrice==0}}">
  80. <view class="coup-box-title">权益折扣</view>
  81. <view class="spc-in">
  82. </view>
  83. <!-- <view class="color-price">-¥{{priceSet}}</view> -->
  84. <view class="coup-box-title">余额支付享受{{tolevel}}折优惠</view>
  85. </view>
  86. <!-- 优惠券 -->
  87. <view class="text flex" bindtap="onCouponOpen">
  88. <view class="coupon flex flex1 flex-align-center">
  89. <image class="order-coupon-icon" src="/images/icon_order_coupon.png" />
  90. <text>优惠券</text>
  91. </view>
  92. <view class="flex-align-center right-500">
  93. <text class="coupon-guide-tips" wx:if="{{couponList.length > 0 && selectCouponList.length==0}}">未选优惠券</text>
  94. <text style="color: #FF3007;" wx:elif="{{ couponList.length > 0 && selectCouponList.length!=0}}">-¥{{couponPrice}}</text>
  95. <text wx:else style="color: #bbb;">无可用</text>
  96. <image src="/images/my/right.png" style="width: 24rpx;height: 24rpx;"></image>
  97. </view>
  98. </view>
  99. </view>
  100. <view class="bottom flex-align-center">
  101. <text style="font-size: 28rpx;color: #999;">合计:</text>
  102. <!-- 购物车订单 -->
  103. <text class="total-price">¥{{selectCouponList!=''?selectCouponPrice:discountList.discount_money?discount_total:exchangeSelect?exchangePrice:showMoneyGood}}</text>
  104. </view>
  105. </view>
  106. <view style="height:170rpx;"></view>
  107. <!-- 提交订单 -->
  108. <view class="buy flex-align-center flex-justify-space-between" style="padding: 0 20rpx;">
  109. <view class="submitBtn" bindtap="onCardgoodsPay">
  110. 提交订单
  111. </view>
  112. </view>
  113. <!-- 优惠券 -->
  114. <wux-popup class="popup-radius" position="bottom" catchtouchmove="true" visible="{{ visible }}" bind:close="onClose">
  115. <view class="coupon-popup">
  116. <view class="top flex-align-center need-show-line">
  117. <text style="text-align: center;">我的优惠券</text>
  118. <image src="/images/icon_20.png" class="close-img" bindtap="onCancelCoupon" />
  119. </view>
  120. <scroll-view scroll-y>
  121. <view class="list">
  122. <coupon-item class="coupon-item" wx:for="{{ couponList }}" item="{{item}}" wx:key="index" data-index="{{index}}" source="checkbox" couponStatus="{{item.status}}" checkStatus="{{currentCoupon == index}}" bind:check="onCouponChange"></coupon-item>
  123. <view class="btm-text">--已经到底了--</view>
  124. </view>
  125. </scroll-view>
  126. <view class="coupon-popup-btm flex-center">
  127. <view class="coupon-popup-btm-btn flex-center" bindtap="onConfirmCoupon">确认</view>
  128. </view>
  129. </view>
  130. </wux-popup>
  131. <!-- 支付 -->
  132. <wux-popup class="popup-radius" position="bottom" catchtouchmove="true" visible="{{ payNow }}" bind:close="onClosePay">
  133. <view class="coupon-popup payType">
  134. <view class="top flex-align-center">
  135. <text style="text-align: center;"></text>
  136. <image src="/images/icon_20.png" class="close-img" bindtap="onClosePay" />
  137. </view>
  138. <!-- 购物车订单 -->
  139. <view class="moneyShow"><text>¥</text>{{selectCouponList!=''?selectCouponPrice:discountList.discount_money?discount_total:level&&pay_methon==2?levelPrice:exchangeSelect?exchangePrice:showMoneyGood}}</view>
  140. <view class="select-pay-methon" catchtap="pay_methonw">
  141. <image class="pay-img" src="/images/wx_pay.png"></image>
  142. <view class="pay-title">微信支付</view>
  143. <!-- <view class="pay-money"><text>¥</text>800</view> -->
  144. <image class="select-activity" src="{{pay_methon==1?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  145. </view>
  146. <view class="select-pay-methon" catchtap="pay_methonc" style="margin-bottom: 15rpx;">
  147. <image class="pay-img" src="/images/joli_pay.png"></image>
  148. <view class="pay-title">储值支付</view>
  149. <view class="pay-money"><text>¥</text>{{inserllAmount}}</view>
  150. <image class="select-activity" src="{{pay_methon==2?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  151. </view>
  152. <view wx:if="{{level!=0&&couponPrice==0}}" class="coup-box-title" style="text-align: left; margin-left: 90rpx;">权益优惠减¥{{toLevelPrice}}</view>
  153. <view class="coupon-popup-btm flex-center">
  154. <view class="coupon-popup-btm-btn flex-center" bindtap="payOrder">支付</view>
  155. </view>
  156. </view>
  157. </wux-popup>
  158. <!-- 加购弹窗 -->
  159. <wux-landscape wx:if="{{exchangeCondition}}" visible="{{ exchangePop }}" closable="{{ false }}" class="exchange-popup" catchtouchmove="true">
  160. <view class="use-popup">
  161. <view class="top">
  162. <view class="title">低价换购</view>
  163. <view class="type">+<text>99</text>元可换购{{exchangeCondition.time}}次</view>
  164. <image class="close" src="/images/icon_20.png" bindtap="onCloseLandscape"></image>
  165. </view>
  166. <view class="center">
  167. <view class="center-item {{item.num>0?'activeExchange':''}}" wx:for="{{exchangeList.list}}" wx:key="index">
  168. <image src="{{item.cover_url}}"></image>
  169. <view class="center-right">
  170. <view class="item-name">{{item.project_name}}</view>
  171. <view class="item-select">
  172. <image bindtap="reduce" data-index="{{index}}" src="../../images/reduce.png"></image>
  173. <view class="num">{{item.num}}</view>
  174. <image bindtap="add" data-index="{{index}}" src="../../images/add.png"></image>
  175. </view>
  176. </view>
  177. </view>
  178. </view>
  179. <view bindtap="onCloseLandscape" class="bottom">
  180. {{exchangeCountDown}}S后自动关闭
  181. </view>
  182. </view>
  183. </wux-landscape>