海南标注-人像查询与人像信息分为两个接口返回数据

src/api/ajbzDetail.js

@@ -2,7 +2,8 @@ import {
     get,
     post,
     postform,
-    postJson
+    postJson,
+    axios
 } from "@/utils/http.js";
 
 const getAsjxxDetail = params =>
@@ -46,6 +47,8 @@ const deleteBsh = params =>
 const updateBzStatus = params =>
     post(`/api/newAsjbz/CheckBackQuery`, params);
 
+const getPeopleFaceImgByUserIdCard = params =>
+    post(`/api/newAsjbz/getPeopleFaceImgByUserIdCard`, params);
 
 export {
     getAsjxxDetail,
@@ -61,5 +64,6 @@ export {
     getRybhList,
     getBarxxList,
     deleteBsh,
-    updateBzStatus
+    updateBzStatus,
+    getPeopleFaceImgByUserIdCard
 }

src/views/hainanBZ/ajbzDetailHN.vue

@@ -139,7 +139,7 @@
                         <td width="80">勘验人:</td>
                         <td width="300">{{ kyjcry }}</td>
                         <td width="80">经纬度:</td>
-                        <td width="300">{{ jd }}，{{ wd }}</td>
+                        <td width="300" v-if="jd != null || wd != null">{{ jd }},{{ wd }}</td>
                       </tr>
                       <tr>
                         <td valign="top" width="80">勘验情况:</td>
@@ -166,7 +166,8 @@
                     </div>
                     <div class="conTitleRight" @click="topAmplifier"></div>
                   </div>
-                  <div class="conContioner" :class="topSamllCard" v-show="ryqh">
+                  <div class="conContioner" :class="topSamllCard" v-show="ryqh" v-loading="ryLoading"
+                       element-loading-text="加载中">
                     <table v-for="(data, index) in xyrList1" :key="index">
                       <tr>
                         <td
@@ -182,6 +183,7 @@
                                   :size="100"
                                   fit="fill"
                                   :src="'data:image/png;base64,' + data.zp"
+                                  :key="data.zp"
                               ></el-avatar>
                             </div>
                           </div>
@@ -226,6 +228,7 @@
                                   :size="100"
                                   fit="fill"
                                   :src="'data:image/png;base64,' + data.zp"
+                                  :key="data.zp"
                               ></el-avatar>
                             </div>
                           </div>
@@ -275,6 +278,7 @@
                                   :size="100"
                                   fit="fill"
                                   :src="'data:image/png;base64,' + data.zp"
+                                  :key="data.zp"
                               ></el-avatar>
                             </div>
                           </div>
@@ -715,6 +719,7 @@ import {
   getBarxxList,
   deleteBsh,
   updateBzStatus,
+  getPeopleFaceImgByUserIdCard
 } from "@/api/ajbzDetail.js";
 import axios from "@/utils/http.js";
 import wbz from "@/assets/img/wbz.png";
@@ -738,6 +743,7 @@ export default {
     return {
       ybz: ybz,
       wbz: wbz,
+      ryLoading: false,
       ajbzHtParam: {
         asjbh: "",
         htms: "",
@@ -1657,16 +1663,17 @@ export default {
         this.ajxx = false;
         this.xcxx = false;
         this.ry = true;
-
         getZbfzxyrxxList({
           asjbh: this.asjbh,
         }).then((res) => {
           this.xyrList1 = res.data.rows;
+          this.getPeopleFaceImg(this.xyrList1);
         });
       }
     },
     hanldRytab(val) {
       this.selectIndex2 = val;
+      this.ryLoading = true;
       if (val == 1) {
         this.ryqh = true;
         this.shrqh = false;
@@ -1675,6 +1682,8 @@ export default {
           asjbh: this.asjbh,
         }).then((res) => {
           this.xyrList = res.data.rows;
+          this.ryLoading = false;
+          this.getPeopleFaceImg(this.xyrList);
         });
       } else if (val == 2) {
         this.ryqh = false;
@@ -1684,6 +1693,8 @@ export default {
           asjbh: this.asjbh,
         }).then((res) => {
           this.shrListqh = res.data.rows;
+          this.ryLoading = false;
+          this.getPeopleFaceImg(this.shrListqh);
         });
       } else if (val == 3) {
         this.ryqh = false;
@@ -1693,9 +1704,40 @@ export default {
           asjbh: this.asjbh,
         }).then((res) => {
           this.barList = res.data.rows;
+          this.ryLoading = false;
+          this.getPeopleFaceImg(this.barList);
         });
       }
     },
+    //获取人脸照片
+    getPeopleFaceImg(userList) {
+      if (userList != null && userList.length > 0) {
+        let userInfoList = '';
+        for (let i = 0; i < userList.length; i++) {
+          if (userList[i].cyzjZjhm != null && userList[i].cyzjZjhm != '') {
+            userInfoList += userList[i].cyzjZjhm;
+            userInfoList += ',';
+          }
+        }
+        if (userInfoList.length > 0) {
+          userInfoList = userInfoList.substring(0, userInfoList.length - 1);
+          getPeopleFaceImgByUserIdCard({userInfoList: userInfoList}).then(res => {
+            if (res.code == 200) {
+              let userFaceImg = res.data.rows;
+              for (let j = 0; j < userFaceImg.length; j++) {
+                let userFaceInfo = userFaceImg[j];
+                for (let i = 0; i < userList.length; i++) {
+                  let userInfo = userList[i];
+                  if(userFaceInfo.sfzh == userInfo.cyzjZjhm){
+                    userInfo.zp = userFaceInfo.peoplePhoto;
+                  }
+                }
+              }
+            }
+          })
+        }
+      }
+    },
     hanldTableBar() {
       //this.zaData = [];
       this.laData = [];