checkout.wxml 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413
  1. <view class="container">
  2. <view class="address-box">
  3. <view class="address-item" bindtap="selectAddress">
  4. <view class="l">
  5. <text class="name">{{addressVo.userName}}</text>
  6. </view>
  7. <view class="m">
  8. <text class="mobile" wx:if="{{addressVo.telNumber}}">{{addressVo.telNumber}}</text>
  9. <text class="address">{{addressVo.provinceName +addressVo.cityName +addressVo.countyName + addressVo.detailInfo?addressVo.provinceName +addressVo.cityName +addressVo.countyName + addressVo.detailInfo:'选择地址'}}</text>
  10. </view>
  11. <view class="r">
  12. <image src="/static/images/address_right.png"></image>
  13. </view>
  14. </view>
  15. <view class="address-item address-empty" bindtap="addAddress" wx:if="{{addressVo.id <= 0}}">
  16. <view class="m">
  17. 还没有收货地址,去添加
  18. </view>
  19. <view class="r">
  20. <image src="/static/images/address_right.png"></image>
  21. </view>
  22. </view>
  23. </view>
  24. <form bindsubmit="submitOrder" report-submit='true'>
  25. <view class="list-group" style="margin-top: 5px;" bindtap="hideSwitchTicketPop">
  26. <view class="list-cell">
  27. <view class="list-cell-bd">
  28. <view class="list-label">身份证号:</view>
  29. </view>
  30. <view class="list-cell-ft">
  31. <view class="input-box">
  32. <input name="idNo" class="keywrod" value='{{idNoM}}' disabled='{{idNoDisabled}}' bindblur="bindPostscriptBlur" placeholder="必填" />
  33. </view>
  34. </view>
  35. </view>
  36. <view class="list-cell">
  37. <view class="list-cell-bd">
  38. <view class="list-label">姓名:</view>
  39. </view>
  40. <view class="list-cell-ft">
  41. <view class="input-box">
  42. <input name="userName" class="keywrod" value='{{userName}}' disabled='{{idNoDisabled}}' bindblur="bindPostscriptBlur" placeholder="必填" />
  43. </view>
  44. </view>
  45. </view>
  46. <text class='id-card-txt'>
  47. 身份证信息用于跨境商品入境申报,请输入购买者姓名和身份证号码一致的身份证信息确保正常清关;姓名需要与身份证信息一致。</text>
  48. </view>
  49. <view class="{{goodsTotalByType11==0 && goodsTotalByType10==0 && goodsTotalByType02==0 && goodsTotalByType00!=0 && couponList.length == 0 ?'goods-items-all-end':'goods-items-all'}}" wx:if="{{goodsTotalByType00!=0}}">
  50. <view class='item-view'>
  51. <text class="biz-type">保税仓</text>
  52. </view>
  53. <view class="goods-items">
  54. <view class="item" bindtap="hideSwitchTicketPop" wx:for="{{checkedGoodsList}}" wx:if="{{item.goodsBizType==00}}" wx:key="{{item.id}}">
  55. <view class="img">
  56. <image src="{{item.list_pic_url}}"></image>
  57. </view>
  58. <view class="info">
  59. <view class="t">
  60. <view class="name">
  61. {{item.goods_name}}</view>
  62. <text class="number">x{{item.number}}</text>
  63. </view>
  64. <!-- <view class="m">{{null==item.goods_specification_name_value?"":item.goods_specification_name_value}}</view> -->
  65. <view class="b">¥{{item.retail_price}}</view>
  66. </view>
  67. </view>
  68. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  69. <view class="list-cell-checked-bd">
  70. <view class="list-label">配送方式</view>
  71. </view>
  72. <view class="list-cell-checked-ft">
  73. <text class="txt">{{freightPrice00==0?'快递免邮': '¥'+freightPrice00}}</text>
  74. </view>
  75. </view>
  76. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  77. <view class="list-cell-checked-hd">
  78. <view class="list-label">留言:</view>
  79. <view class="list-cell-checked-ft">
  80. <view class="textra">
  81. <input name="postscript00" data-goods-type="00" class="keywrod" bindblur="bindPostscriptBlur" placeholder="请输入留言信息" />
  82. </view>
  83. </view>
  84. </view>
  85. </view>
  86. <!-- 优惠券、总金额、运费start -->
  87. <view class="list-cell-checked" bindtap="selectCoupon" data-goods-type="00" wx:if="{{couponList00.length > 0}}">
  88. <view class="list-cell-checked-bd">
  89. <text wx:if="{{checkedCoupon00.id > 0}}" class="name">优惠券:{{checkedCoupon00.couponName}}</text>
  90. <text wx:if="{{!checkedCoupon00}}" class="name">优惠券:未选择</text>
  91. </view>
  92. <view class="list-cell-checked-ft router">
  93. <text wx:if="{{checkedCoupon00.id > 0}}" class="money red-txt">{{checkedCoupon00.tickDiscType==01?'¥'+checkedCoupon00.typeMoney+'折':'-¥'+checkedCoupon00.typeMoney}}</text>
  94. <text wx:if="{{!checkedCoupon00}}" class="txt">{{couponList00.length}}张</text>
  95. </view>
  96. </view>
  97. <view class="list-cell" bindtap="hideSwitchTicketPop">
  98. <view class="list-cell-bd">
  99. <view class="list-label">商品合计</view>
  100. </view>
  101. <view class="list-cell-ft">
  102. <text class="txt">共{{goodsTotalByType00}}件商品 总计¥{{goodsTotalPrice00}} 优惠后价格<text style='color:#b4282d;font-size:24rpx'>¥{{actualPrice00}}</text></text>
  103. </view>
  104. </view>
  105. <view class="list-cell" wx:if="{{checkedCoupon00.id > 0}}" bindtap="hideSwitchTicketPop">
  106. <view class="list-cell-bd">
  107. <view class="list-label">商品优惠券</view>
  108. </view>
  109. <view class="list-cell-ft">
  110. <text class="txt" style='color:#b4282d'>{{checkedCoupon00.tickDiscType==01?'¥'+checkedCoupon00.typeMoney+'折':'-¥'+checkedCoupon00.typeMoney}}</text>
  111. </view>
  112. </view>
  113. <view class="list-cell" bindtap="hideSwitchTicketPop">
  114. <view class="list-cell-bd">
  115. <view class="list-label">运费</view>
  116. </view>
  117. <view class="list-cell-ft">
  118. <text class="txt">+¥{{freightPrice00}}</text>
  119. </view>
  120. </view>
  121. <!-- 优惠券、总金额、运费end -->
  122. </view>
  123. </view>
  124. <view class="{{goodsTotalByType11==0 && goodsTotalByType10==0 && goodsTotalByType02!=0 && couponList.length == 0?'goods-items-all-end':'goods-items-all'}}" wx:if="{{goodsTotalByType02!=0}}">
  125. <view class='item-view'>
  126. <text class="biz-type">保税展示</text>
  127. </view>
  128. <view class="goods-items">
  129. <view class="item" wx:for="{{checkedGoodsList}}" bindtap="hideSwitchTicketPop" wx:if="{{item.goodsBizType==02}}" wx:key="{{item.id}}">
  130. <view class="img">
  131. <image src="{{item.list_pic_url}}"></image>
  132. </view>
  133. <view class="info">
  134. <view class="t">
  135. <view class="name">
  136. {{item.goods_name}}</view>
  137. <text class="number">x{{item.number}}</text>
  138. </view>
  139. <!-- <view class="m">{{null==item.goods_specification_name_value?"":item.goods_specification_name_value}}</view> -->
  140. <view class="b">¥{{item.retail_price}}</view>
  141. </view>
  142. </view>
  143. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  144. <view class="list-cell-checked-bd">
  145. <view class="list-label">配送方式</view>
  146. </view>
  147. <view class="list-cell-checked-ft">
  148. <text class="txt">{{freightPrice02==0?'快递免邮': '¥'+freightPrice02}}</text>
  149. </view>
  150. </view>
  151. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  152. <view class="list-cell-checked-hd">
  153. <view class="list-label">留言:</view>
  154. <view class="list-cell-checked-ft">
  155. <view class="textra">
  156. <input name="postscript02" data-goods-type="02" class="keywrod" bindblur="bindPostscriptBlur" placeholder="请输入留言信息" />
  157. </view>
  158. </view>
  159. </view>
  160. </view>
  161. <!-- 优惠券、总金额、运费start -->
  162. <view class="list-cell-checked" bindtap="selectCoupon" data-goods-type="02" wx:if="{{couponList02.length > 0}}">
  163. <view class="list-cell-checked-bd">
  164. <text wx:if="{{checkedCoupon02.id > 0}}" class="name">优惠券:{{checkedCoupon02.couponName}}</text>
  165. <text wx:if="{{!checkedCoupon02}}" class="name">优惠券:未选择</text>
  166. </view>
  167. <view class="list-cell-checked-ft router">
  168. <text wx:if="{{checkedCoupon02.id > 0}}" class="money red-txt">{{checkedCoupon02.tickDiscType==01?'¥'+checkedCoupon02.typeMoney+'折':'-¥'+checkedCoupon02.typeMoney}}</text>
  169. <text wx:if="{{!checkedCoupon02}}" class="txt">{{couponList02.length}}张</text>
  170. </view>
  171. </view>
  172. <view class="list-cell" bindtap="hideSwitchTicketPop">
  173. <view class="list-cell-bd">
  174. <view class="list-label">商品合计</view>
  175. </view>
  176. <view class="list-cell-ft">
  177. <text class="txt">共{{goodsTotalByType02}}件商品 总计¥{{goodsTotalPrice02}} 优惠后价格<text style='color:#b4282d;font-size:24rpx'>¥{{actualPrice02}}</text></text>
  178. </view>
  179. </view>
  180. <view class="list-cell" wx:if="{{checkedCoupon02.id > 0}}" bindtap="hideSwitchTicketPop">
  181. <view class="list-cell-bd">
  182. <view class="list-label">商品优惠券</view>
  183. </view>
  184. <view class="list-cell-ft">
  185. <text class="txt" style='color:#b4282d'>{{checkedCoupon02.tickDiscType==01?'¥'+checkedCoupon02.typeMoney+'折':'-¥'+checkedCoupon02.typeMoney}}</text>
  186. </view>
  187. </view>
  188. <view class="list-cell" bindtap="hideSwitchTicketPop">
  189. <view class="list-cell-bd">
  190. <view class="list-label">运费</view>
  191. </view>
  192. <view class="list-cell-ft">
  193. <text class="txt">+¥{{freightPrice02}}</text>
  194. </view>
  195. </view>
  196. <!-- 优惠券、总金额、运费end -->
  197. </view>
  198. </view>
  199. <view class="{{goodsTotalByType11==0 && goodsTotalByType10!=0 && couponList.length == 0 ?'goods-items-all-end':'goods-items-all'}}" wx:if="{{goodsTotalByType10!=0}}">
  200. <view class='item-view'>
  201. <text class="biz-type">现场速递</text>
  202. </view>
  203. <view class="goods-items">
  204. <view class="item" bindtap="hideSwitchTicketPop" wx:for="{{checkedGoodsList}}" wx:if="{{item.goodsBizType==10}}" wx:key="{{item.id}}">
  205. <view class="img">
  206. <image src="{{item.list_pic_url}}"></image>
  207. </view>
  208. <view class="info">
  209. <view class="t">
  210. <view class="name">
  211. {{item.goods_name}}</view>
  212. <text class="number">x{{item.number}}</text>
  213. </view>
  214. <!-- <view class="m">{{null==item.goods_specification_name_value?"":item.goods_specification_name_value}}</view> -->
  215. <view class="b">¥{{item.retail_price}}</view>
  216. </view>
  217. </view>
  218. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  219. <view class="list-cell-checked-bd">
  220. <view class="list-label">配送方式</view>
  221. </view>
  222. <view class="list-cell-checked-ft">
  223. <text class="txt">{{freightPrice10==0?'快递免邮': '¥'+freightPrice10}}</text>
  224. </view>
  225. </view>
  226. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  227. <view class="list-cell-checked-hd">
  228. <view class="list-label">留言:</view>
  229. <view class="list-cell-checked-ft">
  230. <view class="textra">
  231. <input name="postscript10" data-goods-type="10" class="keywrod" bindblur="bindPostscriptBlur" placeholder="请输入留言信息" />
  232. </view>
  233. </view>
  234. </view>
  235. </view>
  236. <!-- 优惠券、总金额、运费start -->
  237. <view class="list-cell-checked" bindtap="selectCoupon" data-goods-type="10" wx:if="{{couponList10.length > 0}}">
  238. <view class="list-cell-checked-bd">
  239. <text wx:if="{{checkedCoupon10.id > 0}}" class="name">优惠券:{{checkedCoupon10.couponName}}</text>
  240. <text wx:if="{{!checkedCoupon10}}" class="name">优惠券:未选择</text>
  241. </view>
  242. <view class="list-cell-checked-ft router">
  243. <text wx:if="{{checkedCoupon10.id > 0}}" class="money red-txt">{{checkedCoupon10.tickDiscType==01?'¥'+checkedCoupon10.typeMoney+'折':'-¥'+checkedCoupon10.typeMoney}}</text>
  244. <text wx:if="{{!checkedCoupon10}}" class="txt">{{couponList10.length}}张</text>
  245. </view>
  246. </view>
  247. <view class="list-cell" bindtap="hideSwitchTicketPop">
  248. <view class="list-cell-bd">
  249. <view class="list-label">商品合计</view>
  250. </view>
  251. <view class="list-cell-ft">
  252. <text class="txt">共{{goodsTotalByType10}}件商品 总计¥{{goodsTotalPrice10}} 优惠后价格<text style='color:#b4282d;font-size:24rpx'>¥{{actualPrice10}}</text></text>
  253. </view>
  254. </view>
  255. <view class="list-cell" wx:if="{{checkedCoupon10.id > 0}}" bindtap="hideSwitchTicketPop">
  256. <view class="list-cell-bd">
  257. <view class="list-label">商品优惠券</view>
  258. </view>
  259. <view class="list-cell-ft">
  260. <text class="txt" style='color:#b4282d'>{{checkedCoupon10.tickDiscType==01?'¥'+checkedCoupon10.typeMoney+'折':'-¥'+checkedCoupon10.typeMoney}}</text>
  261. </view>
  262. </view>
  263. <view class="list-cell" bindtap="hideSwitchTicketPop">
  264. <view class="list-cell-bd">
  265. <view class="list-label">运费</view>
  266. </view>
  267. <view class="list-cell-ft">
  268. <text class="txt">+¥{{freightPrice10}}</text>
  269. </view>
  270. </view>
  271. <!-- 优惠券、总金额、运费end -->
  272. </view>
  273. </view>
  274. <view class="{{goodsTotalByType11!=0 && couponList.length == 0?'goods-items-all-end':'goods-items-all'}}" wx:if="{{goodsTotalByType11!=0}}">
  275. <view class='item-view'>
  276. <text class="biz-type">普通商品</text>
  277. </view>
  278. <view class="goods-items">
  279. <view class="item" bindtap="hideSwitchTicketPop" wx:for="{{checkedGoodsList}}" wx:if="{{item.goodsBizType==11}}" wx:key="{{item.id}}">
  280. <view class="img">
  281. <image src="{{item.list_pic_url}}"></image>
  282. </view>
  283. <view class="info">
  284. <view class="t">
  285. <view class="name">
  286. {{item.goods_name}}</view>
  287. <text class="number">x{{item.number}}</text>
  288. </view>
  289. <!-- <view class="m">{{null==item.goods_specification_name_value?"":item.goods_specification_name_value}}</view> -->
  290. <view class="b">¥{{item.retail_price}}</view>
  291. </view>
  292. </view>
  293. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  294. <view class="list-cell-checked-bd">
  295. <view class="list-label">配送方式</view>
  296. </view>
  297. <view class="list-cell-checked-ft">
  298. <text class="txt">{{freightPrice11==0?'快递免邮': '¥'+freightPrice11}}</text>
  299. </view>
  300. </view>
  301. <view class="list-cell-checked" bindtap="hideSwitchTicketPop">
  302. <view class="list-cell-checked-hd">
  303. <view class="list-label">留言:</view>
  304. <view class="list-cell-checked-ft">
  305. <view class="textra">
  306. <input name="postscript11" data-goods-type="11" class="keywrod" bindblur="bindPostscriptBlur" placeholder="请输入留言信息" />
  307. </view>
  308. </view>
  309. </view>
  310. </view>
  311. <!-- 优惠券、总金额、运费start -->
  312. <view class="list-cell-checked" bindtap="selectCoupon" data-goods-type="11" wx:if="{{couponList11.length > 0}}">
  313. <view class="list-cell-checked-bd">
  314. <text wx:if="{{checkedCoupon11.id > 0}}" class="name">优惠券:{{checkedCoupon11.couponName}}</text>
  315. <text wx:if="{{!checkedCoupon11}}" class="name">优惠券:未选择</text>
  316. </view>
  317. <view class="list-cell-checked-ft router">
  318. <text wx:if="{{checkedCoupon11.id > 0}}" class="money red-txt">{{checkedCoupon11.tickDiscType==01?'¥'+checkedCoupon11.typeMoney+'折':'-¥'+checkedCoupon11.typeMoney}}</text>
  319. <text wx:if="{{!checkedCoupon11}}" class="txt">{{couponList11.length}}张</text>
  320. </view>
  321. </view>
  322. <view class="list-cell" bindtap="hideSwitchTicketPop">
  323. <view class="list-cell-bd">
  324. <view class="list-label">商品合计</view>
  325. </view>
  326. <view class="list-cell-ft">
  327. <text class="txt">共{{goodsTotalByType11}}件商品 总计¥{{goodsTotalPrice11}} 优惠后价格<text style='color:#b4282d;font-size:24rpx'>¥{{actualPrice11}}</text></text>
  328. </view>
  329. </view>
  330. <view class="list-cell" wx:if="{{checkedCoupon11.id > 0}}" bindtap="hideSwitchTicketPop">
  331. <view class="list-cell-bd">
  332. <view class="list-label">商品优惠券</view>
  333. </view>
  334. <view class="list-cell-ft">
  335. <text class="txt" style='color:#b4282d'>{{checkedCoupon11.tickDiscType==01?'¥'+checkedCoupon11.typeMoney+'折':'-¥'+checkedCoupon11.typeMoney}}</text>
  336. </view>
  337. </view>
  338. <view class="list-cell" bindtap="hideSwitchTicketPop">
  339. <view class="list-cell-bd">
  340. <view class="list-label">运费</view>
  341. </view>
  342. <view class="list-cell-ft">
  343. <text class="txt">+¥{{freightPrice11}}</text>
  344. </view>
  345. </view>
  346. <!-- 优惠券、总金额、运费end -->
  347. </view>
  348. </view>
  349. <view class="goods-items-all-end">
  350. </view>
  351. <!--
  352. <view class="list-cell">
  353. <view class="list-cell-bd">
  354. <view class="list-label">送达时间</view>
  355. </view>
  356. <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}" class="list-cell-ft router">
  357. <view class="red-txt">{{delivery_date}}</view>
  358. <text class="red-txt">{{delivery_remark}}</text>
  359. </picker>
  360. </view > -->
  361. <!-- 领券弹框start -->
  362. <view wx:if="{{openTicketAttr}}" class="attr-pop">
  363. <view class="attr-title">订单优惠</view>
  364. <view class="ticket-img-info">
  365. <!-- 查看门店优惠券列表 -->
  366. <!-- data-ticket-id="{{item.id}}" data-goods-type="{{item.id}}" bindtap="selectTicket" -->
  367. <view style="margin-top: 16rpx;height:50rpx;width:687.5rpx;" wx:for="{{ticketDiscountList}}" wx:key="{{item.id}}" >
  368. <view class="coupon-title">
  369. <view style='float:left'>{{ item.couponName }} {{item.tickDiscType==01?'¥'+item.typeMoney+'折':'¥'+item.typeMoney}}</view>
  370. <view style='float:right;margin-right:30rpx;' data-ticket-id="{{item.id}}" data-goods-type="{{item.goodsBizType}}" bindtap="selectTicket">
  371. <image class="img" src="{{checkTickDiscId==item.id?'../../../static/images/select.png':'../../../static/images/no-select.png'}}"></image>
  372. </view>
  373. </view>
  374. <view class="bottom-btn">
  375. <view class="r" bindtap="submitTicket">完成</view>
  376. </view>
  377. </view>
  378. <!-- 查看门店优惠券列表end -->
  379. </view>
  380. </view>
  381. <!-- 领券弹框end -->
  382. <view class="order-total">
  383. <view class="l">实付:¥{{actualPrice}}</view>
  384. <button class="r" form-type="submit" wx:if="{{!isEditCart}}">去付款</button>
  385. </view>
  386. </form>
  387. </view>