BUG 29251

src/saas/AppGridManagement/FamilyList.vue

@@ -1,14 +1,16 @@
 <template>
   <div class="FamilyList">
     <div class="title">
-      <div>户主列表({{list.length || 0}})</div>
+      <div>户主列表({{ total }})</div>
       <div v-if="list.length">
         <span style="font-size: 14px; color: #2979ff;" @click="changeType" v-if="edit">修改</span>
         <span style="font-size: 14px; color: #2979ff;" @click="edit = true" v-else>取消</span>
       </div>
     </div>
     <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="main" v-if="list.length">
       <ul v-for="(item,index) in list" :key="index">
@@ -48,6 +50,7 @@ export default {
   data() {
     return {
       list: [],
+      total: 0,
       current: 1,
       userId: '',
       edit: true,
@@ -68,8 +71,9 @@ export default {
     },
     getList() {
       this.$http.post(`/app/appgirdmemberresident/listByGirdMember?current=${this.current}&girdMemberId=${this.userId}&girdId=${this.girdId}&name=${this.keyword}`).then((res) => {
-        if (res.code == 0) {
+        if (res?.data) {
           this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+          this.total = res.data.total
         }
       })
     },
@@ -138,55 +142,68 @@ export default {
     font-size: 34px;
     font-weight: 800;
   }
+
   .main {
     padding-bottom: 112px;
+
     ul {
       padding-left: 32px;
       background-color: #fff;
+
       li {
         list-style-type: none;
+
         .user {
           display: flex;
           justify-content: flex-start;
           padding-top: 24px;
+
           .checkbox {
             margin-top: 20px;
             margin-right: 32px;
             width: 48px;
             height: 48px;
           }
+
           .info {
             display: flex;
             justify-content: flex-start;
             width: 100%;
+
             .userImg {
               margin-right: 32px;
               width: 80px;
               height: 80px;
               border-radius: 50%;
             }
+
             .userInfo {
               width: 100%;
               padding-right: 32px;
               border-bottom: 1px solid #E4E5E6;
+
               .name {
                 display: flex;
                 justify-content: space-between;
                 font-size: 32px;
                 margin-bottom: 8px;
+
                 .user-name {
                   font-weight: 800;
                 }
+
                 .user-tel {
                   font-size: 26px;
                   color: #999999;
                 }
               }
+
               .idCard {
                 margin-bottom: 16px;
                 font-size: 26px;
                 color: #999999;
               }
+
               .address {
                 max-width: 100%;
                 word-break: break-all;
@@ -201,6 +218,7 @@ export default {
       }
     }
   }
+
   .footer {
     position: fixed;
     left: 0px;
@@ -213,6 +231,7 @@ export default {
     font-size: 36px;
     color: #FFFFFF;
   }
+
   .seachObjs {
     border-bottom: 2px solid #f5f5f5;
     border-top: 2px solid #f5f5f5;