涉稳平台

src/views/swpt/swzdr.vue

@@ -359,7 +359,12 @@
         <el-row>
           <el-col :span="10" :offset="2">
             <el-form-item label="证件号码" prop="zjhm" >
-              <el-input v-model="XZformDiolog.zjhm" @blur="getZdrInfo($event)"></el-input>
+              <el-input 
+                v-model="XZformDiolog.zjhm" 
+                @blur="getZdrInfo($event)"
+                style="display: inline-block; width: 90%"
+              ></el-input>
+              <img v-if="zjhmLoading" src="@/assets/img/ajax-loader-2.gif" alt="" />
             </el-form-item>
           </el-col>
           <el-col :span="10">
@@ -373,7 +378,7 @@
             <el-form-item label="性别" prop="xbdm">
               <el-select
                 v-model="XZformDiolog.xbdm"
-                style="display: inline-block; width: 100%"
+                style="display: inline-block; width: 90%"
                 placeholder="请选择性别"
               >
                 <el-option
@@ -402,7 +407,10 @@
         <el-row>
           <el-col :span="10" :offset="2">
             <el-form-item label="联系电话" prop="lxdh">
-              <el-input v-model="XZformDiolog.lxdh"></el-input>
+              <el-input 
+                v-model="XZformDiolog.lxdh"
+                style="display: inline-block; width: 90%"
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="10">
@@ -428,7 +436,7 @@
             <el-form-item label="政治面貌">
               <el-select
                 v-model="XZformDiolog.zzmmdm"
-                style="display: inline-block; width: 100%"
+                style="display: inline-block; width: 90%"
                 placeholder="请选择整治面貌"
               >
                 <el-option
@@ -2143,6 +2151,7 @@ export default {
           ]
         }
       ],
+      zjhmLoading:false,
     };
   },
   activated() {
@@ -2723,29 +2732,39 @@ export default {
       }
     },
     getZdrInfo(event){
+
       // debugger
+      this.zjhmLoading = true;
       let params = new FormData();
       params.zjhm = event.target.value;
       post("/xqapi/swzdry/queryRkjbxx", params).then((res) => {
         if (res.code == "200") {
-          // debugger
-          this.$set(this.XZformDiolog, "xm", res.data.jbxx.xm);
-          this.$set(this.XZformDiolog, "xbdm", res.data.jbxx.xbdm);
-          this.$set(this.XZformDiolog, "mzdm", res.data.jbxx.mzdm);
-          this.$set(this.XZformDiolog, "csrq", res.data.jbxx.csrq);
-          this.$set(this.XZformDiolog, "whcddm", res.data.jbxx.whcddm);
-          this.$set(this.XZformDiolog, "zzmmdm", res.data.jbxx.zzmmdm);
-          this.$set(this.XZformDiolog, "lxdh", res.data.jbxx.lxfs);
-          this.$set(this.XZformDiolog, "hjdDzxz", res.data.jzdz[0].hjdDzxz);
-          this.$set(this.XZformDiolog, "jzdMlpdm", res.data.jzdz[0].jzdMlpdm);
-          this.$set(this.XZformDiolog, "jzdMlpxz", res.data.jzdz[0].jzdMlpxz);
-          this.$set(this.XZformDiolog, "jzdDzid", res.data.jzdz[0].jzdDzid);
-          this.$set(this.XZformDiolog, "jzdDzxz", res.data.jzdz[0].jzdDzxz);
-          this.optionsMlp[0].id = res.data.jzdz[0].jzdMlpdm;
-          this.optionsMlp[0].text = res.data.jzdz[0].jzdMlpxz;
-          this.optionsChjg[0].id = res.data.jzdz[0].jzdDzid;
-          this.optionsChjg[0].text = res.data.jzdz[0].jzdDzxz.replace(res.data.jzdz[0].jzdMlpxz,'');
-
+          this.zjhmLoading = false;
+          if(Object.keys(res.data).length==0){
+            this.$message({
+              message: "网格人口库无此人，请输入基本信息!",
+              type: "warning",
+            });
+          }else{
+            // debugger
+            this.$set(this.XZformDiolog, "xm", res.data.jbxx.xm);
+            this.$set(this.XZformDiolog, "xbdm", res.data.jbxx.xbdm);
+            this.$set(this.XZformDiolog, "mzdm", res.data.jbxx.mzdm);
+            this.$set(this.XZformDiolog, "csrq", res.data.jbxx.csrq);
+            this.$set(this.XZformDiolog, "whcddm", res.data.jbxx.whcddm);
+            this.$set(this.XZformDiolog, "zzmmdm", res.data.jbxx.zzmmdm);
+            this.$set(this.XZformDiolog, "lxdh", res.data.jbxx.lxfs);
+            this.$set(this.XZformDiolog, "hjdDzxz", res.data.jzdz[0].hjdDzxz);
+            this.$set(this.XZformDiolog, "jzdMlpdm", res.data.jzdz[0].jzdMlpdm);
+            this.$set(this.XZformDiolog, "jzdMlpxz", res.data.jzdz[0].jzdMlpxz);
+            this.$set(this.XZformDiolog, "jzdDzid", res.data.jzdz[0].jzdDzid);
+            this.$set(this.XZformDiolog, "jzdDzxz", res.data.jzdz[0].jzdDzxz);
+            this.optionsMlp[0].id = res.data.jzdz[0].jzdMlpdm;
+            this.optionsMlp[0].text = res.data.jzdz[0].jzdMlpxz;
+            this.optionsChjg[0].id = res.data.jzdz[0].jzdDzid;
+            this.optionsChjg[0].text = res.data.jzdz[0].jzdDzxz.replace(res.data.jzdz[0].jzdMlpxz,'');
+          }
+          
           // this.$set(this.XZformDiolog, "jzdMlpdm", "7DCBEE03759148308A0860A72E8A2BB3");
           // this.$set(this.XZformDiolog, "jzdMlpxz", "天津市西青区杨柳青镇英伦名苑社区雅馨园小区11号楼");
           // this.$set(this.XZformDiolog, "jzdDzid", "BD24F9AAA1B34F59A987983006D7E86A");