<template>
|
<view class="full-page">
|
<view class="" v-if="imcomeInfo&&imcomeInfo.length>0">
|
<view class="money_bag">
|
<up-cell :value="`${item.yiTiXianJine} 元`" :title="item.zhiChuShouRuName" :label="item.remark"
|
v-for="(item,index) in imcomeInfo" :key='item.id'></up-cell>
|
</view>
|
<up-loadmore :status="loadStatus" />
|
</view>
|
<view class="tool_content" v-else>
|
<up-empty mode="list" icon="http://cdn.uviewui.com/uview/empty/list.png">
|
</up-empty>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
onLoad() {
|
let that = this
|
that.identity = this.$db.get('identity')
|
},
|
data() {
|
return {
|
identity: '',
|
imcomeInfo: null,
|
pageIndex: 1,
|
pageSize: 20,
|
loadStatus: 'loadmore'
|
}
|
},
|
onLoad() {
|
this.PostMyTiXianDetailListPage()
|
},
|
onReachBottom() {
|
if (this.loadStatus != 'nomore') {
|
this.PostMyTiXianDetailListPage();
|
}
|
},
|
onPullDownRefresh() {
|
this.pageIndex = 1
|
this.pageSize = 20
|
this.loadStatus = 'loadmore'
|
this.PostMyTiXianDetailListPage();
|
uni.stopPullDownRefresh();
|
},
|
methods: {
|
PostMyTiXianDetailListPage() {
|
let obj = {
|
pageIndex: this.pageIndex,
|
pageSize: this.pageSize
|
}
|
this.$api.PostMyTiXianDetailListPage(obj).then(res => {
|
if (res.code == 1) {
|
if (this.pageIndex == 1) {
|
this.imcomeInfo = res.data.items
|
} else {
|
this.imcomeInfo = this.imcomeInfo.concat(...res.data.items)
|
}
|
// totalPages.value = res.data.totalCount
|
// 根据count数量判断是否还有数据
|
if (res.data.totalCount > this.imcomeInfo.length) {
|
this.loadStatus = 'loadmore'
|
this.pageIndex++
|
} else {
|
// 数据已加载完毕
|
this.loadStatus = 'nomore'
|
}
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.content {
|
width: 100%;
|
height: 390rpx;
|
background-color: #fed244;
|
box-sizing: border-box;
|
padding: 50rpx 22rpx 0 22rpx;
|
|
.balance {
|
width: 100%;
|
height: 100%;
|
box-sizing: border-box;
|
background-color: #fff;
|
border-radius: 20rpx 20rpx 0 0;
|
padding: 30rpx;
|
|
.header {
|
width: 100%;
|
height: 85%;
|
box-sizing: border-box;
|
border: 1px solid #eeeff4;
|
border-radius: 15rpx;
|
padding: 25rpx;
|
background-image: linear-gradient(to bottom, #f4f5fc, #ffffff);
|
|
.left {}
|
|
.right {
|
width: 130rpx;
|
}
|
}
|
}
|
}
|
|
|
.money_bag {
|
background: #fff;
|
border-radius: 16rpx;
|
margin-top: 30rpx;
|
// padding: 20rpx 30rpx;
|
position: relative;
|
// top: 25rpx;
|
z-index: 2;
|
}
|
|
.tool_wrap {
|
.tool_title {
|
padding: 30rpx;
|
border-bottom: 2rpx solid #eee;
|
|
.title {
|
color: #333;
|
font-size: 32rpx;
|
font-weight: 700;
|
}
|
|
.title_right {
|
color: #939499;
|
}
|
}
|
|
.tool_content {
|
padding: 30rpx 0;
|
}
|
}
|
</style>
|
