BUG 29378

src/saas/AppResidentDocument/AppResidentDocument.vue

@@ -17,14 +17,15 @@
     <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" @change="change" :bar-width="196"></u-tabs>
 
     <div class="seachObjs">
-      <u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1" color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
+      <u-search v-model="keyword" :clearabled="true" placeholder="姓名/联系方式/身份证后6位" :show-action="false" bg-color="#F5F5F5" search-icon-color="#E2E8F1"
+                color="#666" height="58" @search="handerSearch" @clear="handerClear"></u-search>
     </div>
 
     <div class="dataes" v-if="datas.length > 0">
       <div class="datass" v-for="(item, iindex) in datas" :key="iindex" @click="toDetailCard(item)">
         <div class="left">
-          <img :src="item.photo" alt="" v-if="item.photo" />
+          <img :src="item.photo" alt="" v-if="item.photo"/>
-          <img src="./components/img/4.png" alt="" v-else />
+          <img src="./components/img/4.png" alt="" v-else/>
         </div>
 
         <div class="right">
@@ -56,7 +57,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
 export default {
   name: 'AppResidentDocument',
@@ -101,21 +102,21 @@ export default {
   methods: {
     getList() {
       this.$http
-        .post('/app/appresident/list', null, {
+      .post('/app/appresident/list', null, {
-          params: {
+        params: {
-            size: this.size,
+          size: this.size,
-            current: this.current,
+          current: this.current,
-            con: this.keyword,
+          con: this.keyword,
-            residentType: this.currentTabs == 0 ? '0' : '1',
+          residentType: this.currentTabs == 0 ? '0' : '1',
-          },
+        },
-        })
+      })
-        .then((res) => {
+      .then((res) => {
-          if (res.code == 0) {
+        if (res.code == 0) {
-            this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
+          this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
 
-            this.pages = res.data.pages
+          this.pages = res.data.pages
-          }
+        }
-        })
+      })
     },
 
     change(index) {
@@ -126,7 +127,7 @@ export default {
     },
 
     toDetailCard(item) {
-      uni.navigateTo({ url: `./DetailCard?id=${item.id}` })
+      uni.navigateTo({url: `./DetailCard?id=${item.id}`})
     },
 
     seachObj(e) {
@@ -160,11 +161,13 @@ export default {
           }
           uni.hideLoading()
         })
-      }).catch(() => {})
+      }).catch(() => {
+      })
     }
   },
   onReachBottom() {
-    this.current = this.current + 1
+    console.log("reachBottom")
+    this.current++
     this.getList()
   },
 }
@@ -173,6 +176,7 @@ export default {
 <style scoped lang="scss">
 .AppResidentDocument {
   height: 100%;
+
   .areatop {
     display: flex;
     justify-content: space-between;
@@ -193,17 +197,20 @@ export default {
 
   ::v-deep .u-form {
     width: 100%;
+
     .areaIds {
       .u-form-item__body {
         .u-form-item--right {
           .u-form-item--right__content {
             display: flex;
             align-items: center;
+
             .u-form-item--right__content__slot {
               .AiAreaPicker {
                 width: 100%;
                 display: flex;
                 justify-content: flex-end;
+
                 .areaSelector {
                   .location {
                     opacity: 0;
@@ -211,6 +218,7 @@ export default {
                 }
               }
             }
+
             .u-form-item--right__content__icon {
               margin-bottom: 8px;
             }
@@ -222,9 +230,11 @@ export default {
 
   .dataes {
     background: #fff;
+
     .datass {
       display: flex;
       padding: 24px 32px;
+
       .left {
         img {
           width: 80px;
@@ -232,25 +242,29 @@ export default {
           border-radius: 50%;
         }
       }
+
       .right {
         display: flex;
         flex-direction: column;
         margin-left: 32px;
         width: 100%;
+
         .rightTop {
           font-size: 32px;
           font-weight: 500;
           color: #333333;
           display: flex;
           justify-content: space-between;
-          .btn{
+
-            img{
+          .btn {
+            img {
               width: 48px;
               height: 48px;
               margin-left: 40px;
             }
           }
         }
+
         .rightBottom {
           display: flex;
           justify-content: space-between;
@@ -259,7 +273,8 @@ export default {
       }
     }
   }
-  .pad-b112{
+
+  .pad-b112 {
     width: 100%;
     padding-bottom: 112px;
   }
@@ -268,10 +283,12 @@ export default {
     background: #f5f5f5;
     margin: 0;
   }
-  ::v-deep .emptyText{
+
+  ::v-deep .emptyText {
     text-align: center;
   }
-  .add-btn{
+
+  .add-btn {
     position: fixed;
     bottom: 0;
     left: 0;
@@ -284,28 +301,33 @@ export default {
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
     color: #FFF;
-    div{
+
+    div {
       text-align: center;
     }
   }
 
-  ::v-deep .u-tab-bar{
+  ::v-deep .u-tab-bar {
     margin-bottom: -6px;
   }
-  .empty{
+
+  .empty {
     height: 100%;
-    img{
+
+    img {
       width: 282px;
       height: 306px;
       margin: 168px 0 0 234px;
     }
-    p{
+
+    p {
       text-align: center;
       font-size: 28px;
       font-family: PingFangSC-Regular, PingFang SC;
       color: #999;
       line-height: 44px;
-      span{
+
+      span {
         color: #467DFE;
       }
     }