|
@@ -17,10 +17,13 @@
|
|
|
<!-- 滚动区 -->
|
|
|
<scroll-view class="h-full" scroll-y @scrolltolower="loadData">
|
|
|
<!-- 空白页 -->
|
|
|
- <u-empty text="订单是空的~"
|
|
|
- v-if="!tabItem.loaded && (!tabItem.orderList || tabItem.orderList.length === 0)" mode="order"
|
|
|
- style="padding-top: 100rpx;">
|
|
|
- </u-empty>
|
|
|
+ <view v-if="!tabItem.loaded && (!tabItem.orderList || tabItem.orderList.length === 0)"
|
|
|
+ class="emptys">
|
|
|
+ <u-empty text="订单是空的~"
|
|
|
+ v-if="!tabItem.loaded && (!tabItem.orderList || tabItem.orderList.length === 0)"
|
|
|
+ mode="order">
|
|
|
+ </u-empty>
|
|
|
+ </view>
|
|
|
<!-- 订单列表区 -->
|
|
|
<view class="margin-bottom-sm" :class="index === 0 ? 'padding-top-sm' : ''"
|
|
|
v-for="(item, index) in tabItem.orderList" :key="index">
|
|
@@ -35,8 +38,8 @@
|
|
|
订单编号:{{ item.orderId }}
|
|
|
</view>
|
|
|
<text class="fs-xs active">
|
|
|
- <text v-if="item.status == 'TRADE_NO_CREATE_PAY'">待付款</text>
|
|
|
- <text v-else>已完成</text>
|
|
|
+ <text v-if="item.orderState == '1'">待付款</text>
|
|
|
+ <text v-else-if="item.orderState == '6'">已完成</text>
|
|
|
</text>
|
|
|
</view>
|
|
|
<!-- 订单商品明细 -->
|
|
@@ -183,7 +186,10 @@
|
|
|
console.log('result', result.rows)
|
|
|
this.navList[0].orderList = result.rows
|
|
|
console.log('orderList', this.navList[0].orderList)
|
|
|
- // this.navList[1].orderList = result.rows.filter(item => item.status == 'TRADE_NO_CREATE_PAY');
|
|
|
+ this.navList[1].orderList = result.rows.filter(item => item.orderState == '1')
|
|
|
+ this.navList[2].orderList = result.rows.filter(item => item.orderState == '3')
|
|
|
+ this.navList[3].orderList = result.rows.filter(item => item.orderState == '8')
|
|
|
+ this.navList[4].orderList = result.rows.filter(item => item.orderState == '6')
|
|
|
}
|
|
|
},
|
|
|
loadData() {},
|
|
@@ -281,6 +287,14 @@
|
|
|
background: $page-color-base;
|
|
|
}
|
|
|
|
|
|
+ .emptys {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
/* 订单状态区 */
|
|
|
.navbar-area {
|
|
|
white-space: nowrap;
|