order.wxml 6.1 KB

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