| | |
| | | <div class="file-picture"> |
| | | <div class="file-tell"> |
| | | <div class="tell-title">上报</div> |
| | | <div class="tell-show"> |
| | | <div class="my-demo"> |
| | | <!-- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg" |
| | | alt=""> --> |
| | | <img class="img" :src="imgSource[0].url" alt=""> |
| | | <div class="tip"> |
| | | <div>【图片类型】上报</div> |
| | | <div>【上报时间】2022-09-08 14:23:34</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> |
| | | <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg" |
| | | alt=""> |
| | | </div> |
| | | </div> |
| | | <div class="file-deal"> |
| | | <div class="tell-title">处置</div> |
| | | <div class="tell-show"> |
| | | <div class="my-demo"> |
| | | <!-- <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg" |
| | | alt=""> --> |
| | | <img class="img" :src="imgSource[1].url" alt=""> |
| | | <div class="tip"> |
| | | <div>【图片类型】处置</div> |
| | | <div>【上报时间】2022-09-08 14:23:34</div> |
| | | <div class="tell-show" v-for="item in imgSource" :key="item.id"> |
| | | <div v-if="item.type == '02'" 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> |
| | | <img src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__ef98ada722c616eccb097d1352880862.svg" |
| | | alt=""> |
| | | <!-- <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'], |
| | | props: ['filesPictureVo', 'mycode'], |
| | | created() { |
| | | console.log(this.filesPictureVo); |
| | | const { filesPictureVo: { imageResources: mysource } } = this; |
| | | this.imgSource = mysource; |
| | | // 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 |
| | |
| | | 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 => { |
| | | console.log(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> |