diff --git a/packages/community/propertyPayment/index.vue b/packages/community/propertyPayment/index.vue
index 3459764f..d1cde8a3 100644
--- a/packages/community/propertyPayment/index.vue
+++ b/packages/community/propertyPayment/index.vue
@@ -162,7 +162,7 @@
{{ item.community_order ? item.community_order.length : 0 }}个账单
- 明细可从收据查看
+
@@ -181,7 +181,7 @@
{{ item.order_pay_no }}
- 收据
+
@@ -301,7 +301,7 @@ export default {
this.getRoomSelect();
this.getUserGovenmentMoney();
},
-
+
// 下拉刷新生命周期函数
onPullDownRefresh() {
// 根据当前激活的标签页,重新加载对应的数据
@@ -319,6 +319,8 @@ export default {
});
} else if (this.active === 1) {
// 缴费记录页面,重新获取缴费记录
+ this.page_num = 1;
+ this.page_size = 10;
this.getPayList().then(() => {
// 数据加载完成后停止下拉刷新
uni.stopPullDownRefresh();
@@ -328,12 +330,25 @@ export default {
});
}
},
+
+ // 滑动到底部生命周期函数
+ onReachBottom() {
+ // 只有在缴费记录页面且还有更多数据时才触发加载更多
+ if (this.active === 1 && this.flag) {
+ // 增加page_size的值
+ this.page_size += 10;
+ // 重新获取缴费记录
+ this.getPayList();
+ }
+ },
methods: {
changeTab(index) {
this.active = index;
if (index == 1) {
+ // 重置分页参数
this.page_num = 1;
+ this.page_size = 10;
this.getPayList();
}
},
@@ -534,7 +549,7 @@ export default {
payParams.property_housing_fund = fundAmount.toFixed(2);
if (isComboPay && payParams.money == 0) {
- this.payType = 2;
+ this.payType = 2;
}
// 仅公积金支付 公积金不足
@@ -551,7 +566,7 @@ export default {
}
// 组合支付
- if (isComboPay && (payParams.money != 0.00 ||payParams.money != 0)) {
+ if (isComboPay && (payParams.money != 0.00 || payParams.money != 0)) {
this.payType = 3;
name_mini = "微信 + 物业公积金";
}
@@ -656,14 +671,21 @@ export default {
page_num: this.page_num,
page_size: this.page_size,
}).then((res) => {
+ // 判断是否还有更多数据
let flag = false;
- if (res.rows && (res.rows?.length == this.page_size)) {
+ if (res.rows && res.rows.length === this.page_size) {
flag = true;
} else {
flag = false;
}
this.flag = flag;
- this.payOrderList = res.rows;
+
+ // 如果是第一页,直接替换数据;如果是加载更多,追加数据
+ if (this.page_num === 1) {
+ this.payOrderList = res.rows || [];
+ } else {
+ this.payOrderList = [...this.payOrderList, ...(res.rows || [])];
+ }
resolve();
}).catch((error) => {
reject(error);