贷款-申请列表增加没有更多了提示

htmldev/loan/src/views/loan/home/index.vue

@@ -25,6 +25,9 @@
           </p>
           <img class="fail" src="./image/fail@2x.png" alt="" v-if="item.orderStatusId === 3">
         </li>
+        <li class="load-status" v-if="listData.length && booFetchData">
+          <p>{{ arrFetchStatus[numFetchStatus] }}</p>
+        </li>
         <li class="bitmap" v-if="!listData.length && booFetchData">
           <img src="./image/bitmap@2x.png" alt="">
           <p>暂无申请记录</p>
@@ -58,7 +61,7 @@
         listData: [],
         scroll: null,
         numFetchStatus: 0,
-        arrFetchStatus: ['正在加载，请稍后～', '到底了'],
+        arrFetchStatus: ['正在加载，请稍后～', '上拉加载更多', '没有更多了', '出错啦'],
         booFetchData: false,
         numPositionY: 0
       }
@@ -95,10 +98,15 @@
         getOrderList(vm.pager.pagenum, vm.pager.pagesize).then(response => {
           if (response.status) {
             const data = response.data
+            const temp = data.data
             vm.pager.pagecount = Math.ceil(data.count / PAGESIZE)
             vm.pager.pagenum++
             vm.booFetchData = true
-            const temp = data.data
+            if (vm.pager.pagecount <= 1) {
+              vm.numFetchStatus = 2
+            } else {
+              vm.numFetchStatus = 1
+            }
             if (temp.length) {
               vm.listData = vm.listData.concat(temp)
               vm.$nextTick(() => {
@@ -112,7 +120,7 @@
                   })
                   vm.scroll.on('pullingUp', () => {
                     if (vm.pager.pagenum > vm.pager.pagecount || vm.pager.pagecount === 0) {
-                      vm.numFetchStatus = 1
+                      vm.numFetchStatus = 2
                       return
                     }
                     vm.funFetch()
@@ -123,9 +131,13 @@
                 }
               })
             }
+          } else {
+            Toast(response.msg)
+            vm.numFetchStatus = 3
           }
         }).catch(() => {
-          Toast('失败了')
+          Toast('出错啦')
+          vm.numFetchStatus = 3
         })
       },
       funJumpDetail (item) {
@@ -187,13 +199,9 @@
     flex-direction: column;
     align-items: center;
     width: 343px;
-    margin-top: 26px;
+    margin-bottom: 26px;
     border-radius: 4px;
 
-    &:nth-of-type(1) {
-      margin-top: 0;
-    }
-
     &.bg-0 {
       background: linear-gradient(270deg, #E2E2E2 0%, #C7C7C7 100%);
     }
@@ -251,9 +259,10 @@
       }
 
       span:nth-of-type(3) {
-        line-height: 33px;
+        padding-bottom: 4px;
+        line-height: 20px;
         font-size: 15px;
-        font-weight: bold;
+        font-weight: bolder;
       }
 
       .col-0 {
@@ -290,6 +299,14 @@
     }
   }
 
+  .load-status {
+    p {
+      line-height: 20px;
+      font-size: 14px;
+      color: #666;
+    }
+  }
+
   .bitmap {
     img {
       display: block;