zhanghua
2022-12-05 c88f56fbd311766de4245ba74789eebd7ee65eab
src/components/filePictrue/index.vue
@@ -5,7 +5,7 @@
            <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="">
            <img class="img" :src="childer" alt="" />
                        <div class="tip">
                            <div>【图片类型】上报</div> 
                            <div>【上传时间】{{ changeTime(item.createTime) }}</div>
@@ -19,7 +19,7 @@
            <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>
@@ -31,49 +31,56 @@
    </div>
</template>
<script>
import { parseTime } from "@/utils/index"
import { parseTime } from "@/utils/index";
export default {
    data() {
        return {
            imgSource: []
        }
      imgSource: [],
    };
    },
    props: ['filesPictureVo', 'mycode'],
  props: ["filesPictureVo", "mycode"],
    created() {
        const { filesPictureVo: { imageResources: imgList } } = this
        this.getEventInfo(this.mycode);
    const {
      filesPictureVo: { imageResources: imgList },
    } = this;
    let pic = this.filesPictureVo.imageResources;
    pic.forEach((item) => {
      item.url = item.url.split(",");
    });
    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 => {
        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(',')
                    })
        pic.forEach((item) => {
          item.url = item.url.split(",");
        });
                    this.imgSource = pic;
                })
      });
        },
    }
}
  },
};
</script>
<style lang="scss" scoped>
.file-picture {