sooka_consult_uniapp/pages/me/meOperate.vue

<template>
	<view>
		<view class="uni-container">
			<uni-table ref="table" :loading="loading" border stripe emptyText="暂无更多数据">
				<uni-tr>
					<uni-th align="center">姓名</uni-th>
					<uni-th align="center">积分变动</uni-th>
					<uni-th align="center">剩余积分</uni-th>
					<uni-th align="center">积分变动来源</uni-th>
					<uni-th align="center">时间</uni-th>
				</uni-tr>
				<uni-tr v-for="(item, index) in tableData" :key="index" style="height: 5em;">
					<uni-td>{{item.name == null || item.name == '' ? item.wechatName : item.name}}</uni-td>
					<uni-td>{{ item.scoreOperate }}</uni-td>
					<uni-td align="center">{{ item.scoreNum }}</uni-td>
					<uni-td align="center">{{ item.relevance }}</uni-td>
					<uni-td align="center">{{ item.createTime }}</uni-td>
				</uni-tr>
			</uni-table>
			<!-- <view class="uni-pagination-box">
				<uni-pagination show-icon :page-size="queryParams.pageSize" :current="queryParams.pageNum" :total="total" @change="change" />
			</view> -->
		</view>
	</view>
</template>

<script>
import {listScoreInfo} from '@/api/me/meOperate.js';
export default {
	data() {
		return {
			searchVal: '',
			tableData: [],
			// 数据总量
			total: 0,
			userId : null,
			queryParams:{
				// 当前页
				pageNum: 1,
				// 每页数据量
				pageSize: 15,
				//请求参数
				userId: getApp().globalData.userId
			},
			loading: false,
		};
	},
	onLoad() {
		// this.selectedIndexs = [];
		this.getData();
	},
	onReachBottom() {
		let pageNum = this.queryParams.pageNum;
		let pageSize = this.queryParams.pageSize;
		let total = this.total;
		if (pageNum * pageSize >= total) {
			uni.showToast({
				title: '暂无更多数据'
			});
			return;
		} else {
			this.queryParams.pageNum += 1;
			this.getData();
		}
	},
	methods: {
		// 分页触发
		/* change(e) {
			this.$refs.table.clearSelection();
			this.selectedIndexs.length = 0;
			this.getData(e.current);
		}, */
		// 获取数据
		getData() {
			this.loading = true;
			// this.queryParams.pageNum = pageNum;
			listScoreInfo(this.queryParams).then(res =>{
				this.tableData = [...this.tableData,...res.rows]
				// this.tableData = res.rows
				this.total = res.total
				this.loading = false;
			});
		}
	}
};
</script>

<style>
@import './meOperate.css';
</style>