新增合同分页加载功能

pages.json

@@ -157,7 +157,7 @@
                     "path" : "contract/contract",
                     "style" :                                                                                    
                 {
-                    "navigationBarTitleText": "合同签订",
+                    "navigationBarTitleText": "合同管理",
                     "enablePullDownRefresh": false
                 }
                 

subpkg/contract/contract.vue

@@ -1,6 +1,6 @@
 <template>
   <view class="">
-    <view class="tabs">
+    <!-- <view class="tabs">
       <view class="left">
         <view class="item" :class="changeType==0?'active':''" @click="changeType=0">合同列表</view>
         <view class="item" :class="changeType==1?'active':''" @click="changeType=1">已签订合同</view>
@@ -8,7 +8,7 @@
       <view class="right">
         <text>新增</text>
       </view>
-    </view>
+    </view> -->
     <view class="contract_list">
       <view class="item" v-for="(item,index) in list" :key="item.id">
         <view class="top">
@@ -21,7 +21,7 @@
             <view class="date">
               <!-- <text class="time">2023-04-27 至 2024-04-28 </text> -->
               <text class="time">修改时间:{{item.update_time}}</text>
-              <text class="expire">365天后到期</text>
+              <!-- <text class="expire">365天后到期</text> -->
             </view>
           </view>
         </view>
@@ -33,6 +33,7 @@
         </view>
       </view>
     </view>
+    <u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText" :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
   </view>
 </template>
 
@@ -42,7 +43,15 @@
     data() {
       return {
         changeType: 0,
-        list: []
+        list: [],
+        loadConfig:{
+          page: 1,
+          limit: 15,
+          loadingText: '努力加载中',
+          loadmoreText: '轻轻上拉',
+          nomoreText: '我也是有底线的~~',
+          status: 'loadmore'
+        },
       }
     },
     onLoad() {},
@@ -63,10 +72,19 @@
           }) : Toast('暂未开放')
       },
       async initContractList() {
-        let res = await contractList();
-        if (res?.data?.data.length > 0) {
-          this.list = res.data.data;
+        if(this.loadConfig.status=="nomore")return;
+        this.loadConfig.status="loading"
+        let res = await contractList({
+          page: this.loadConfig.page,
+          limit: this.loadConfig.limit
+        })
+        this.loadConfig.status="loadmore"
+        if(res.data.data.length<this.loadConfig.limit){
+          this.loadConfig.status="nomore"
+        }else {
+          this.loadConfig.page++;
         }
+        this.list = [...this.list, ...res.data?.data]
       }
     },
     onPullDownRefresh() {