From 2c93a9e283b8f55dc876902a3632d81688b1825c Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Thu, 28 Apr 2022 11:16:07 +0800
Subject: [PATCH] BUG 29251

---
 src/saas/AppGridManagement/FamilyList.vue | 153 ++++++++++++----------
 1 file changed, 86 insertions(+), 67 deletions(-)

diff --git a/src/saas/AppGridManagement/FamilyList.vue b/src/saas/AppGridManagement/FamilyList.vue
index 10e150e9..099f5dd0 100644
--- a/src/saas/AppGridManagement/FamilyList.vue
+++ b/src/saas/AppGridManagement/FamilyList.vue
@@ -1,20 +1,22 @@
 <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">
         <li>
           <div class="user">
-             <div v-if="!edit">
+            <div v-if="!edit">
               <img src="./components/img/xz.png" alt="" class="checkbox" v-if="!item.checked" @click="userClick(index)">
               <img src="./components/img/xzh.png" alt="" class="checkbox" v-else @click="userClick(index)">
             </div>
@@ -25,11 +27,11 @@
               </div>
               <div class="userInfo">
                 <div class="name">
-                  <span class="user-name">{{item.name}}</span>
-                  <span class="user-tel">{{item.phone}}</span>
+                  <span class="user-name">{{ item.name }}</span>
+                  <span class="user-tel">{{ item.phone }}</span>
                 </div>
-                <div class="idCard">{{item.idNumber && item.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")}}</div>
-                <div class="address">{{item.currentAreaName || ''}}{{ item.currentAddress || '' }}</div>
+                <div class="idCard">{{ item.idNumber && item.idNumber.replace(/(.{6}).*(.{4})/, "$1********$2") }}</div>
+                <div class="address">{{ item.currentAreaName || '' }}{{ item.currentAddress || '' }}</div>
               </div>
             </div>
           </div>
@@ -47,8 +49,9 @@
 export default {
   data() {
     return {
-      list:[],
-      current:1,
+      list: [],
+      total: 0,
+      current: 1,
       userId: '',
       edit: true,
       checked: true,
@@ -66,14 +69,15 @@ export default {
       this.keyword = ''
       this.handerSearch()
     },
-    getList(){
+    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) {
-         this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+        if (res?.data) {
+          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+          this.total = res.data.total
         }
       })
     },
-    toAddFamily(){
+    toAddFamily() {
       uni.navigateTo({url: `./AddFamily?id=${this.userId}&girdId=${this.girdId}`})
     },
     userClick(index) {
@@ -81,14 +85,14 @@ export default {
       this.$forceUpdate()
     },
     // 点击删除
-    delFamily(){
+    delFamily() {
       var ids = []
       this.list.map((item) => {
-        if(item.checked) {
+        if (item.checked) {
           ids.push(item.gmrId)
         }
       })
-      if(!ids.length) {
+      if (!ids.length) {
         return this.$u.toast('请选中需要删除的家庭户主')
       }
       this.$confirm(`是否删除这些关联家庭信息？`).then(() => {
@@ -138,70 +142,84 @@ 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 {
+        list-style-type: none;
+
+        .user {
           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;
-           margin-bottom: 18px;
-           font-size: 26px;
-           color: #999999;
-         }
+          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;
+                margin-bottom: 18px;
+                font-size: 26px;
+                color: #999999;
+              }
+            }
+
           }
-          
         }
       }
-      }
     }
   }
-  .footer{
+
+  .footer {
     position: fixed;
     left: 0px;
     bottom: 0px;
@@ -213,6 +231,7 @@ export default {
     font-size: 36px;
     color: #FFFFFF;
   }
+
   .seachObjs {
     border-bottom: 2px solid #f5f5f5;
     border-top: 2px solid #f5f5f5;