刑嫌对象信息管理, 详情图片

src/components/PersonInfor.vue

@@ -99,7 +99,7 @@
                   <div
                     :class="'col' + i.col"
                     v-for="i in item.data"
-                      v-show="!i.hidden"
+                    v-show="!i.hidden"
                     :key="i.prop"
                   >
                     <span class="label" :style="{ width: labelWidth }">{{
@@ -143,8 +143,21 @@
                           >{{ "预览" }}</span
                         >
                       </div>
+                      <div
+                        id="PhotoNew"
+                        class="photoBox"
+                        v-else-if="i.type == 'photoNew' && pageData[i.prop]"
+                      >
+                        <!-- {{ pageData[i.prop].src }} -->
+                        <el-image
+                          class="new-image"
+                          :preview-src-list="[pageData[i.prop].src]"
+                          :src="pageData[i.prop].src"
+                          lazy
+                        ></el-image>
+                      </div>
                       <!-- 群体研判页面只有标题没有文件，显示为比标题 -->
-                      <div v-if="i.type == 'photoW' && pageData[i.prop]">
+                      <div v-else-if="i.type == 'photoW' && pageData[i.prop]">
                         <p
                           class="photoBox"
                           v-for="(itemW, index) in pageData[i.prop]"
@@ -240,6 +253,13 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+#PhotoNew {
+  border: 0px solid rgba(0, 0, 0, 0.18);
+  .el-image {
+    width: 178px;
+    height: 178px;
+  }
+}
 i.iconfont.iconfujian-wenjian {
   color: #ffa456;
   margin-right: 9px;
@@ -367,6 +387,7 @@ i.iconfont.iconfujian-wenjian {
   .module {
     padding: 10px 0;
   }
+
   .photoBox {
     @include photoStyle();
     width: 100%;

src/views/xxtk/gzry/detailGzry.vue

@@ -45,31 +45,31 @@ export default {
               //photo的数据为对象格式有src: 图片路径  name: 图片名 字段
               label: "正面:",
               prop: "zmfile",
-              type: "photo",
+              type: "photoNew",
               col: "3",
             },
             {
               label: "左侧:",
               prop: "zcfile",
-              type: "photo",
+              type: "photoNew",
               col: "3",
             },
             {
               label: "右侧:",
               prop: "ycfile",
-              type: "photo",
+              type: "photoNew",
               col: "3",
             },
             {
               label: "身份证人像:",
               prop: "sfzrxfile",
-              type: "photo",
+              type: "photoNew",
               col: "3",
             },
             {
               label: "身份证国徽:",
               prop: "sfzghfile",
-              type: "photo",
+              type: "photoNew",
               col: "13",
             },
             {
@@ -352,6 +352,16 @@ export default {
                 name: obj.ryzpDzwjmc,
               });
             self.$forceUpdate(self.pageObject);
+          } else if (fieldItem.type == "photoNew") {
+            let obj = result.find(
+              (i) => self.selectBw(i.zpbw) == fieldItem.prop
+            );
+            if (obj && obj.ryzpDzwjnr)
+              self.$set(self.pageObject, fieldItem.prop, {
+                src: "data:image/jpeg;base64," + obj.ryzpDzwjnr,
+                name: obj.ryzpDzwjmc,
+              });
+            self.$forceUpdate(self.pageObject);
           }
         });
         self.loadingIndex--;