order.wxml 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  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.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">{{item.color_name}} {{item.size_name}}</view>
  33. <!-- <view class="order-info__type ellipsis">{{item.detail}}</view> -->
  34. <view class="order-info__price" wx:if="{{order.order_type == 3}}">
  35. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{order.status === 'unpay'}}">{{item.price / 100}} 积分</text>
  36. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{order.status !== 'unpay'}}">{{item.price / 100}} 积分</text>
  37. </view>
  38. <view class="order-info__price" wx:else>
  39. <currency symbol="¥" value="{{item.price}}" wx:if="{{order.status === 'unpay'}}" />
  40. <currency symbol="¥" value="{{item.price}}" wx:if="{{order.status !== 'unpay'}}" />
  41. </view>
  42. <view class="order-info__count">x{{item.count}}</view>
  43. <view wx:if="{{!item.commend}}" class="order-btn__black">
  44. <navigator url="/packageUser/pages/user/comment/comment?id={{item.id}}&pid={{item.product_id}}" open-type="navigate">商品评论 </navigator>
  45. </view>
  46. </view>
  47. <view class="clean"></view>
  48. </view>
  49. <!--
  50. <view class="orderDetail-count">
  51. <view class="orderDetail-count__title">认购数量</view>
  52. <view class="orderDetail-count__count">x{{item.order_count}}</view>
  53. <view class="clean"></view>
  54. </view>
  55. -->
  56. </view>
  57. <view class="orderDetail-discount">
  58. <!-- <view class="orderDetail-discount__title">抵扣</view>
  59. <view class="orderDetail-discount__count">-¥1000<text class="orderDetail-discount__point">(100000提货券)</text></view> -->
  60. <view class="clean"></view>
  61. </view>
  62. <view class="yunfei">
  63. <view class="fl">运费</view>
  64. <view class="fr">
  65. <text style="color:#F00">{{order.freight / 100}}</text>
  66. </view>
  67. </view>
  68. <view class="orderDetail-payPrice">
  69. <!--
  70. <view class="orderDetail-payPrice__title">实际支付</view>
  71. <view class="orderDetail-payPrice__count" wx:if="{{order.status === 'unpay'}}">
  72. <currency style="float: left;height: 80rpx;" symbol="¥" value="{{order.product.price * order.count}}"></currency>
  73. <view style="float: left;height: 80rpx;margin-left: 5rpx;" wx:if="{{order.product.robo_balance_price}}">
  74. 或 {{order.product.robo_balance_price * order.count / 100}}提货券</view>
  75. <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>
  76. </view>
  77. -->
  78. <view wx:if="{{order.status === 'unpay'}}">
  79. <view>
  80. <view class="orderDetail-payPrice__title">还需支付合计总额</view>
  81. <text class="orderDetail-payPrice__count">{{(order.total_price+order.freight-order.coupon_price) / 100}}</text>
  82. </view>
  83. </view>
  84. <view wx:if="{{order.status !== 'unpay'}}">
  85. <view style="overflow: hidden;width: 100%;">
  86. <view class="orderDetail-payPrice__title">积分抵扣</view>
  87. <text class="orderDetail-payPrice__count">{{order.cent_price / 100}}积分</text>
  88. </view>
  89. <view style="overflow: hidden;width: 100%;">
  90. <view class="orderDetail-payPrice__title">提货券抵扣</view>
  91. <text class="orderDetail-payPrice__count">{{order.coupon_price / 100}}提货券</text>
  92. </view>
  93. <view style="overflow: hidden;width: 100%;">
  94. <view class="orderDetail-payPrice__title">微信支付</view>
  95. <currency style="float: right;height: 44px;color: #eab86a;" symbol="¥" value="{{order.paied_price}}"></currency>
  96. </view>
  97. </view>
  98. <view class="clean"></view>
  99. </view>
  100. </view>
  101. <!-- <view class="orderDetail-info">
  102. <view class="orderDetail-info__line">订单编号:6546a13f13sf54a6f4464f</view>
  103. <view class="orderDetail-info__line">创建时间:2017-10-31 11:22:33</view>
  104. <view class="orderDetail-info__line">支付时间:2017-10-31 11:22:33</view>
  105. <view class="orderDetail-info__line">发货时间:2017-10-31 11:22:33</view>
  106. </view> -->
  107. <view class="orderDetail-btnbg">
  108. <navigator url="/pages/pay/pay?orderId={{order.order_id}}" open-type="navigate">
  109. <view class="orderDetail-btn__red" wx:if="{{order.status === 'unpay'}}">支付</view>
  110. </navigator>
  111. <view class="orderDetail-btn__red" bindtap="confirmPopup" wx:if="{{order.status === 'dispatch'}}">确认收货</view>
  112. <view class="orderDetail-btn__black" bindtap="CancelPopup" wx:if="{{order.status === 'unpay'}}">取消订单</view>
  113. <view wx:if="{{order.sign && order.express_order_no && order.express_code}}" class="orderDetail-btn__black">
  114. <navigator url="/packageUser/pages/user/logistics/logistics?id={{order.order_id}}" open-type="navigate">查看物流 </navigator>
  115. </view>
  116. </view>
  117. </view>