增加年龄

src/views/Letter/Letter.vue

@@ -221,12 +221,12 @@
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件号码：" prop="identifyNumber">
               <el-input v-model="ownerInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
-                show-word-limit></el-input>
+                show-word-limit @blur="identifyblur('ownerInfo')"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="年龄：" prop="age">
-              <el-input v-model="ownerInfo.age" placeholder="请输入年龄" type="text" disabled></el-input>
+              <el-input v-model="ownerInfo.age" placeholder="请输入年龄" type="text" disabled ></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
@@ -303,7 +303,7 @@
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件号码：" prop="identifyNumber">
               <el-input v-model="policyHolderInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
-                show-word-limit></el-input>
+                show-word-limit @blur="identifyblur('policyHolderInfo')"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
@@ -389,7 +389,7 @@
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
             <el-form-item label="证件号码：" prop="identifyNumber">
               <el-input v-model="insuredPersonInfo.identifyNumber" placeholder="请输入证件号码" type="text" maxlength="18"
-                show-word-limit></el-input>
+                show-word-limit @blur="identifyblur('insuredPersonInfo')"></el-input>
             </el-form-item>
           </el-col>
           <el-col :xs="xscell" :sm="smcell" :md="mdcell" :lg="lgcell" :xl="xlcell">
@@ -2635,30 +2635,7 @@ export default {
       },
       deep: true
     },
-    "ownerInfo.identifyNumber": {
-      handler(val) {
-        if (val) {
-          this.ownerInfo.age = getAgeByIdCard(val);
-        }
-      },
-      deep: true
-    },
-    "policyHolderInfo.identifyNumber": {
-      handler(val) {
-        if (val) {
-          this.policyHolderInfo.age = getAgeByIdCard(val);
-        }
-      },
-      deep: true
-    },
-    "insuredPersonInfo.identifyNumber": {
-      handler(val) {
-        if (val) {
-          this.insuredPersonInfo.age = getAgeByIdCard(val);
-        }
-      },
-      deep: true
-    }
+
   },
   components: {
     "el-image-viewer": () =>
@@ -2766,6 +2743,9 @@ export default {
     },
   },
   methods: {
+    identifyblur(info){
+      this[info].age=getAgeByIdCard(this[info].identifyNumber)
+    },
     areahandleChange(event, info) {
       if (event[0] != null && event[1] != null && event[2] != null) {
         this[info].province = codeToText[event[0]]