From 13e9ddabf4ba3a89aa2a93fe8d3b35c8604c6813 Mon Sep 17 00:00:00 2001
From: luobisheng <727299681@qq.com>
Date: 星期三, 16 十一月 2022 17:51:29 +0800
Subject: [PATCH] 获取文件名字修改
---
src/components/filePictrue/index.vue | 78 ++++++++++++++++++++++++++-------------
1 files changed, 52 insertions(+), 26 deletions(-)
diff --git a/src/components/filePictrue/index.vue b/src/components/filePictrue/index.vue
index 8b65250..ce10e5d 100644
--- a/src/components/filePictrue/index.vue
+++ b/src/components/filePictrue/index.vue
@@ -2,50 +2,51 @@
<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'" 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="">
+ <!-- <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
@@ -55,7 +56,27 @@
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>
@@ -70,13 +91,18 @@
}
.tell-show {
- display: flex;
+ .tell-demo {
+ display: flex;
+ flex-wrap: wrap;
+ width: 100%;
+ }
}
}
.my-demo {
position: relative;
height: 159px;
+ margin: 10px;
}
.tip {
--
Gitblit v1.8.0