From b81d9110bcdef3b80386c6f16fa927e481ed9a7a Mon Sep 17 00:00:00 2001
From: 消逝 <1425768167@qq.com>
Date: 星期五, 12 七月 2024 16:56:57 +0800
Subject: [PATCH] 在线查看
---
src/views/folder/index.vue | 21 +++++++++++++++++----
1 files changed, 17 insertions(+), 4 deletions(-)
diff --git a/src/views/folder/index.vue b/src/views/folder/index.vue
index 8f97afd..69536e8 100644
--- a/src/views/folder/index.vue
+++ b/src/views/folder/index.vue
@@ -66,7 +66,7 @@
</div>
<!-- pdf鏌ョ湅 -->
- <div class="pdf-container" v-show="pdfViewer">
+ <!-- <div class="pdf-container" v-show="pdfViewer">
<PDFViewer :pdfUrl="pdfFile"></PDFViewer>
<div class="close-btn">
<el-button type="danger" size="large" circle @click="closeViewer">
@@ -77,7 +77,7 @@
</template>
</el-button>
</div>
- </div>
+ </div> -->
<!-- image鏌ョ湅 -->
<div class="image-container" v-show="imageViewer">
@@ -97,7 +97,10 @@
</el-button>
</div>
</div>
-
+ <!-- 寮圭獥 -->
+ <el-drawer v-model="fileViewer" direction="btt" size="90%" :before-close="handleClose">
+ <DocumentViewer :fileUrl="fileUrl"></DocumentViewer>
+ </el-drawer>
</div>
</template>
@@ -112,6 +115,7 @@
import PDFViewer from '@/components/PDFViewer/index.vue';
import VideoViewer from '@/components/VideoViewer/index.vue';
+import DocumentViewer from "@/components/DocumentViewer/index.vue";
import {useUserStore} from '@/store/index.js';
import useWebScoket from '@/hooks/useWebScoket.js';
@@ -180,9 +184,18 @@
{ name: 'PPT', value: 'ppt' }]);
const currentIndex = ref(1);
-
+const fileUrl = ref("");
+const fileViewer = ref(false);
const checkRow = (item) => {
+ fileUrl.value = item.contentUrl.url;
fileType[item.contentType] && fileType[item.contentType].handle(item);
+ fileViewer.value = true
+};
+
+const handleClose = () => {
+ fileViewer.value = false;
+ fileUrl.value = "";
+ console.log("鎴戞槸鍚﹀叧闂細",fileUrl.value);
};
const closeViewer = () => {
--
Gitblit v1.8.0