index.wxml 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!--pages/shopOrder/index.wxml-->
  2. <view class="container">
  3. <van-tabs active="{{ active }}" class="custom_tabs" line-width="20" line-height="2" swipe-threshold="{{ 6 }}" border="{{false}}" bind:click="onClickTab">
  4. <van-tab title="全部" name="{{-1}}">
  5. </van-tab>
  6. <van-tab title="未支付" name="{{0}}">
  7. </van-tab>
  8. <van-tab title="待发货" name="{{1}}">
  9. </van-tab>
  10. <van-tab title="待自提" name="{{2}}">
  11. </van-tab>
  12. <van-tab title="已完成" name="{{3}}">
  13. </van-tab>
  14. </van-tabs>
  15. <view class="orderList">
  16. <view class="order" wx:for="{{orderList}}" wx:for-index="order.id" wx:for-item="order" wx:key="index">
  17. <!-- 顾客头像 昵称 -->
  18. <view class="user_info">
  19. <image class="thumb" src="{{ order.user.thumb }}"></image>
  20. <view class="nickname">{{ order.user.nickname }}</view>
  21. </view>
  22. <!-- 订单头部 -->
  23. <view class="order_t">
  24. <view class="order_t_l">
  25. <view class="{{order.fare_type == 1 ? 'order_type ziti' :'order_type waimai'}}">{{order.fare_type == 1 ? '自提' : '外卖'}}</view>
  26. <view class="order_time">{{ order.created_at }}</view>
  27. </view>
  28. <view class="order_status">{{ order.statusTitle }}</view>
  29. </view>
  30. <!-- 订单商品 -->
  31. <view class="order_goods" wx:for="{{order.order_good}}" wx:for-index="order_goods.id" wx:for-item="order_goods" wx:key="index">
  32. <view class="order_goods_l">
  33. <image class="goods_thumb" src="{{ imgUrl + order_goods.good_thumb }}"></image>
  34. <view class="goods_info">
  35. <view class="goods_title">{{ order_goods.good_title }}</view>
  36. <view class="goods_labels" wx:if="{{ order_goods.good_specs }}">
  37. <view class="label">{{ order_goods.good_specs.title }}</view>
  38. </view>
  39. <view class="goods_num">x{{ order_goods.nums }}</view>
  40. </view>
  41. </view>
  42. <view class="order_goods_r">
  43. <view class="goods_price">
  44. <text class="cash_tag">¥</text>
  45. <text class="cash_num">{{ order_goods.add_good_rule_id ? order_goods.add_price : order_goods.price }}</text>
  46. </view>
  47. <view class="goods_vip_price" wx:if="{{ !order_goods.add_good_rule_id }}">
  48. <text class="cash_tag">¥</text>
  49. <text class="cash_num">{{order_goods.member_price}}</text>
  50. <text class="vip_tag">会员价</text>
  51. </view>
  52. <view class="goods_def_price" wx:if="{{ order_goods.add_good_rule_id }}">原价<text class="price">¥20.00</text></view>
  53. </view>
  54. </view>
  55. <!-- 订单底部 -->
  56. <view class="order_address" wx:if="{{order.address}}">
  57. <view class="icon_wrap">
  58. <image class="icon_address" src="/statics/img/address.png"></image>
  59. </view>
  60. <view class="order_user_info">
  61. <view class="address">{{order.address}}</view>
  62. <view class="address">
  63. <text class="info">{{order.person}}</text>
  64. <text class="info">{{order.phone}}</text>
  65. </view>
  66. </view>
  67. </view>
  68. <view class="yunfei" wx:if="{{order.delivery_fee != 0}}">
  69. <view class="f-l">配送费</view>
  70. <view class="f-r price">¥{{order.delivery_fee}}</view>
  71. </view>
  72. <view class="order_pay">
  73. <view class="order_pay_l">
  74. <view class="heji">
  75. <text class="sum">共{{ order.goods_total_nums }}件商品</text>
  76. <text class="sum_txt">合计</text>
  77. </view>
  78. <view class="heji_price">
  79. <view class="price">¥{{order.pay_price}}</view>
  80. <!-- <view class="price vip_price">¥{{order.totalMemberPrice}}<text class="vip_tag">会员价</text></view> -->
  81. </view>
  82. </view>
  83. <view class="order_pay_r">
  84. <view class="{{ order.fare_type == 1 ? 'btn_pay ziti' : 'btn_pay waimai'}}" wx:if="{{order.order_status == 1 && order.pay_status == 1 && order.ship_status == 0 }}" data-order="{{order}}" bindtap="toHandle">{{ order.fare_type == 1 ? '自提' : '发货'}}</view>
  85. <view class="btn_pay cancle" wx:if="{{ order.ship_status == 0 && order.order_status == 1 }}" data-order="{{order}}" bind:tap="cancleOrder">取消订单</view>
  86. </view>
  87. </view>
  88. </view>
  89. </view>
  90. </view>
  91. <!-- loading -->
  92. <!-- <van-overlay show="{{ loading }}" z-index="100">
  93. <van-loading custom-class="custom_loading" />
  94. </van-overlay> -->