99 lines
1.6 KiB
Vue
99 lines
1.6 KiB
Vue
|
<script setup>
|
||
|
|
/**
|
||
|
|
* 积分变动明细
|
||
|
|
*/
|
||
|
|
|
||
|
|
import {
|
||
|
|
ref,
|
||
|
|
reactive,
|
||
|
|
computed,
|
||
|
|
} from 'vue'
|
||
|
|
import {
|
||
|
|
onLoad,
|
||
|
|
onReachBottom,
|
||
|
|
onPullDownRefresh
|
||
|
|
} from '@dcloudio/uni-app'
|
||
|
|
// 顶部
|
||
|
|
import apex from '/components/header/apex'
|
||
|
|
//
|
||
|
|
import api from '@/api/index.js';
|
||
|
|
// 工具库
|
||
|
|
import util from '@/common/js/util.js'
|
||
|
|
// 积分记录
|
||
|
|
import integralLog from '@/components/index/integralLog'
|
||
|
|
|
||
|
|
//积分变动记录
|
||
|
|
const scrollLog = reactive({
|
||
|
|
data: [],
|
||
|
|
pageNum: 1,
|
||
|
|
pageSize: 30,
|
||
|
|
total: 0,
|
||
|
|
})
|
||
|
|
|
||
|
|
onLoad(() => {
|
||
|
|
// 获取列表
|
||
|
|
getList()
|
||
|
|
})
|
||
|
|
|
||
|
|
onPullDownRefresh(() => {
|
||
|
|
// 刷新列表
|
||
|
|
refreshList()
|
||
|
|
})
|
||
|
|
|
||
|
|
onReachBottom(() => {
|
||
|
|
// 获取更多列表
|
||
|
|
getMoreList()
|
||
|
|
})
|
||
|
|
|
||
|
|
// 刷新列表
|
||
|
|
function refreshList() {
|
||
|
|
scrollLog.homePageSize = 1
|
||
|
|
getList()
|
||
|
|
}
|
||
|
|
|
||
|
|
// 获取更多列表
|
||
|
|
function getMoreList() {
|
||
|
|
if (scrollLog.total <= scrollLog.data.length) return
|
||
|
|
scrollLog.pageNum++
|
||
|
|
getList()
|
||
|
|
}
|
||
|
|
|
||
|
|
// 积分变动明细
|
||
|
|
function getList() {
|
||
|
|
api.intergral.getDetailInfoByUserId({
|
||
|
|
query: {
|
||
|
|
pageNum: scrollLog.pageNum,
|
||
|
|
pageSize: scrollLog.pageSize,
|
||
|
|
}
|
||
|
|
}).then(rs => {
|
||
|
|
if (rs.code == 200) {
|
||
|
|
// 第一页
|
||
|
|
if (scrollLog.pageNum == 1) scrollLog.data.length = 0
|
||
|
|
// 合并
|
||
|
|
scrollLog.data.push(...rs.rows)
|
||
|
|
// 总数
|
||
|
|
scrollLog.total = rs.total
|
||
|
|
return
|
||
|
|
}
|
||
|
|
util.alert({
|
||
|
|
content: rs.msg,
|
||
|
|
showCancel: false,
|
||
|
|
})
|
||
|
|
}).finally(() => {
|
||
|
|
// 停止下拉刷新
|
||
|
|
uni.stopPullDownRefresh()
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<view class="appbw">
|
||
|
|
<view class="list plr30">
|
||
|
|
<integralLog :list="scrollLog.data" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
//
|
||
|
|
</style>
|