kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BUG 140

Browse Source
This commit is contained in:
aixianling
2023-03-31 10:24:12 +08:00
parent 8c89b3b418
commit daefc25b4b
3 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/project/fengdu/AppPhotoReport/PhotoDetail.vue
View File

@@ -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>