修改文件图片回显

董国庆

2025-12-17 10638dc89f1cd2a20c4035383a66192da5dfbccd

 culture/src/views/strainReportLibrary/reportLibraryOneFour/components/approval/index.vue

@@ -58,7 +58,8 @@
                            </el-form-item>

                            <el-form-item prop="name" style="margin-top: 38px">
                                <el-upload action="#" :file-list="fileList" disabled list-type="text" :on-preview="handlePreview">
                                <el-upload action="#" :file-list="fileList" disabled list-type="text"
                                    :on-preview="handlePreview">
                                    <el-button size="small" type="primary">点击上传</el-button>
                                    <div slot="tip" class="el-upload__tip">支持任意格式文件上传</div>
                                </el-upload>
@@ -153,6 +154,7 @@
import ApprovalProcess from '@/components/approvalProcess'
import AiEditor from '@/components/AiEditor'
import { getDetail } from '../../service';
import { getAllocateIp, downloadFileByUrl, isImageFile } from '@/utils/utils';


export default {
@@ -197,7 +199,7 @@
                auditPersonName: "",
                auditTime: ""
            },
            fileList:[],
            fileList: [],
            assessmentTable: [
                {
                    category: '1.该分题的菌种专业知识',
@@ -252,10 +254,24 @@
    },
    methods: {
        handlePreview(file) {
            if (file.url) {
                window.open(file.url, '_blank');
            } else {
                this.$message.warning('无可预览地址');
            if (file && file.url) {
                // 判断是否为图片文件
                const isImage = isImageFile(file.url);

                if (isImage) {
                    // 图片文件：使用 window.open 预览
                    if (file.url && file.url.startsWith(getAllocateIp())) {
                        console.log('图片链接', file.url)
                        window.open(file.url, '_blank');
                    } else {
                        let newUrl = getAllocateIp() + file.url;
                        console.log('图片链接', newUrl)
                        window.open(newUrl, '_blank');
                    }
                } else {
                    // 非图片文件：使用下载方式
                    downloadFileByUrl(file.url, file.name);
                }
            }
        },
        open() {
@@ -272,7 +288,7 @@
                    processData: []
                };

                let arr = (data.evaluate||'').split(',')
                let arr = (data.evaluate || '').split(',')
                this.fileList = (data.enclosureUrl ? JSON.parse(data.enclosureUrl) : [])
                this.assessmentTable = this.assessmentTable.map((item, index) => {
                    item.selectedScore = Number(arr[index])