order.wxml 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <view class="bg">
  2. <view class="orderDetail-type">{{order.status_cn}}</view>
  3. <view class="orderDetail-address" wx:if="{{order.status !== 'unpay' && order.status !== 'closed'}}">
  4. <view class="orderDetail-address__info">
  5. <view class="orderDetail-address__name">{{order.pick_way == 0 ? '收件人:' : '提货人:'}}{{order.contact}}</view>
  6. <view class="orderDetail-address__tel">{{order.tel}}</view>
  7. <view class="clean"></view>
  8. </view>
  9. <view class="orderDetail-address__more">{{order.address}}</view>
  10. <image class="orderDetail-address__border" src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/image/border.jpg"></image>
  11. </view>
  12. <view class="orderDetail-express" wx:if="{{order.express_order_no}}">
  13. <view class="orderDetail-express__main">
  14. <view class="orderDetail-express__title">物流信息</view>
  15. <view class="orderDetail-express__val">
  16. <navigator class="orderDetail-express__com" url="/packageUser/pages/user/logistics/logistics?id={{order.order_id}}">
  17. <text>{{express}}</text>
  18. <text>({{order.express_company}})</text>
  19. </navigator>
  20. </view>
  21. <!--<view class="orderDetail-express__btn" bindtap="copeOrder">复制</view>-->
  22. </view>
  23. </view>
  24. <view class="orderDetail-project">
  25. <view wx:for="{{order.product_list}}" wx:id="id">
  26. <view class="order-main">
  27. <image class="order-main__left" src="{{item.cover}}"></image>
  28. <view class="order-main__right">
  29. <h6 class="ellipsisLn">
  30. <b style="color:#F00" wx:if="{{item.send}}">[赠品]</b>
  31. {{item.product_name}}</h6>
  32. <view class="order-info__title ellipsisLn" wx:if="{{item.color_name || item.size_name}}">{{item.color_name}} {{item.size_name}}</view>
  33. <!-- <view class="order-info__type ellipsis">{{item.detail}}</view> -->
  34. <view class="project-pack-list" wx:if="{{item.package}}">
  35. <view wx:for="{{item.package_list}}" wx:for-item="pack" wx:for-index="ind">
  36. <p>{{pack.item_title}} x{{pack.nums}}</p>
  37. </view>
  38. </view>
  39. <view class="order-info__price" wx:if="{{order.order_type == 3}}">
  40. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{order.status === 'unpay' && !item.send}}">{{item.price / 100}} 积分</text>
  41. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{order.status !== 'unpay' && !item.send}}">{{item.price / 100}} 积分</text>
  42. <view class="order-info__count">x{{item.count}}</view>
  43. </view>
  44. <view class="order-info__price" wx:else>
  45. <currency symbol="¥" value="{{item.price}}" wx:if="{{order.status === 'unpay' && !item.send}}" />
  46. <currency symbol="¥" value="{{item.price}}" wx:if="{{order.status !== 'unpay' && !item.send}}" />
  47. <view class="order-info__count">x{{item.count}}</view>
  48. </view>
  49. <view wx:if="{{!item.commend}}" class="order-btn__black">
  50. <navigator url="/packageUser/pages/user/comment/comment?id={{item.id}}&pid={{item.product_id}}" open-type="navigate">评价 </navigator>
  51. </view>
  52. </view>
  53. <view class="clean"></view>
  54. </view>
  55. <!--
  56. <view class="orderDetail-count">
  57. <view class="orderDetail-count__title">认购数量</view>
  58. <view class="orderDetail-count__count">x{{item.order_count}}</view>
  59. <view class="clean"></view>
  60. </view>
  61. -->
  62. </view>
  63. <view class="orderDetail-discount">
  64. <!-- <view class="orderDetail-discount__title">抵扣</view>
  65. <view class="orderDetail-discount__count">-¥1000<text class="orderDetail-discount__point">(100000提货券)</text></view> -->
  66. <view class="clean"></view>
  67. </view>
  68. <view class="yunfei">
  69. <view class="fl">运费</view>
  70. <view class="fr">
  71. <text style="color:#F00">{{order.freight / 100}}</text>
  72. </view>
  73. </view>
  74. <view class="orderDetail-payPrice">
  75. <!--
  76. <view class="orderDetail-payPrice__title">实际支付</view>
  77. <view class="orderDetail-payPrice__count" wx:if="{{order.status === 'unpay'}}">
  78. <currency style="float: left;height: 80rpx;" symbol="¥" value="{{order.product.price * order.count}}"></currency>
  79. <view style="float: left;height: 80rpx;margin-left: 5rpx;" wx:if="{{order.product.robo_balance_price}}">
  80. 或 {{order.product.robo_balance_price * order.count / 100}}提货券</view>
  81. <view style="float: left;height: 80rpx;margin-left: 5rpx;" wx:if="{{order.product.mall_balance_price}}">或 {{order.product.mall_balance_price * order.count / 100}}提货券</view>
  82. </view>
  83. -->
  84. <view wx:if="{{order.status === 'unpay'}}">
  85. <view>
  86. <view class="orderDetail-payPrice__title">还需支付合计总额</view>
  87. <text class="orderDetail-payPrice__count">{{(order.total_price+order.freight-order.coupon_price) / 100}}</text>
  88. </view>
  89. </view>
  90. <view wx:if="{{order.status !== 'unpay'}}">
  91. <view style="overflow: hidden;width: 100%;">
  92. <view class="orderDetail-payPrice__title">积分抵扣</view>
  93. <text class="orderDetail-payPrice__count">{{order.cent_price / 100}}积分</text>
  94. </view>
  95. <view style="overflow: hidden;width: 100%;">
  96. <view class="orderDetail-payPrice__title">提货券抵扣</view>
  97. <text class="orderDetail-payPrice__count">{{order.coupon_price / 100}}提货券</text>
  98. </view>
  99. <view style="overflow: hidden;width: 100%;">
  100. <view class="orderDetail-payPrice__title">微信支付</view>
  101. <currency style="float: right;height: 44px;color: #eab86a;" symbol="¥" value="{{order.paied_price}}"></currency>
  102. </view>
  103. <view style="overflow: hidden;width: 100%;">
  104. <view class="orderDetail-payPrice__title">备注信息</view>
  105. <text class="orderDetail-payPrice__count">{{order.remark}}</text>
  106. </view>
  107. </view>
  108. <view class="clean"></view>
  109. </view>
  110. </view>
  111. <!-- <view class="orderDetail-info">
  112. <view class="orderDetail-info__line">订单编号:6546a13f13sf54a6f4464f</view>
  113. <view class="orderDetail-info__line">创建时间:2017-10-31 11:22:33</view>
  114. <view class="orderDetail-info__line">支付时间:2017-10-31 11:22:33</view>
  115. <view class="orderDetail-info__line">发货时间:2017-10-31 11:22:33</view>
  116. </view> -->
  117. <view class="orderDetail-btnbg">
  118. <navigator url="/pages/pay/pay?orderId={{order.order_id}}" open-type="navigate">
  119. <view class="orderDetail-btn__red" wx:if="{{order.status === 'unpay'}}">支付</view>
  120. </navigator>
  121. <view class="orderDetail-btn__red" bindtap="confirmPopup" wx:if="{{order.status === 'dispatch'}}">确认收货</view>
  122. <view class="orderDetail-btn__black" bindtap="CancelPopup" wx:if="{{order.status === 'unpay'}}">取消订单</view>
  123. <button class="orderDetail-btn__wxkf" open-type="contact"
  124. bindtap ='copy' data-copy='{{order.order_id}}'
  125. >
  126. 联系客服
  127. </button>
  128. <view wx:if="{{order.sign && order.express_order_no && order.express_code}}" class="orderDetail-btn__black">
  129. <navigator url="/packageUser/pages/user/logistics/logistics?id={{order.order_id}}" open-type="navigate">查看物流 </navigator>
  130. </view>
  131. </view>
  132. </view>