!333 文件列表增加图片的展示和预览

Merge pull request !333 from boide/file-preview
This commit is contained in:
芋道源码 2023-12-03 11:02:48 +00:00 committed by Gitee
commit c47aabe880
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F

View File

@ -59,6 +59,21 @@
:formatter="fileSizeFormatter"
/>
<el-table-column label="文件类型" align="center" prop="type" width="180px" />
<el-table-column label="文件内容" align="center" prop="url" width="110px">
<template #default="{ row }">
<el-image
v-if="row.type.includes('image')"
class="h-80px w-80px"
lazy
:src="row.url"
:preview-src-list="[row.url]"
preview-teleported
fit="cover"
/>
<el-link v-else-if="row.type.includes('pdf')" type="primary" :href="row.url" :underline="false" target="_blank">预览</el-link>
<el-link v-else type="primary" download :href="row.url" :underline="false" target="_blank">下载</el-link>
</template>
</el-table-column>
<el-table-column
label="上传时间"
align="center"