BUG 29456

src/apps/AppMonitoringObject/MonitorAddFamilyMember.vue

@@ -32,9 +32,7 @@
           </div>
           <div class="right">
             <AiPagePicker class="select" :selected.sync="userList">
-              <span v-if="!userList.length">请选择</span>
-              <span v-if="userList.length" style="color: #333;">{{ userList[0].name }}</span>
-              <u-icon name="arrow-right" color="#DDD" size="28"></u-icon>
+              <AiMore v-model="form.name"/>
             </AiPagePicker>
           </div>
         </div>
@@ -438,13 +436,11 @@ export default {
       id: '',
       $areaId: '',
       isEdit: false,
-      id: '',
       girdInfo: {},
       householdIdNumber: '',
       objectType: '',
       userList: [],
       photo: [],
-      userList: [],
       flag: false,
       helthList: [],
       namelist:[],
@@ -471,14 +467,6 @@ export default {
   },
 
   computed: {
-    userChange() {
-      if(this.userList != '') {
-        this.isEdit = true;
-        this.form.name = userList[0].name
-        this.form.idNumber = userList[0].idNumber
-        return [this.isEdit,this.form.name,this.form.idNumber]
-      }
-    },
     ...mapState(['user'])
   },
 
@@ -685,7 +673,17 @@ export default {
       }
       this.form.age = age
     },
-  }
+  },
+  watch: {
+    userList: {
+      handler: function (v) {
+        let {name, idNumber, currentAreaId, currentAreaName} = v?.[0] || {}
+        this.form = {...this.form, name, idNumber, currentAreaId, currentAreaName}
+        this.form.sex = this.idCardNoUtil.getIdCardInfo(idNumber)?.sex
+      },
+      deep: true,
+    },
+  },
 }
 </script>