<template>
|
<div class="file-picture">
|
<div class="file-tell">
|
<div class="tell-title">上报</div>
|
<div class="tell-show" v-for="item in imgSource" :key="item.id">
|
<div v-if="item.type == '01'" style="display:flex">
|
<div class="my-demo" v-for="childer in item.url">
|
<img class="img" :src="childer" alt="">
|
<div class="tip">
|
<div>【图片类型】上报</div>
|
<div>【上传时间】{{ changeTime(item.createTime) }}</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="file-deal">
|
<div class="tell-title">处置</div>
|
<div class="tell-show" v-for="item in imgSource" :key="item.id">
|
<div v-if="item.type == '02'" class="tell-demo">
|
<div class="my-demo" v-for="childer in item.url">
|
<img class="img" :src="childer" alt="">
|
<div class="tip">
|
<!-- <div>【图片类型】处置</div> -->
|
<div>【上传时间】{{ changeTime(item.createTime) }}</div>
|
</div>
|
</div>
|
</div>
|
<!-- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg"
|
alt=""> -->
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import { parseTime } from "@/utils/index"
|
export default {
|
data() {
|
return {
|
imgSource: []
|
}
|
},
|
props: ['filesPictureVo', 'mycode'],
|
created() {
|
// this.imgSource =this.filesPictureVo
|
const { filesPictureVo: { imageResources: imgList } } = this
|
// this.createTime=this.filesPictureVo.imageResources[0].createTime;
|
// console.log(this.imgSource);
|
this.getEventInfo(this.mycode);
|
},
|
methods: {
|
// 获取token
|
getToken() {
|
const token = sessionStorage.getItem('token');
|
const tokenHead = sessionStorage.getItem('tokenHead');
|
if (token && tokenHead) {
|
return { Authorization: tokenHead + token };
|
}
|
},
|
changeTime(time) {
|
if (time) {
|
return parseTime(time)
|
}
|
},
|
getEventInfo(mycode) {
|
this.$axios({
|
method: 'get',
|
url: `sccg/base_case/baseCaseDetail/${mycode}`
|
})
|
.then(res => {
|
this.info = res.data;
|
this.dialogView = true;
|
let pic = res.data.filesPictureVo.imageResources;
|
pic.forEach(item => {
|
item.url = item.url.split(',')
|
})
|
this.imgSource = pic;
|
})
|
},
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.file-picture {
|
padding-top: 50px;
|
|
.file-tell,
|
.file-deal {
|
.tell-title {
|
line-height: 40px;
|
}
|
|
.tell-show {
|
.tell-demo {
|
display: flex;
|
flex-wrap: wrap;
|
width: 100%;
|
}
|
}
|
}
|
|
.my-demo {
|
position: relative;
|
height: 159px;
|
margin: 10px;
|
}
|
|
.tip {
|
div {
|
line-height: 20px;
|
}
|
|
text-align: left;
|
position: absolute;
|
bottom: 0px;
|
}
|
|
.img {
|
width: 226px;
|
height: 159px;
|
}
|
}
|
</style>
|
