orders.wxml 6.1 KB

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