glhcp/uniapp/bundle/pages/commission_details/commission_details.vue

63 lines
1.5 KiB
Vue

<template>
<view class="commission-details">
<mescroll-body ref="mescrollRef" @init="mescrollInit" @up="upCallback" :up="upOption" :down="downOption" @down="downCallback">
<view class="p-t-20" >
<view class="bg-white" v-for="(item, index) in list" :key="index" >
<record-cell :remark="item.source_type" :date="item.create_time" :money="item.change_amount" :type="item.change_type" />
</view>
</view>
</mescroll-body>
</view>
</template>
<script>
import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
import {getCommission} from "@/api/user"
export default {
mixins: [MescrollMixin], // 使用mixin
data() {
return {
// Tabs 列表
upOption: {
empty: {
icon: '/static/images/order_null.png',
tip: '暂无记录', // 提示
}
},
list: [], // 列表数据--全部
};
},
methods: {
// 上拉加载
upCallback(page) {
const pageNum = page.num; // 页码, 默认从1开始
const pageSize = page.size; // 页长, 默认每页10条
getCommission({
page_size: pageSize,
page_no: pageNum,
}).then(({
data
}) => {
if (page.num == 1) this.list = [];
const curPageData = data.list;
const curPageLen = curPageData.length;
const hasNext = !!data.more;
this.list = this.list.concat(curPageData);
this.mescroll.endSuccess(curPageLen, hasNext);
}).catch(() => {
this.mescroll.endErr()
})
}
},
}
</script>
<style scoped>
</style>