修改缴费记录数据显示不全的bug

packages/community/propertyPayment/index.vue

@@ -162,7 +162,7 @@
             <view class="row_con3_1">
               {{ item.community_order ? item.community_order.length : 0 }}个账单
             </view>
-            <view class="row_con3_2">明细可从收据查看</view>
+            <!-- <view class="row_con3_2">明细可从收据查看</view> -->
           </view>
         </view>
 
@@ -181,7 +181,7 @@
           <view class="row_con4">{{ item.order_pay_no }}</view>
         </view>
         <view class="line4"></view>
-        <view class="Receipt">收据</view>
+        <!-- <view class="Receipt">收据</view> -->
       </view>
     </view>
 
@@ -319,6 +319,8 @@ export default {
       });
     } else if (this.active === 1) {
       // 缴费记录页面，重新获取缴费记录
+      this.page_num = 1;
+      this.page_size = 10;
       this.getPayList().then(() => {
         // 数据加载完成后停止下拉刷新
         uni.stopPullDownRefresh();
@@ -329,11 +331,24 @@ 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();
       }
     },
@@ -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);