goodsOrderConfirm.wxml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218
  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. <wxs src='../../utils/wxsUtil.wxs' module="wxs"></wxs>
  38. <view class="exchange-details" wx:if="{{exchangeList.length!=0}}">
  39. <view class="exchange-details-title">低价换购</view>
  40. <view class="exchange-box {{item.type==1?'':isDirectOrder?exchangeInfo.category_plus_id==0||exchangeInfo.surplus_price!=0?'exchange-condition':'':exchangeInfo.surplus_price!=0&&exchangeInfo.category_plus_id!=0?'exchange-condition':''}}" wx:for="{{exchangeList}}" wx:key="index">
  41. <view class="exchange-box-image">
  42. <view class="exchange-condition-image" wx:if="{{item.type==1?'':isDirectOrder?exchangeInfo.category_plus_id==0||exchangeInfo.surplus_price!=0?'true':'':exchangeInfo.surplus_price!=0&&exchangeInfo.category_plus_id!=0}}"></view>
  43. <image src="{{item.cover_url}}"></image>
  44. </view>
  45. <view class="exchange-info">
  46. <view>
  47. <view class="exchange-info-title">
  48. {{item.project_name}}
  49. </view>
  50. <view class="exchange-info-bottom">
  51. <view class="exchange-info-price">
  52. <view class="exchange-info-price">¥<text class="price__big">{{wxs.formatValue(item.price, 'split')[0]}}</text>.<text class="price__small">{{wxs.formatValue(item.price, 'split')[1]}}</text></view>
  53. </view>
  54. </view>
  55. </view>
  56. <view style="margin-top: 40rpx;">
  57. <image style="margin: 0;" class="select-activity" data-index="{{index}}" bindtap="{{item.type==1?'selectExchange':isDirectOrder?exchangeInfo.category_plus_id==0||exchangeInfo.surplus_price!=0?'':'selectExchange':exchangeInfo.surplus_price!=0&&exchangeInfo.category_plus_id!=0?'':'selectExchange'}}" src="{{item.status?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  58. <!-- selectExchange -->
  59. </view>
  60. </view>
  61. <view class="exchange-tip" wx:if="{{item.type==1?'':isDirectOrder?exchangeInfo.category_plus_id==0||exchangeInfo.surplus_price!=0?'true':'':exchangeInfo.surplus_price!=0&&exchangeInfo.category_plus_id!=0}}">
  62. 再购买<text>{{exchangeInfo.surplus_price}}元</text>{{exchangeInfo.category_name}}产品可低价换购此项目
  63. </view>
  64. </view>
  65. </view>
  66. <view class="margin order-sum item-radius">
  67. <view class="top">
  68. <view class="text flex" wx:if="{{source != 'secondaryCard'}}">
  69. <text class="flex1">商品总价</text>
  70. <!-- 购物车订单 -->
  71. <view class="right-500">
  72. <text>¥{{isShow?projectData.is_member==1?projectData.member_price:exchangeSelect?exchangePrice:projectData.price:exchangeSelect?exchangePrice:showMoneyGood}}</text>
  73. </view>
  74. </view>
  75. <!-- 折扣 -->
  76. <view class="text flex">
  77. <view class="coupon flex flex1 flex-align-center">
  78. <image class="order-coupon-icon" src="/images/display.png" />
  79. <text>折扣优惠</text>
  80. </view>
  81. <view class="flex-align-center right-500">
  82. <text style="color: #FF3007;" wx:if="{{discountList.discount_money>0}}">-{{discountSet}}</text>
  83. <text wx:else style="color: #bbb;">无折扣</text>
  84. </view>
  85. </view>
  86. <!-- 充值折扣权益 -->
  87. <view class="coup-box" wx:if="{{level!=0}}">
  88. <view class="coup-box-title">权益折扣</view>
  89. <view class="spc-in">
  90. </view>
  91. <!-- <view class="color-price">-¥{{priceSet}}</view> -->
  92. <view class="coup-box-title">余额支付享受{{tolevel}}折优惠</view>
  93. </view>
  94. <!-- 优惠券 -->
  95. <!-- <view class="text flex" bindtap="onCouponOpen">
  96. <view class="coupon flex flex1 flex-align-center">
  97. <image class="order-coupon-icon" src="/images/icon_order_coupon.png" />
  98. <text>优惠券</text>
  99. </view>
  100. <view class="flex-align-center right-500">
  101. <text class="coupon-guide-tips" wx:if="{{couponList.length > 0 && selectCouponList.length==0}}">未选优惠券</text>
  102. <text style="color: #FF3007;" wx:elif="{{ couponList.length > 0 && selectCouponList.length!=0}}">-¥{{couponPrice}}</text>
  103. <text wx:else style="color: #bbb;">无可用</text>
  104. <image src="/images/my/right.png" style="width: 24rpx;height: 24rpx;"></image>
  105. </view>
  106. </view> -->
  107. </view>
  108. <view class="bottom flex-align-center">
  109. <text style="font-size: 28rpx;color: #999;">合计:</text>
  110. <!-- 购物车订单 -->
  111. <text class="total-price">¥{{discountList.discount_money?discount_total:activity_level?activity_discount:exchangeSelect?exchangePrice:showMoneyGood}}</text>
  112. </view>
  113. </view>
  114. <view style="height:170rpx;"></view>
  115. <!-- 提交订单 -->
  116. <view class="buy flex-align-center flex-justify-space-between" style="padding: 0 20rpx;">
  117. <view class="submitBtn" bindtap="onCardgoodsPay">
  118. 提交订单
  119. </view>
  120. </view>
  121. <!-- 优惠券 -->
  122. <wux-popup class="popup-radius" position="bottom" catchtouchmove="true" visible="{{ visible }}" bind:close="onClose">
  123. <view class="coupon-popup">
  124. <view class="top flex-align-center need-show-line">
  125. <text style="text-align: center;">我的优惠券</text>
  126. <image src="/images/icon_20.png" class="close-img" bindtap="onCancelCoupon" />
  127. </view>
  128. <scroll-view scroll-y>
  129. <view class="list">
  130. <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>
  131. <view class="btm-text">--已经到底了--</view>
  132. </view>
  133. </scroll-view>
  134. <view class="coupon-popup-btm flex-center">
  135. <view class="coupon-popup-btm-btn flex-center" bindtap="onConfirmCoupon">确认</view>
  136. </view>
  137. </view>
  138. </wux-popup>
  139. <!-- 支付 -->
  140. <wux-popup class="popup-radius" position="bottom" catchtouchmove="true" visible="{{ payNow }}" bind:close="onClosePay">
  141. <view class="coupon-popup payType">
  142. <view class="top flex-align-center">
  143. <text style="text-align: center;"></text>
  144. <image src="/images/icon_20.png" class="close-img" bindtap="onClosePay" />
  145. </view>
  146. <!-- 购物车订单 -->
  147. <view class="moneyShow"><text>¥</text>{{discountList.discount_money?discount_total:activity_level?activity_discount:level?pay_methon==2?levelPrice:exchangeSelect?exchangePrice:selectCouponPrice:exchangeSelect?exchangePrice:selectCouponPrice}}</view>
  148. <view class="select-pay-methon" catchtap="pay_methonw">
  149. <image class="pay-img" src="/images/wx_pay.png"></image>
  150. <view class="pay-title">微信支付</view>
  151. <!-- <view class="pay-money"><text>¥</text>800</view> -->
  152. <image class="select-activity" src="{{pay_methon==1?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  153. </view>
  154. <view class="select-pay-methon" catchtap="pay_methonc" style="margin-bottom: 15rpx;">
  155. <image class="pay-img" src="/images/joli_pay.png"></image>
  156. <view class="pay-title">储值支付</view>
  157. <view class="pay-money"><text>¥</text>{{inserllAmount}}</view>
  158. <image class="select-activity" src="{{pay_methon==2?'/images/icon_13.png':'/images/icon_12.png'}}"></image>
  159. </view>
  160. <view wx:if="{{level!=0}}" class="coup-box-title" style="text-align: left; margin-left: 90rpx;">权益优惠减¥{{toLevelPrice}}</view>
  161. <view class="coupon-popup-btm flex-center">
  162. <view class="coupon-popup-btm-btn flex-center" bindtap="payOrder">支付</view>
  163. </view>
  164. </view>
  165. </wux-popup>
  166. <!-- 指引 -->
  167. <!-- <view class="list_first_to" catchtouchmove="noneEnoughPeople" hidden="{{inFirstIn?false:true}}">
  168. <view wx:if="{{detail.id || detail.project_id}}" class="item itemInNeeds current{{current}}">
  169. <view class="item-top flex-align-center onIndex111 opc">
  170. <text class="flex1 ellipsis"></text>
  171. </view>
  172. <view>
  173. <view class="item-content flex opcBack">
  174. <image class="img" src="{{detail.banner_urls.length > 0 ? detail.banner_urls[0] : '' || deviceData.cover_url}}"></image>
  175. <view class="content flex-column">
  176. <view class="content-text-box flex1">
  177. <text style="color:#999;">{{source == 'cardgoods' ? '可用店铺:' : '预约店铺:'}}</text>
  178. <text class="flex1 ellipsis">{{deviceData.store_name || detail.store_name}}</text>
  179. </view>
  180. <view class="content-text-box flex1">
  181. <text style="color:#999;">{{source == 'cardgoods' ? '可用时间:' : '使用时间:'}}</text>
  182. <text class="flex1 ellipsis" wx:if="{{detail.take_out_time_max}}">{{detail.take_out_time_max}}之前</text>
  183. <text class="flex1 ellipsis" wx:else>{{tool.replaceStr(timeData.order_day)}} {{tool.replaceStr(timeData.order_time)}}</text>
  184. </view>
  185. <view class="content-text-box flex1" wx:if="{{deviceData.device_name}}">
  186. <text style="color:#999;">使用设备:</text>
  187. <text class="flex1 ellipsis">{{deviceData.device_name}}</text>
  188. </view>
  189. <view class="content-text-box flex1" wx:else></view>
  190. </view>
  191. </view>
  192. </view>
  193. <view class="item-btn flex-align-center onIndex111 opc">
  194. <text style="font-size: 28rpx;color: #999;">{{source == 'cardgoods' ? '购买费用:' : '预约费用:'}}</text>
  195. <text style="font-size: 36rpx;font-family: PingFang-SC-Medium, PingFang-SC;font-weight: 500;margin-right:24rpx;">¥{{moneyData.projectWithGoodsPrice}}</text>
  196. </view>
  197. </view>
  198. <view class="list_top_show">
  199. <image class="list_top_img" src="/images/white_on.png"></image>
  200. <view class="list_top_content">
  201. <view class="first_and_title"><text>第一步:</text>核对您预约的项目和店铺</view>
  202. </view>
  203. </view>
  204. <view class="KnowBtn" catchtap="knowSubmit">我知道了</view>
  205. </view> -->