orders.wxml 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  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="project-pack-list" wx:if="{{nitem.package}}">
  25. <view wx:for="{{nitem.package_list}}" wx:for-item="pack" wx:for-index="ind">
  26. <p>{{pack.item_title}} x{{pack.nums}}</p>
  27. </view>
  28. </view>
  29. <view class="order-info__price" wx:if="{{item.order_type == 3}}">
  30. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{item.status === 'unpay'}}" >{{nitem.price / 100}} 积分</text>
  31. <text style=" color: #eab86a;font-size: 24rpx;" wx:if="{{item.status !== 'unpay'}}" >{{nitem.price / 100}} 积分</text>
  32. <view class="order-info__count">x{{nitem.count}}</view>
  33. </view>
  34. <view class="order-info__price" wx:else>
  35. <currency symbol="¥" value="{{nitem.price}}" wx:if="{{item.status === 'unpay'}}" />
  36. <currency symbol="¥" value="{{nitem.price}}" wx:if="{{item.status !== 'unpay'}}" />
  37. <view class="order-info__count">x{{nitem.count}}</view>
  38. </view>
  39. <!-- <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> -->
  40. <view wx:if="{{!nitem.commend}}" class="order-btn__black" catchtap="toCommend" data-id="{{nitem.id}}" data-pid="{{nitem.product_id}}">商品评论
  41. <!-- <navigator url="/packageUser/pages/user/comment/comment?id={{nitem.id}}&pid={{nitem.product_id}}" open-type="navigate">商品评论 </navigator> -->
  42. </view>
  43. </view>
  44. <view class="clean"></view>
  45. </view>
  46. </navigator>
  47. <view class="order-allprice" wx:if="{{item.status === 'unpay'}}">共{{item.count}}件商品 合计:
  48. <!--<view style="float: right;margin-left: 5rpx;" wx:if="{{item.product.mall_balance_price}}">
  49. <text> 或</text> {{item.product.mall_balance_price * item.count / 100}}提货券
  50. </view>-->
  51. <text style="float: right;margin-left: 5rpx;" wx:if="{{item.product.robo_balance_price}}">
  52. <text> 或</text> {{(item.total_price+item.freight) / 100}}
  53. </text>
  54. <currency style="float: right;" symbol="¥" value="{{item.total_price+item.freight}}"></currency>
  55. <view class="clean"></view>
  56. </view>
  57. <view class="order-allprice" wx:if="{{item.status !== 'unpay'}}">共{{item.count}}件商品 合计:
  58. <view style="float: right;" wx:if="{{item.pay_way == 'integral' && item.product.mall_balance_price}}">{{(item.total_price+item.freight) / 100}}提货券
  59. </view>
  60. <text style="float: right;" wx:if="{{item.order_type == 3 || item.pay_way == 'cent'}}">{{(item.total_price+item.freight) / 100}} 积分
  61. </text>
  62. <text style="float: right;" wx:if="{{item.pay_way == 'balance'}}">{{(item.total_price+item.freight) / 100}}
  63. </text>
  64. <currency style="float: right;" wx:if="{{item.pay_way == 'weixinpay'}}" symbol="¥" value="{{item.total_price+item.freight}}"></currency>
  65. <view class="clean"></view>
  66. </view>
  67. <view class="order-btn">
  68. <navigator url="/pages/pay/pay?orderId={{item.order_id}}" open-type="navigate">
  69. <view class="order-btn__red" wx:if="{{item.status === 'unpay'}}">支付</view>
  70. </navigator>
  71. <view class="order-btn__red" bindtap="confirmPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'dispatch'}}">确认收货</view>
  72. <view class="order-btn__black" bindtap="CancelPopup" data-val="{{item.order_id}}" wx:if="{{item.status === 'unpay'}}">取消订单</view>
  73. <!-- <view class="order-btn__black" wx:if="{{item.status === 'dispatch' && item.status === 'dispatch'}}">查看物流</view> -->
  74. <!-- <view class="order-btn__black">删除订单</view> -->
  75. <view wx:if="{{item.sign && item.express_order_no && item.express_code}}" class="order-btn__black">
  76. <navigator url="/packageUser/pages/user/logistics/logistics?id={{item.order_id}}" open-type="navigate">查看物流 </navigator>
  77. </view>
  78. </view>
  79. </view>
  80. <view class="orders-no" wx:if="{{list.length <= 0}}">
  81. <image src="http://fohow.oss-cn-shenzhen.aliyuncs.com/xcx/user/unorders.png" class="orders-no__icon"></image>
  82. <view class="orders-no__text">还没有订单信息</view>
  83. </view>
  84. </view>
  85. </view>