orders.wxml 5.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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.is_zeng}}">[赠品]</b>{{nitem.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 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.order_count}}</view>
  34. </view>
  35. <view class="clean"></view>
  36. </view>
  37. </navigator>
  38. <view class="order-allprice" wx:if="{{item.status === 'unpay'}}">共{{item.count}}件商品 合计:
  39. <!--<view style="float: right;margin-left: 5rpx;" wx:if="{{item.product.mall_balance_price}}">
  40. <text> 或</text> {{item.product.mall_balance_price * item.count / 100}}提货券
  41. </view>-->
  42. <text style="float: right;margin-left: 5rpx;" wx:if="{{item.product.robo_balance_price}}">
  43. <text> 或</text> {{(item.total_price+item.freight) / 100}}
  44. </text>
  45. <currency style="float: right;" symbol="¥" value="{{item.total_price+item.freight}}"></currency>
  46. <view class="clean"></view>
  47. </view>
  48. <view class="order-allprice" wx:if="{{item.status !== 'unpay'}}">共{{item.count}}件商品 合计:
  49. <view style="float: right;" wx:if="{{item.pay_way == 'integral' && item.product.mall_balance_price}}">{{(item.total_price+item.freight) / 100}}提货券
  50. </view>
  51. <text style="float: right;" wx:if="{{item.order_type == 3 || item.pay_way == 'cent'}}">{{(item.total_price+item.freight) / 100}} 积分
  52. </text>
  53. <text style="float: right;" wx:if="{{item.pay_way == 'balance'}}">{{(item.total_price+item.freight) / 100}}
  54. </text>
  55. <currency style="float: right;" wx:if="{{item.pay_way == 'weixinpay'}}" symbol="¥" value="{{item.total_price+item.freight}}"></currency>
  56. <view class="clean"></view>
  57. </view>
  58. <view class="order-btn">
  59. <navigator url="/pages/pay/pay?orderId={{item.order_id}}" open-type="navigate">
  60. <view class="order-btn__red" wx:if="{{item.status === 'unpay'}}">支付</view>
  61. </navigator>
  62. <view class="order-btn__red" bindtap="confirmPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'dispatch'}}">确认收货</view>
  63. <view class="order-btn__black" bindtap="CancelPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'unpay'}}">取消订单</view>
  64. <!-- <view class="order-btn__black" wx:if="{{item.status === 'dispatch' && item.status === 'dispatch'}}">查看物流</view> -->
  65. <!-- <view class="order-btn__black">删除订单</view> -->
  66. <view wx:if="{{item.sign && item.express_order_no && item.express_code}}" class="order-btn__black">
  67. <navigator url="/packageUser/pages/user/logistics/logistics?id={{item.order_id}}" open-type="navigate">查看物流 </navigator>
  68. </view>
  69. </view>
  70. </view>
  71. <view class="orders-no" wx:if="{{list.length <= 0}}">
  72. <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/unorders.png" class="orders-no__icon"></image>
  73. <view class="orders-no__text">还没有订单信息</view>
  74. </view>
  75. </view>
  76. </view>