BUG 29485

src/saas/AppGridManagement/AddFamily.vue

@@ -9,7 +9,8 @@
           <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
         </AiAreaPicker>
       </div> -->
-      <u-search v-model="value" placeholder:clearabled="true" placeholder="请输入姓名/身份证/手机号" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="value='',getListInit"></u-search>
+      <u-search v-model="value" placeholder:clearabled="true" placeholder="请输入姓名/身份证/手机号" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999"
+                color="#999" height="58" @change="getListInit"/>
     </div>
     <div class="userList" v-if="list.length">
       <ul v-for="(item,index) in list" :key="index">
@@ -47,6 +48,7 @@
 
 <script>
 import {mapState} from 'vuex'
+
 export default {
   data() {
     return {
@@ -143,62 +145,76 @@ export default {
     background: #FFF;
     display: flex;
     margin-bottom: 8px;
+
     .left {
       width: calc(100% - 450px);
     }
   }
+
   .userList {
     width: 100%;
     background-color: #FFFFFF;
+
     ul {
       padding-left: 0px;
+
       li {
         list-style-type: none;
+
         .user {
           display: flex;
           justify-content: flex-start;
           padding-top: 24px;
           padding-left: 32px;
           height: 100%;
+
           .checkbox {
             margin-top: 20px;
             margin-right: 32px;
             width: 48px;
             height: 48px;
           }
+
           .userInfo {
             display: flex;
             justify-content: flex-start;
             border-bottom: 1px solid #E4E5E6;
             padding-right: 48px;
             width: calc(100% - 100px);
+
             .userImg {
               margin-right: 32px;
               width: 80px;
               height: 80px;
               border-radius: 50%;
             }
+
             .info {
               width: calc(100% - 120px);
               padding-bottom: 32px;
+
               .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;
@@ -211,6 +227,7 @@ export default {
       }
     }
   }
+
   .btn {
     position: fixed;
     bottom: 0px;
@@ -218,6 +235,7 @@ export default {
     width: 100%;
     height: 120px;
     background-color: #F3F6F9;
+
     .handleCheck {
       position: fixed;
       bottom: 18px;