146 lines
2.9 KiB
Vue
146 lines
2.9 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="rf-bill-list" v-if="list.length > 0">
|
|||
|
|
<view
|
|||
|
|
class="rf-list-item"
|
|||
|
|
v-for="(item, index) in list"
|
|||
|
|
:key="index"
|
|||
|
|
@click="handlerDetail(item)"
|
|||
|
|
>
|
|||
|
|
<view class="mid">
|
|||
|
|
<view class="flex flex-between">
|
|||
|
|
<view class="time">
|
|||
|
|
汇款人：{{ item.remitter }}
|
|||
|
|
</view>
|
|||
|
|
<view class="title">
|
|||
|
|
汇款时间：{{ item.remittanceDate }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<u-gap height="20rpx"></u-gap>
|
|||
|
|
<view class="flex flex-between">
|
|||
|
|
<view class="time">
|
|||
|
|
充值时间：{{ item.createTime }}
|
|||
|
|
</view>
|
|||
|
|
<view class="title">
|
|||
|
|
充值金额：{{ item.price }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<u-gap height="20rpx"></u-gap>
|
|||
|
|
<view class="flex flex-between">
|
|||
|
|
<view>
|
|||
|
|
<view class="time">
|
|||
|
|
充值状态：
|
|||
|
|
<text v-if="item.audit == 0">审核中</text>
|
|||
|
|
<text v-if="item.audit == 1">审核通过</text>
|
|||
|
|
<text v-if="item.audit == 2">已驳回</text>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.audit == 2" class="title">
|
|||
|
|
驳回原因：{{ item.why }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.status == 0" class="error" >
|
|||
|
|
状态: 冻结
|
|||
|
|
</view>
|
|||
|
|
<view v-if="item.status == 1" class="success">
|
|||
|
|
状态: 激活
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view v-else class="flex flex-center" style="height: 100vh;">
|
|||
|
|
<u-empty
|
|||
|
|
|
|||
|
|
mode="list"
|
|||
|
|
text="暂无记录"
|
|||
|
|
>
|
|||
|
|
</u-empty>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import url from "@/common/http/url.js";
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
list: [],
|
|||
|
|
pageNum: 1,
|
|||
|
|
isLoad: false
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad(e) {
|
|||
|
|
this.getList(e.type);
|
|||
|
|
},
|
|||
|
|
onReachBottom() {
|
|||
|
|
if (this.isLoad) return;
|
|||
|
|
this.pageNum++;
|
|||
|
|
this.getList();
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getList (type) {
|
|||
|
|
this.$http("GET", url.asset[type], {
|
|||
|
|
pageNum: this.pageNum,
|
|||
|
|
pageSize: 10
|
|||
|
|
}).then((res) => {
|
|||
|
|
let { code, data: { records } } = res;
|
|||
|
|
if (code == 200) {
|
|||
|
|
this.list = [...this.list, ...records];
|
|||
|
|
if (records.length < 10) this.isLoad = true;
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.error{
|
|||
|
|
color:red;
|
|||
|
|
}
|
|||
|
|
.success{
|
|||
|
|
color:'#09d509';
|
|||
|
|
}
|
|||
|
|
.rf-bill-list {
|
|||
|
|
.rf-list-item {
|
|||
|
|
background-color: #fff;
|
|||
|
|
padding: 40rpx 20rpx;
|
|||
|
|
border-bottom: 1upx solid rgba(0, 0, 0, .5);
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
.mid {
|
|||
|
|
width: 100%;
|
|||
|
|
.title {
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #000;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.time {
|
|||
|
|
margin-top: 10upx;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
color: #000;
|
|||
|
|
// width: 300rpx;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.right {
|
|||
|
|
.change-num {
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #000;
|
|||
|
|
}
|
|||
|
|
.change-num-add {
|
|||
|
|
color: #16ac57;
|
|||
|
|
}
|
|||
|
|
.change-num-reduce {
|
|||
|
|
color: #fc4141;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|