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.
97 lines
2.6 KiB
97 lines
2.6 KiB
5 years ago
|
<template>
|
||
|
|
<div class="commission-details" ref="container">
|
||
|
|
<div class="promoterHeader bg-color-red">
|
||
|
|
<div class="headerCon acea-row row-between-wrapper">
|
||
|
|
<div>
|
||
|
|
<div class="name">提现记录</div>
|
||
|
|
<div class="money">
|
||
|
|
￥<span class="num">{{ commission }}</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="iconfont icon-jinbi1"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="sign-record" ref="content">
|
||
|
|
<div class="list">
|
||
|
|
<div class="item" v-for="(item, infoIndex) in info" :key="infoIndex">
|
||
|
|
<div class="data">{{ item.time }}</div>
|
||
|
|
<div class="listn" v-for="(val, indexn) in item.list" :key="indexn">
|
||
|
|
<div class="itemn acea-row row-between-wrapper">
|
||
|
|
<div>
|
||
|
|
<div class="name line1">{{ val.title }}</div>
|
||
|
|
<div>{{ val.addTime }}</div>
|
||
|
|
</div>
|
||
|
|
<div class="num" v-if="val.pm == 1">+{{ val.number }}</div>
|
||
|
|
<div class="num font-color-red" v-if="val.pm == 0">
|
||
|
|
-{{ val.number }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<Loading :loaded="loaded" :loading="loading"></Loading>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { getCommissionInfo, getSpreadInfo } from "@/api/user";
|
||
|
|
import Loading from "@/components/Loading";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "CashRecord",
|
||
|
|
components: {
|
||
|
|
Loading
|
||
|
|
},
|
||
|
|
props: {},
|
||
|
|
data: function() {
|
||
|
|
return {
|
||
|
|
info: [],
|
||
|
|
commission: 0,
|
||
|
|
where: {
|
||
|
|
page: 1,
|
||
|
|
limit: 3
|
||
|
|
},
|
||
|
|
types: 4,
|
||
|
|
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.where.page = that.where.page + 1;
|
||
|
|
that.info.push.apply(that.info, res.data);
|
||
|
|
},
|
||
|
|
error => {
|
||
|
|
that.$dialog.message(error.msg);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
},
|
||
|
|
getCommission: function() {
|
||
|
|
let that = this;
|
||
|
|
getSpreadInfo().then(
|
||
|
|
res => {
|
||
|
|
that.commission = res.data.commissionCount;
|
||
|
|
},
|
||
|
|
error => {
|
||
|
|
this.$dialog.message(error.msg);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|