order.wxml 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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. <text>{{express}}</text>
  17. <text class="orderDetail-express__com">({{order.express_company}})</text>
  18. </view>
  19. <view class="orderDetail-express__btn" bindtap="copeOrder">复制</view>
  20. </view>
  21. </view>
  22. <view class="orderDetail-project">
  23. <view wx:for="{{order.product_list}}" wx:id="id">
  24. <view class="order-main">
  25. <image class="order-main__left" src="{{item.cover}}"></image>
  26. <view class="order-main__right">
  27. <h6 class="ellipsisLn">{{item.name}}</h6>
  28. <view class="order-info__title ellipsisLn">{{item.color_name}} {{item.size_name}}</view>
  29. <!-- <view class="order-info__type ellipsis">{{item.detail}}</view> -->
  30. <view class="order-info__price">
  31. <currency symbol="¥" value="{{item.robo_balance_price}}" wx:if="{{order.status === 'unpay'}}" />
  32. <currency symbol="¥" value="{{item.robo_balance_price}}" wx:if="{{order.status !== 'unpay'}}" />
  33. </view>
  34. <view class="order-info__count">x{{item.order_count}}</view>
  35. </view>
  36. <view class="clean"></view>
  37. </view>
  38. <!--
  39. <view class="orderDetail-count">
  40. <view class="orderDetail-count__title">认购数量</view>
  41. <view class="orderDetail-count__count">x{{item.order_count}}</view>
  42. <view class="clean"></view>
  43. </view>
  44. -->
  45. </view>
  46. <view class="orderDetail-discount">
  47. <!-- <view class="orderDetail-discount__title">抵扣</view>
  48. <view class="orderDetail-discount__count">-¥1000<text class="orderDetail-discount__point">(100000代金券)</text></view> -->
  49. <view class="clean"></view>
  50. </view>
  51. <view class="yunfei">
  52. <view class="fl">运费</view>
  53. <view class="fr">
  54. <text style="color:#F00">{{order.freight / 100}}</text>
  55. </view>
  56. </view>
  57. <view class="orderDetail-payPrice">
  58. <view class="orderDetail-payPrice__title">实际支付</view>
  59. <view class="orderDetail-payPrice__count" wx:if="{{order.status === 'unpay'}}">
  60. <currency style="float: left;height: 80rpx;" symbol="¥" value="{{order.product.price * order.count}}"></currency>
  61. <view style="float: left;height: 80rpx;margin-left: 5rpx;" wx:if="{{order.product.robo_balance_price}}">
  62. 或 {{order.product.robo_balance_price * order.count / 100}}代金券</view>
  63. <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>
  64. </view>
  65. <view class="orderDetail-payPrice__count" wx:if="{{order.status !== 'unpay'}}">
  66. <currency symbol="¥" value="{{order.total_price+order.freight}}" wx:if="{{order.pay_way === 'weixinpay'}}"></currency>
  67. <text wx:if="{{order.pay_way === 'balance'}}">{{(order.total_price+order.freight) / 100}}代金券</text>
  68. <text wx:if="{{order.pay_way === 'integral'}}">{{(order.total_price+order.freight) / 100}}代金券</text>
  69. <view class="clean"></view>
  70. </view>
  71. <view class="clean"></view>
  72. </view>
  73. <navigator wx:if="{{order.sign && order.order_id && order.express_code}}" url="/packageUser/pages/user/logistics/logistics?id={{order.order_id}}" style="text-align:right;padding: 25rpx 0;color: #333;" open-type="navigate">查看物流 ></navigator>
  74. </view>
  75. <!-- <view class="orderDetail-info">
  76. <view class="orderDetail-info__line">订单编号:6546a13f13sf54a6f4464f</view>
  77. <view class="orderDetail-info__line">创建时间:2017-10-31 11:22:33</view>
  78. <view class="orderDetail-info__line">支付时间:2017-10-31 11:22:33</view>
  79. <view class="orderDetail-info__line">发货时间:2017-10-31 11:22:33</view>
  80. </view> -->
  81. <view class="orderDetail-btnbg">
  82. <navigator url="/pages/pay/pay?orderId={{order.order_id}}" open-type="navigate">
  83. <view class="orderDetail-btn__red" wx:if="{{order.status === 'unpay'}}">支付</view>
  84. </navigator>
  85. <view class="orderDetail-btn__red" bindtap="confirmPopup" wx:if="{{order.status === 'dispatch'}}">确认收货</view>
  86. <view class="orderDetail-btn__black" bindtap="CancelPopup" wx:if="{{order.status === 'unpay'}}">取消订单</view>
  87. </view>
  88. </view>