From 67cc563c32d65994883bad4fe809006ad5874159 Mon Sep 17 00:00:00 2001
From: aixianling <aixianling@sinoecare.com>
Date: Fri, 31 Mar 2023 10:11:51 +0800
Subject: [PATCH] BUG 141

---
 src/components/AiEvaluation/AiEvaluation.vue |  3 +--
 src/mods/conv/AppPhotoReport/PhotoDetail.vue | 20 ++++++++++++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/components/AiEvaluation/AiEvaluation.vue b/src/components/AiEvaluation/AiEvaluation.vue
index 1cbf6e6..b1571c2 100644
--- a/src/components/AiEvaluation/AiEvaluation.vue
+++ b/src/components/AiEvaluation/AiEvaluation.vue
@@ -30,7 +30,6 @@ import AiPagePicker from "../AiPagePicker/AiPagePicker";
 import AiGroup from "../AiGroup/AiGroup";
 import AiItem from "../AiItem/AiItem";
 import AiUploader from "../AiUploader/AiUploader";
-import AiEmpty from "dvcp_v2_wechat_app/src/components/AiEmpty/AiEmpty";
 
 export default {
   name: "AiEvaluation",
@@ -44,7 +43,7 @@ export default {
     bid: {default: ""},
     type: {default: "submit"} //可选值: submit:提交评价,show:展示评价
   },
-  components: {AiEmpty, AiUploader, AiItem, AiGroup, AiPagePicker},
+  components: {AiUploader, AiItem, AiGroup, AiPagePicker},
   computed: {
     isShow: v => v.type == 'show',
     hasEvaluated: v => !!v.detail?.id
diff --git a/src/mods/conv/AppPhotoReport/PhotoDetail.vue b/src/mods/conv/AppPhotoReport/PhotoDetail.vue
index b1ae503..66b363e 100644
--- a/src/mods/conv/AppPhotoReport/PhotoDetail.vue
+++ b/src/mods/conv/AppPhotoReport/PhotoDetail.vue
@@ -9,7 +9,9 @@
       <AiItem label="所属网格" :value="info.girdName"/>
       <AiItem label="上报时间" :value="info.createTime"/>
       <AiItem label="照片" top-label>
-        <image v-for="(item, index) in info.files" @click="preview(item.url)" :key="index" :src="item.url"/>
+        <div class="flex wrap">
+          <image class="fill imageItem" v-for="(item, index) in info.files" @click="preview(item.url)" :key="index" :src="item.url"/>
+        </div>
         <span v-if="!info.files.length">暂无照片</span>
       </AiItem>
     </AiGroup>
@@ -17,7 +19,9 @@
     <AiGroup title="处理详情" v-if="info.eventStatus > 1" description noBorder labelColor="#999">
       <AiItem label="处理结果" top-label :value="result.doExplain"/>
       <AiItem label="照片" top-label>
-        <image v-for="(item, index) in result.files" @click="preview(item.url)" :key="index" :src="item.url"/>
+        <div class="flex wrap">
+          <image class="fill imageItem" v-for="(item, index) in result.files" @click="preview(item.url)" :key="index" :src="item.url"/>
+        </div>
         <span v-if="!result.files.length">暂无照片</span>
       </AiItem>
     </AiGroup>
@@ -163,5 +167,17 @@ export default {
       background: #FF4466;
     }
   }
+
+  .imageItem {
+    min-width: 30%;
+    height: 30vw;
+    flex-shrink: 0;
+    margin-right: 16px;
+    margin-bottom: 16px;
+
+    &:nth-of-type(3n) {
+      margin-right: 0;
+    }
+  }
 }
 </style>