order.wxml 4.7 KB

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