|
|
@@ -8,6 +8,7 @@
|
|
|
back-icon-color="#CCE8FF"
|
|
|
:background="{background: 'linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%)' }"></u-navbar>
|
|
|
|
|
|
+ <u-empty class="u-m-t-50" text="很棒!没有欠费订单!" mode="list" v-if="listEmpty"></u-empty>
|
|
|
<view class="owelist">
|
|
|
<view class="owelist-item" v-for="(item,index) in owelist" :key="item.id">
|
|
|
<view class="item-header u-flex u-row-between">
|
|
|
@@ -21,7 +22,7 @@
|
|
|
<view class="info-item">进场时间：{{item.inTime}}</view>
|
|
|
<view class="info-item">出场时间：{{item.outTime}}</view>
|
|
|
<view class="info-item">停车时长：{{item.duration}}</view>
|
|
|
- <view class="info-item">欠费金额：<span class="u-type-warning">{{item.payAmount}}元</span></view>
|
|
|
+ <view class="info-item">欠费金额：<span class="amount">{{item.payAmount}}元</span></view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<u-toast ref="uToast" />
|
|
|
@@ -33,7 +34,7 @@
|
|
|
data(){
|
|
|
return{
|
|
|
orderID:'',
|
|
|
- leaveDetail:[],
|
|
|
+ listEmpty:false,
|
|
|
owelist:[],
|
|
|
}
|
|
|
},
|
|
|
@@ -52,17 +53,21 @@
|
|
|
});
|
|
|
},
|
|
|
handleEntranceOutDetail(){
|
|
|
+ uni.showLoading({});
|
|
|
this.$u.api.entranceOutDetail({spaceId:this.orderID})
|
|
|
.then(res=>{
|
|
|
+ uni.hideLoading();
|
|
|
// this.$refs.uToast.show({
|
|
|
// title: res.msg,
|
|
|
// type: 'success',
|
|
|
// });
|
|
|
this.leaveDetail = res.data;
|
|
|
this.owelist = res.data.oweList;
|
|
|
+ if(this.owelist.length<=0){this.listEmpty = true};
|
|
|
|
|
|
console.log('entranceOutDetail',res)
|
|
|
}).catch(err=>{
|
|
|
+ uni.hideLoading();
|
|
|
this.$refs.uToast.show({
|
|
|
title: err.msg,
|
|
|
type: 'error',
|
