gitee
/
snowy
mirror of https://gitee.com/xiaonuobase/snowy
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

【更新】更新文件展示组件，增加下载按钮

pull/134/MERGE
小诺 2023-07-12 10:49:50 +08:00 committed by xiaonuobase
parent dfee2e56da
commit caf0eb0e5e
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
snowy-admin-web/src/components/XnFilePreview/index.vue
View File

@ -1,19 +1,24 @@
<template> <template>
<a-button type="primary" @click="emit('goBack')" class="go-back-button"> <a-space class="go-back-button">
<a-button type="primary" :href="props.src" target="_blank">
<template #icon><download-outlined /></template>
</a-button>
<a-button type="primary" @click="emit('goBack')" >
<template #icon><rollback-outlined /></template> <template #icon><rollback-outlined /></template>
返回 返回
</a-button> </a-button>
</a-space>
<a-card :bordered="false" :body-style="{ padding: '0px' }"> <a-card :bordered="false" :body-style="{ padding: '0px' }">
<vue-office-docx <vue-office-docx
v-if="props.fileType === 'doc' || props.fileType === 'docx'" v-if="props.fileType === 'doc' || props.fileType === 'docx'"
:src="props.src" :src="props.src"
style="height: 83vh" style="height: 82vh"
@rendered="renderedHandler" @rendered="renderedHandler"
/> />
<vue-office-excel <vue-office-excel
v-else-if="props.fileType === 'xls' || props.fileType === 'xlsx'" v-else-if="props.fileType === 'xls' || props.fileType === 'xlsx'"
:src="props.src" :src="props.src"
style="height: 83vh" style="height: 82vh"
@rendered="renderedHandler" @rendered="renderedHandler"
@error="errorHandler" @error="errorHandler"
/> />
@ -34,7 +39,7 @@
props.fileType.toLowerCase() === 'svg' props.fileType.toLowerCase() === 'svg'
" "
:src="props.src" :src="props.src"
style="width: 100%" style="max-width: 100%"
/> />
<a-result v-else status="warning" title="不支持预览的文件类型" /> <a-result v-else status="warning" title="不支持预览的文件类型" />
</a-card> </a-card>