You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
145 lines
3.4 KiB
145 lines
3.4 KiB
<template> |
|
<!-- <view class="container"> |
|
<view class="list" v-for="(item,index) in list"> |
|
<view class="title"> |
|
<span>{{item.title}}</span> |
|
|
|
<span class="money" v-if="item.type == 1">+{{item.money}}元</span> |
|
<span class="money" v-if="item.type == 2">-{{item.money}}元</span> |
|
</view> |
|
<view class="times">{{item.createTime}}</view> |
|
</view> |
|
<empty v-if="list.length == 0" des="暂无余额信息" show="true"></empty> |
|
<view v-if="list.length > 0"> |
|
<load-more :loadingType="loadingType" :contentText="contentText"></load-more> |
|
</view> |
|
</view> --> |
|
|
|
<view style="text-align: left"> |
|
<view v-for="(item, index) in list" :key="index" class="item"> |
|
<view> |
|
<view style="color: #000000;font-size: 28upx;"> |
|
<view style="margin-bottom: 8upx"> 类型： {{ item.title }}</view> |
|
<view style="margin-bottom: 8upx"> 内容： {{item.content}}</view> |
|
<view style="margin-bottom: 8upx"> 时间： {{item.createTime}}</view> |
|
<view style="margin-bottom: 8upx;text-align: right;"> |
|
<!-- 提现金额： --> |
|
<text style="color: #FF2638;font-size: 32upx;font-weight: 600" v-if="item.type == 1">+{{item.money}}元</text> |
|
<text style="color: #FF2638;font-size: 32upx;font-weight: 600" v-if="item.type == 2">-{{item.money}}元</text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<empty v-if="list.length == 0" des="暂无余额信息" show="true"></empty> |
|
<view v-if="list.length > 0"> |
|
<load-more :loadingType="loadingType" :contentText="contentText"></load-more> |
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
list: [], |
|
page: 1, |
|
limit: 15, |
|
loadingType: 0, |
|
contentText: { |
|
contentdown: '上拉显示更多', |
|
contentrefresh: '正在加载...', |
|
contentnomore: '没有更多数据了' |
|
}, |
|
}; |
|
}, |
|
onLoad() { |
|
this.getList(); |
|
}, |
|
methods: { |
|
getList() { |
|
this.loadingType = 1; |
|
this.$queue.showLoading('加载中...'); |
|
let userId = this.$queue.getData('userId'); |
|
this.$Request.getT('/goodsMerchant/selectMerchantMoneyDetails?page=' + this.page + '&limit=' + this.limit + |
|
'&userId=' + userId).then(res => { |
|
if (res.code == 0 && res.data) { |
|
if (this.page == 1) { |
|
this.list = []; |
|
} |
|
|
|
if(res.data.data && res.data.data.records.length > 0){ |
|
res.data.data.records.forEach(d => { |
|
this.list.push(d); |
|
}); |
|
} |
|
|
|
if (res.data.data.records.length === this.limit) { |
|
this.loadingType = 0; |
|
} else { |
|
this.loadingType = 3; |
|
} |
|
} else { |
|
this.loadingType = 2; |
|
} |
|
uni.hideLoading(); |
|
}); |
|
}, |
|
topScrollTap: function() { |
|
uni.pageScrollTo({ |
|
scrollTop: 0, |
|
duration: 300 |
|
}); |
|
} |
|
}, |
|
onPageScroll: function(e) { |
|
this.scrollTop = e.scrollTop > 200; |
|
}, |
|
onReachBottom: function() { |
|
this.page = this.page + 1; |
|
this.getList(); |
|
} |
|
} |
|
</script> |
|
|
|
<style lang='scss'> |
|
page { |
|
background: #fff; |
|
} |
|
|
|
.item { |
|
background: white; |
|
padding: 32rpx; |
|
margin: 32rpx; |
|
font-size: 28rpx; |
|
box-shadow: 7px 9px 34px rgba(0, 0, 0, 0.1); |
|
border-radius: 16upx; |
|
} |
|
|
|
.container { |
|
padding: 0 4%; |
|
|
|
.list { |
|
padding: 30rpx 0; |
|
border-bottom: 1rpx solid #E6E6E6; |
|
|
|
.title { |
|
line-height: 70rpx; |
|
font-size: 34rpx; |
|
color: #333; |
|
font-weight: bold; |
|
position: relative; |
|
|
|
.money { |
|
position: absolute; |
|
right: 0; |
|
} |
|
} |
|
|
|
.times { |
|
color: #999; |
|
} |
|
} |
|
} |
|
</style>
|
|
|