120 lines
3.4 KiB
Vue
120 lines
3.4 KiB
Vue
<template>
|
|
<view v-if="pageShow">
|
|
<!-- 使用标题栏 -->
|
|
<status-nav :statusBackw="true" :statusTitle="true" :title-val="titleName+'收益'" :tabcolor="'#ffffff'"></status-nav>
|
|
<view :style="{paddingTop:statusHNH+'px'}">
|
|
<view class="disba padding20 borbot" style="font-size: 30rpx;">
|
|
<view>商品内容</view>
|
|
<view>{{titleName}}收益</view>
|
|
</view>
|
|
<view v-if="dataArr.length!=0" class="disba padding20 borbot fon28" v-for="(item,index) in dataArr" :key="index">
|
|
<view>
|
|
<view class="clips1">{{item.title}}</view>
|
|
<view class="fon24 color9 margin-s10">{{item.time}}</view>
|
|
</view>
|
|
<view class="colorf78">{{item.price}}</view>
|
|
</view>
|
|
<view v-if="dataArr.length==0" class="zanwu">暂无更多{{titleName}}收益记录</view>
|
|
</view>
|
|
<backTop :showTop="showTop" @backTop="backTop"></backTop>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import backTop from '@/components/backTop.vue';
|
|
export default {
|
|
components:{
|
|
backTop
|
|
},
|
|
data() {
|
|
return {
|
|
dataArr:[],
|
|
titleName:'',
|
|
whereCome:'',
|
|
showTop:false,
|
|
page:1,
|
|
size:10,
|
|
total:'',
|
|
isZanw:true,
|
|
statusHNH:uni.getStorageSync('statusHNH'),
|
|
pageShow:false
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.whereCome = options.index
|
|
if(this.whereCome==0) {
|
|
this.titleName = '直卖'
|
|
this.checkZhiList()//查询直卖收益列表
|
|
}
|
|
if(this.whereCome==1) {
|
|
this.titleName = '分红'
|
|
this.checkFenList()//查询分红收益
|
|
}
|
|
},
|
|
onShow() {
|
|
this.$toolAll.tools.guoq()
|
|
},
|
|
onPageScroll(e) {
|
|
e.scrollTop > 360 ? this.showTop = true : this.showTop = false
|
|
},
|
|
onReachBottom() {
|
|
if(this.total!=this.dataArr.length){
|
|
this.page++
|
|
this.checkFenList()//调用自主预约列表事件
|
|
} else {
|
|
if(this.isZanw) this.$toolAll.tools.showToast('暂无更多商品列表','none',1000)
|
|
this.isZanw = false
|
|
}
|
|
},
|
|
methods: {
|
|
checkFenList(){//分红收益明细列表
|
|
this.$requst.post('user/bonus-income-list',{page:this.page,size:this.size}).then(res=>{
|
|
// console.log('分红收益记录：',res);
|
|
if(res.code==0){
|
|
this.pageShow = true
|
|
this.total = res.data.total
|
|
if(res.data.list.length!=0){
|
|
res.data.list.forEach(item=>{
|
|
let fenObj = {
|
|
title:item.income_text,
|
|
time:item.created_at,
|
|
price:item.income/100
|
|
}
|
|
this.dataArr.push(fenObj)
|
|
})
|
|
}
|
|
}
|
|
},error=>{})
|
|
},
|
|
checkZhiList(){
|
|
this.$requst.post('user/sale-income-list',{page:this.page,size:this.size}).then(res=>{
|
|
// console.log('直卖收益记录：',res);
|
|
if(res.code==0){
|
|
this.pageShow = true
|
|
if(res.data.list.length!=0){
|
|
res.data.list.forEach(item=>{
|
|
let zhiObj = {
|
|
title:item.income_text,
|
|
time:item.created_at,
|
|
price:item.income/100
|
|
}
|
|
this.dataArr.push(zhiObj)
|
|
})
|
|
}
|
|
}
|
|
},error=>{})
|
|
},
|
|
backTop(){
|
|
uni.pageScrollTo({
|
|
scrollTop: 0,
|
|
duration: 300
|
|
});
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page{background-color: #FFFFFF;}
|
|
</style>
|