task#11265,分页数据加载更多

src/views/caseList/caseList.vue

@@ -19,6 +19,12 @@
       </div>
     </div>
     <van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
+      <van-list
+          v-model="loading"
+          :finished="finished"
+          finished-text="没有更多了"
+          @load="onLoad"
+      >
         <div class="listWrap">
           <div class="listItem" v-for="(item,index) in pageList" :key="index" @click="noMultipleClicks(goPageDetail,item.batchCode)">
             <div class="line1">
@@ -32,6 +38,7 @@
           </div>
         </div>
 
+      </van-list>
     </van-pull-refresh>
     <div class="bgEmptyImg" v-show="show" >
       <img  src="@/assets/empty.png" />
@@ -53,15 +60,14 @@ export default {
       pageList:[],
       pageNum:1,
       pageSize:10,
+      total:'',
       isLoading:"",
+      loading: false,
+      finished: false,
       noClick:true
     }
   },
    async mounted() {
-      /*let token = localStorage.getItem('token');
-     this.$dialog.alert({
-       message: token
-     });*/
      await this.getCount();
      await this.getList()
   },
@@ -71,14 +77,31 @@ export default {
     },
   },
   methods:{
+    async onLoad(){
+      console.log('00000000000000000000')
+      this.pageNum++;
+      await this.getList()
+      // 加载状态结束
+      this.loading = false;
+
+      // 数据全部加载完成
+      if (this.pageList.length >= this.total) {
+        this.finished = true;
+      }
+    },
     async changeTab(index) {
       this.activeIndex = index
       this.pageNum = 1
       this.pageList = [];
+      this.total=0
+      this.loading=false
+      this.finished=false
       await this.getList()
+      // await this.onLoad()
     },
     onRefresh() {
-      this.getList()
+      this.pageNum=1
+      // this.getList()
       setTimeout(() => {
         this.$toast('刷新成功');
         this.isLoading = false;
@@ -90,7 +113,19 @@ export default {
         pageSize:this.pageSize,
         type: this.activeIndex+1
       })
+      this.total=res.total
+      if(this.pageNum == 1){// 第一页直接赋值
         this.pageList=res.data
+      }else{// 第二页数据拼接
+        console.log("第二页数据拼接")
+        let preList = this.pageList;
+        console.log("preList",preList)
+        let arr = res.data;
+        console.log("arr",arr)
+        this.pageList = preList.concat(arr)
+        console.log("this.pageList",this.pageList)
+      }
+
     },
     async getCount(){
       let res=await reimburseBatchCount()
@@ -121,6 +156,7 @@ export default {
 .wrap{
   @include wh(100%,100%);
   box-sizing: border-box;
+  overflow-y: auto;
 }
 .navBar{
   margin-bottom: 46px;
@@ -133,17 +169,24 @@ export default {
     width: 100%;
   }
 }
+::v-deep .van-list__finished-text{
+  background-color: #F4F5F7 !important;
+  padding-bottom: 10px;
+}
 /*::v-deep .van-nav-bar__content{
   background-color: #354683 !important;
 }*/
-::v-deep .van-pull-refresh{
+//::v-deep .van-pull-refresh{
-  height: calc(100% - 86px) ;
+//  height: calc(100% - 86px) ;
-}
+//}
 .tab_wrap {
   @include fontWeightSize(500, 14px);
   @include flexColAround();
   padding: 2px 0 10px 0;
   background: #2C395F;
+  position: fixed;
+  z-index: 11;
+  width: 100%;
   div {
     padding-top: 8px;
     color: #FFFFFF;