orders.wxml 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <view class="bg">
  2. <view class="orders-tabs">
  3. <view class="orders-tab" bindtap="tabAll">全部</view>
  4. <view class="orders-tab" bindtap="tabUnpay">待支付</view>
  5. <view class="orders-tab" bindtap="tabProcessing">待发货</view>
  6. <view class="orders-tab" bindtap="tabDispatch">待收货</view>
  7. <view class="orders-tab" bindtap="tabComplete">已完成</view>
  8. <view class="clean"></view>
  9. <view class="orders-tab__border" style="left: {{tabLeft}}"></view>
  10. </view>
  11. <view class="orders-main">
  12. <view class="order" wx:key="{{index}}" wx:for="{{list}}">
  13. <view class="order-title">
  14. <view class="order-title__left">订单号:{{item.order_id}}</view>
  15. <view class="order-title__right">{{item.status_cn}}</view>
  16. <view class="clean"></view>
  17. </view>
  18. <navigator url="/packageUser/pages/user/order/order?id={{item.order_id}}" open-type="navigate">
  19. <view class="order-main" wx:for="{{item.product_list}}" wx:for-item="nitem">
  20. <image class="order-main__left" src="{{nitem.cover}}"></image>
  21. <view class="order-main__right">
  22. <view class="order-info__title ellipsisLn"><b style="color:#F00" wx:if="{{nitem.send}}">[赠品]</b>{{nitem.product_name}} <span wx:if="{{nitem.color_name || nitem.size_name}}">|</span> {{nitem.color_name}} {{nitem.size_name}}</view>
  23. <!-- <view class="order-info__type ellipsis">{{nitem.detail}}</view> -->
  24. <view class="order-info__price" wx:if="{{item.order_type == 3}}">
  25. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{item.status === 'unpay'}}" >{{nitem.price / 100}} 积分</text>
  26. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{item.status !== 'unpay'}}" >{{nitem.price / 100}} 积分</text>
  27. </view>
  28. <view class="order-info__price" wx:else>
  29. <currency symbol="¥" value="{{nitem.price}}" wx:if="{{item.status === 'unpay'}}" />
  30. <currency symbol="¥" value="{{nitem.price}}" wx:if="{{item.status !== 'unpay'}}" />
  31. </view>
  32. <!-- <currency wx:if="{{item.status == 'unpay' || item.pay_way == 'weixinpay'}}" symbol="¥" value="{{nitem.price}}"></currency><text style="color:#bbb"> <text wx:if="{{item.status == 'unpay' || item.pay_way == 'balance'}}"> <text wx:if="{{item.status == 'unpay'}}"> 或</text> {{nitem.price}}提货券</text></text><currency symbol="¥" value="{{nitem.price}}" ></currency><text class="order-info__point">(或{{nitem.price}}提货券)</text> -->
  33. <view class="order-info__count">x{{nitem.count}}</view>
  34. <view wx:if="{{!nitem.commend}}" class="order-btn__black">
  35. <navigator url="/packageUser/pages/user/comment/comment?id={{nitem.id}}&pid={{nitem.product_id}}" open-type="navigate">商品评论 </navigator>
  36. </view>
  37. </view>
  38. <view class="clean"></view>
  39. </view>
  40. </navigator>
  41. <view class="order-allprice" wx:if="{{item.status === 'unpay'}}">共{{item.count}}件商品 合计:
  42. <!--<view style="float: right;margin-left: 5rpx;" wx:if="{{item.product.mall_balance_price}}">
  43. <text> 或</text> {{item.product.mall_balance_price * item.count / 100}}提货券
  44. </view>-->
  45. <text style="float: right;margin-left: 5rpx;" wx:if="{{item.product.robo_balance_price}}">
  46. <text> 或</text> {{(item.total_price+item.freight) / 100}}
  47. </text>
  48. <currency style="float: right;" symbol="¥" value="{{item.total_price+item.freight}}"></currency>
  49. <view class="clean"></view>
  50. </view>
  51. <view class="order-allprice" wx:if="{{item.status !== 'unpay'}}">共{{item.count}}件商品 合计:
  52. <view style="float: right;" wx:if="{{item.pay_way == 'integral' && item.product.mall_balance_price}}">{{(item.total_price+item.freight) / 100}}提货券
  53. </view>
  54. <text style="float: right;" wx:if="{{item.order_type == 3 || item.pay_way == 'cent'}}">{{(item.total_price+item.freight) / 100}} 积分
  55. </text>
  56. <text style="float: right;" wx:if="{{item.pay_way == 'balance'}}">{{(item.total_price+item.freight) / 100}}
  57. </text>
  58. <currency style="float: right;" wx:if="{{item.pay_way == 'weixinpay'}}" symbol="¥" value="{{item.total_price+item.freight}}"></currency>
  59. <view class="clean"></view>
  60. </view>
  61. <view class="order-btn">
  62. <navigator url="/pages/pay/pay?orderId={{item.order_id}}" open-type="navigate">
  63. <view class="order-btn__red" wx:if="{{item.status === 'unpay'}}">支付</view>
  64. </navigator>
  65. <view class="order-btn__red" bindtap="confirmPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'dispatch'}}">确认收货</view>
  66. <view class="order-btn__black" bindtap="CancelPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'unpay'}}">取消订单</view>
  67. <!-- <view class="order-btn__black" wx:if="{{item.status === 'dispatch' && item.status === 'dispatch'}}">查看物流</view> -->
  68. <!-- <view class="order-btn__black">删除订单</view> -->
  69. <view wx:if="{{item.sign && item.express_order_no && item.express_code}}" class="order-btn__black">
  70. <navigator url="/packageUser/pages/user/logistics/logistics?id={{item.order_id}}" open-type="navigate">查看物流 </navigator>
  71. </view>
  72. </view>
  73. </view>
  74. <view class="orders-no" wx:if="{{list.length <= 0}}">
  75. <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/unorders.png" class="orders-no__icon"></image>
  76. <view class="orders-no__text">还没有订单信息</view>
  77. </view>
  78. </view>
  79. </view>