groupConfirmOrder.wxml 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <!-- 确认订单 -->
  2. <!-- 参团流程 -->
  3. <view class="process">
  4. <view class="process-item choose-prod">
  5. <view class="process-icon">
  6. <image src="../../images/icon/gift.png"></image>
  7. </view>
  8. <view class="process-text">1.选择商品开团/参团</view>
  9. </view>
  10. <view class="next-icon"><image src="../../images/icon/more.png"></image></view>
  11. <view class="process-item invent">
  12. <view class="process-icon">
  13. <image src="../../images/icon/chat.png"></image>
  14. </view>
  15. <view class="process-text">2.邀请好友参团</view>
  16. </view>
  17. <view class="next-icon"><image src="../../images/icon/more.png"></image></view>
  18. <view class="process-item full">
  19. <view class="process-icon">
  20. <image src="../../images/icon/enough.png"></image>
  21. </view>
  22. <view class="process-text">3.人满成团</view>
  23. </view>
  24. </view>
  25. <!-- 流程end -->
  26. <!--地址栏 -->
  27. <view class="address-box" bindtap="toAddrListPage">
  28. <!-- 地址图标 -->
  29. <view class="addr-icon"><image src="../../images/icon/addr.png"></image></view>
  30. <view class="add-addr" wx:if="{{!userAddrDto}}">添加收货地址</view>
  31. <block wx:if="{{userAddrDto}}">
  32. <!-- 地址信息 -->
  33. <view class="recipient clearfix">
  34. <text class="username">{{userAddrDto.receiver}}</text>
  35. <text class="cellphone">{{userAddrDto.mobile}}</text>
  36. </view>
  37. <view class="addr-text">收货地址:{{userAddrDto.province}}{{userAddrDto.city}}{{userAddrDto.area}}{{userAddrDto.addr}}</view>
  38. </block>
  39. <!-- 右箭头 -->
  40. <view class="more-icon"><image src="../../images/icon/more.png"></image></view>
  41. <!-- 下虚线 -->
  42. <view class="dotted-line"><image src="../../images/icon/dotted-line.png"></image></view>
  43. </view>
  44. <!--地址栏end -->
  45. <!-- 商品信息 -->
  46. <view class="prod-box">
  47. <!-- <view class="prod-shop">
  48. <view class="shop-icon"><image src="../../images/icon/shop.png"></image></view>
  49. <text class="shop-name">笑橙小店190827</text>
  50. </view>
  51. -->
  52. <!-- 商品信息 -->
  53. <view class="prod-msg">
  54. <view class="prod-img">
  55. <image src="{{orderInfo.prodPic}}"></image>
  56. </view>
  57. <view class="prod-text clearfix">
  58. <view class="prod-name">{{orderInfo.prodName}}</view>
  59. <view class="prod-sku">{{orderInfo.skuName}}</view>
  60. <view class="prod-price-box">
  61. <text class="prod-price">¥{{orderInfo.actPrice}}</text>
  62. <text class="prod-price-del">¥{{orderInfo.price}}</text>
  63. <text class="prod-amount">x {{orderInfo.prodTotalCount}}</text>
  64. </view>
  65. </view>
  66. </view>
  67. </view>
  68. <!-- 商品信息end -->
  69. <!-- 配送&留言 -->
  70. <view class="row">
  71. <!-- <view class="dispatching clearfix">
  72. <text class="dispatching-tit">配送方式</text>
  73. <text class="dispatching-way">快递 免运费</text>
  74. </view> -->
  75. <view class="live-message">
  76. <text class="message-tit">买家留言</text>
  77. <input class="message-int" placeholder="建议留言前先与商家沟通确认" value="{{remarks}}" bindinput="onRemarksInput"/>
  78. </view>
  79. </view>
  80. <!-- 配送&留言 end -->
  81. <!-- 商品总额 -->
  82. <view class="sum">
  83. <view class="cost-box">
  84. <view class="prod-table clearfix">
  85. <text class="prod-table-tit">商品金额</text>
  86. <text class="prod-table-way">¥{{orderInfo.prodTotalPrice}}</text>
  87. </view>
  88. <view class="prod-table clearfix">
  89. <text class="prod-table-tit">运费</text>
  90. <text class="prod-table-way">+ ¥{{orderInfo.transfee}}</text>
  91. </view>
  92. </view>
  93. <!-- 合计 -->
  94. <view class="total-cost">
  95. 合计:<text class="total-num">¥{{orderInfo.orderTotalPrice}}</text>
  96. </view>
  97. </view>
  98. <!-- 商品金额 end -->
  99. <!-- 底部 -->
  100. <view class="foot-box">
  101. <view class="foot">
  102. <view class="total-price">合计:<text class="total-price-num">¥{{orderInfo.orderTotalPrice}}</text></view>
  103. <!-- 提交按钮 -->
  104. <view class="submit-btn" bindtap="commitOrder">提交订单</view>
  105. </view>
  106. </view>
  107. <!-- 底部end -->