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.
102 lines
2.8 KiB
102 lines
2.8 KiB
<template> |
|
<view class="commission-details" ref="container"> |
|
<view class="promoterHeader bg-color-red"> |
|
<view class="headerCon acea-row row-between-wrapper"> |
|
<view> |
|
<view class="name">佣金明细</view> |
|
<view class="money"> |
|
￥<text class="num">{{ commission }}</text> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<view class="sign-record" ref="content"> |
|
<view class="list"> |
|
<view class="item" v-for="(item, infoIndex) in info" :key="infoIndex"> |
|
<view class="data">{{ item.time }}</view> |
|
<view class="listn" v-for="(val, indexn) in item.list" :key="indexn"> |
|
<view class="itemn acea-row row-between-wrapper"> |
|
<view> |
|
<view class="name line1">{{ val.title }}</view> |
|
<view>{{ val.addTime }}</view> |
|
</view> |
|
<view class="num" v-if="val.pm == 1">+{{ val.number }}</view> |
|
<view class="num font-color-red" v-if="val.pm == 0"> -{{ val.number }} </view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
<Loading :loaded="loaded" :loading="loading"></Loading> |
|
</view> |
|
</template> |
|
<script> |
|
import { getCommissionInfo, getSpreadInfo } from '@/api/user' |
|
import Loading from '@/components/Loading' |
|
|
|
export default { |
|
name: 'CommissionDetails', |
|
components: { |
|
Loading, |
|
}, |
|
props: {}, |
|
data: function() { |
|
return { |
|
info: [], |
|
commission: 0, |
|
where: { |
|
page: 1, |
|
limit: 3, |
|
}, |
|
types: 3, |
|
loaded: false, |
|
loading: false, |
|
} |
|
}, |
|
mounted: function() { |
|
this.getCommission() |
|
this.getIndex() |
|
}, |
|
onReachBottom() { |
|
this.loading === false && this.getIndex() |
|
}, |
|
methods: { |
|
getIndex: function() { |
|
let that = this |
|
if (that.loading == true || that.loaded == true) return |
|
that.loading = true |
|
getCommissionInfo(that.where, that.types).then( |
|
res => { |
|
that.loading = false |
|
that.loaded = res.data.length < that.where.limit |
|
that.loadTitle = that.loaded ? '人家是有底线的' : '上拉加载更多' |
|
that.where.page = that.where.page + 1 |
|
that.info.push.apply(that.info, res.data[0]) |
|
}, |
|
err => { |
|
uni.showToast({ |
|
title: err.msg || err.response.data.msg || err.response.data.message, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
} |
|
) |
|
}, |
|
getCommission: function() { |
|
let that = this |
|
getSpreadInfo().then( |
|
res => { |
|
that.commission = res.data.commissionCount |
|
}, |
|
err => { |
|
uni.showToast({ |
|
title: err.msg || err.response.data.msg || err.response.data.message, |
|
icon: 'none', |
|
duration: 2000, |
|
}) |
|
} |
|
) |
|
}, |
|
}, |
|
} |
|
</script>
|
|
|