all-order.wxml 4.4 KB
<!--pages/all-order/all-order.wxml-->
<view class="titleLable">
  <van-tabs active="{{active}}" bind:click="onClick">
    <van-tab title="全部订单"></van-tab>
    <van-tab title="待付款"></van-tab>
    <van-tab title="待发货"></van-tab>
    <van-tab title="待收货"></van-tab>
    <van-tab title="待评价"></van-tab>
  </van-tabs>
</view>
<!-- 订单 -->
<view class="container">
  <view class="orderItem" wx:for="{{tabList}}" catchtap="orderDetail" data-orderid="{{item.orderId}}"
    wx:if="{{item.status!==6}}">
    <!-- 订单号 -->
    <view class="top">
      <view class="orderNumber">订单号:{{item.orderId}}</view>
      <view class="status" wx:if="{{item.status==0}}">待付款</view>
      <view class="status" wx:if="{{item.status==1}}">待发货</view>
      <view class="status" wx:if="{{item.status==2}}">待收货</view>
      <view class="status" wx:if="{{item.status==3}}">已完成</view>
      <view class="status" wx:if="{{item.status==4}}">已关闭</view>
      <view class="status" wx:if="{{item.status==5}}">待评价</view>
      <view class="status" wx:if="{{item.status==6}}">待退款</view>
    </view>
    <!-- 商品详情 -->
    <view class="bottom">
      <view class="productPic">
        <image src="{{item.listGoodsVoList[0].goodsPic}}" mode="aspectFill"></image>
      </view>
      <view class="productDetail">
        <view class="name">{{item.listGoodsVoList[0].goodsName}}</view>
        <view class="describe">{{item.listGoodsVoList[0].goodsAttributes}}</view>
        <view class="price">
          <view wx:if="{{item.type==2}}">
            <text class="moneyIcon">¥</text>
            <text class="moneyNum">{{item.listGoodsVoList[0].goodsPrice}}</text></view>
          <view wx:if="{{item.type==1}}"> 积分{{item.listGoodsVoList[0].goodsPrice}}</view>
          <view class="amount">x{{item.listGoodsVoList[0].goodsQuantity}}</view>
        </view>
      </view>
    </view>
    <!-- 合计 -->
    <view class="totalMoneyBox">
      合计:
      <view class="totalMoney">
        <text class="moneyIcon2">¥</text>
        <text class="moneyNum2">{{item.payAmount}}</text>
      </view>
      <view>(含运费<text class="moneyIcon2">¥</text>
        <text class="moneyNum2">{{item.freightAmount}}</text>)</view>
    </view>
    <!-- 按钮 -->
    <view wx:if="{{item.status!==4}}">
      <view class="btnBox" wx:if="{{item.status==0}}">
        <view class="third btnPublic" wx:if="{{item.btnTxtThree!==undefined}}">{{item.btnTxtThree}}</view>
        <view class="second btnPublic" data-orderId="{{item.orderId}}" catchtap="delOrder" data-index="{{index}}">取消订单
        </view>
        <view class="frist btnPublic" bindtap="payment" data-id="{{item.orderId}}">立即支付</view>
      </view>
      <view class="btnBox" wx:if="{{item.status==1}}">
        <view class="third btnPublic" wx:if="{{item.btnTxtThree!==undefined}}">{{item.btnTxtThree}}</view>
        <view class="second btnPublic" catchtap="refund" data-orderid="{{item.orderId}}">申请退款</view>
        <view class="frist btnPublic" data-goodsid="{{item.listGoodsVoList[0].goodsId}}" catchtap="buyAgain">再次购买</view>
      </view>
      <view class="btnBox" wx:if="{{item.status==2}}">
        <view class="third btnPublic" catchtap="logistics" data-orderid="{{item.orderId}}">查看物流</view>
        <view class="second btnPublic" catchtap="refund" data-orderid="{{item.orderId}}">申请退款</view>
        <view class="frist btnPublic" data-orderid="{{item.orderId}}" catchtap="receipt">确认收货</view>
      </view>
      <view class="btnBox" wx:if="{{item.status==5}}">
        <view class="third btnPublic" data-goodsid="{{item.listGoodsVoList[0].goodsId}}" catchtap="buyAgain">再次购买</view>
        <view class="second btnPublic" catchtap="refund" data-orderid="{{item.orderId}}">申请退款</view>
        <view class="frist btnPublic" data-goodsid="{{item.listGoodsVoList[0].goodsId}}" data-orderid="{{item.orderId}}"
          catchtap="evaluate">立即评价</view>
      </view>
    </view>
  </view>
  <view class="bottomHint" wx:if="{{bottomHint}}">
    我是有底线的~
  </view>
  <view class="noData" wx:if="{{tabList.length==0}}">
    <view class="noDataPic">
      <image src="/images/message@2x.png" mode="aspectFill"></image>
    </view>
    <view class="top1">您还没有相关的订单</view>
    <view class="bottom1">可以去看看有那些想买的</view>
  </view>
</view>