From e1aa0ecffbabd618c71e4ad94370fb8dffe6ee1c Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期日, 21 一月 2024 20:54:49 +0800
Subject: [PATCH] 优化
---
src/components/filePictrue/index.vue | 98 ++++++++++++++++++++++++++++++++-----------------
1 files changed, 64 insertions(+), 34 deletions(-)
diff --git a/src/components/filePictrue/index.vue b/src/components/filePictrue/index.vue
index ce10e5d..c14fae1 100644
--- a/src/components/filePictrue/index.vue
+++ b/src/components/filePictrue/index.vue
@@ -3,12 +3,14 @@
<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 v-if="item.type == '01'" style="display: flex">
<div class="my-demo" v-for="childer in item.url">
- <img class="img" :src="childer" alt="">
+ <img class="img" :src="childer" alt="" />
<div class="tip">
- <div>銆愬浘鐗囩被鍨嬨�戜笂鎶�</div>
- <div>銆愪笂浼犳椂闂淬�憑{ changeTime(item.createTime) }}</div>
+ <div>銆愬浘鐗囩被鍨嬨�戜笂鎶�</div>
+ <div>
+ 銆愪笂浼犳椂闂淬�憑{ changeTime(item.createTime) }}
+ </div>
</div>
</div>
</div>
@@ -19,66 +21,94 @@
<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="">
+ <img class="img" :src="childer" alt="" />
<div class="tip">
<!-- <div>銆愬浘鐗囩被鍨嬨�戝缃�</div> -->
- <div>銆愪笂浼犳椂闂淬�憑{ changeTime(item.createTime) }}</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"
+import { parseTime, FILE_ORIGINAL_URL } from "@/utils/index";
export default {
data() {
return {
- imgSource: []
- }
+ imgSource: [],
+ };
},
- props: ['filesPictureVo', 'mycode'],
+ 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);
+ const {
+ filesPictureVo: { imageResources: imgList },
+ } = this;
+
+ let pic = this.filesPictureVo.imageResources;
+ pic.forEach((item) => {
+ if (item.url) {
+ if (typeof item.url == "string") {
+ let urls = item.url.split(",");
+ item.url = [];
+ urls.forEach((o) => {
+ o = o.replace("[", "").replace("]", "");
+ if (o !== '') {
+ item.url.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${o}`);
+ }
+ });
+ }
+ } else {
+ item.url = [];
+ }
+ });
+ this.imgSource = pic;
+ // this.getEventInfo(this.mycode);
},
methods: {
// 鑾峰彇token
getToken() {
- const token = sessionStorage.getItem('token');
- const tokenHead = sessionStorage.getItem('tokenHead');
+ const token = sessionStorage.getItem("token");
+ const tokenHead = sessionStorage.getItem("tokenHead");
if (token && tokenHead) {
return { Authorization: tokenHead + token };
}
},
changeTime(time) {
if (time) {
- return parseTime(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;
- })
+ 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) => {
+ if (item.url) {
+ if (typeof item.url == "string") {
+ let urls = item.url.split(",");
+ item.url = [];
+ urls.forEach((o) => {
+ o = o.replace("[", "").replace("]", "");
+ item.url.push(`${FILE_ORIGINAL_URL}sccg/API/img?fileUrl=${o}`);
+ });
+ }
+ } else {
+ item.url = [];
+ }
+ });
+ this.imgSource = pic;
+ });
},
- }
-}
+ },
+};
</script>
<style lang="scss" scoped>
.file-picture {
--
Gitblit v1.8.0