all-order.wxml 3.7 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}}"></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}}"> ¥{{item.listGoodsVoList[0].goodsPrice}}</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">¥{{item.payAmount}}</view>
      <view>(含运费¥{{item.freightAmount}})</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>