From caf0eb0e5e7f69e9ac214783b1abae4ba20ea355 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=AF=BA?= <1253070437@qq.com>
Date: Wed, 12 Jul 2023 10:49:50 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=9B=B4=E6=96=B0=E3=80=91=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=96=87=E4=BB=B6=E5=B1=95=E7=A4=BA=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E4=B8=8B=E8=BD=BD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/XnFilePreview/index.vue    | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

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