From 229894d52a0f4cdca90bebfde323104d1810ef4f Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 03 七月 2024 17:18:16 +0800
Subject: [PATCH] feat:添加webscoket
---
src/views/folder/index.vue | 21 ++++++++++++++++++---
1 files changed, 18 insertions(+), 3 deletions(-)
diff --git a/src/views/folder/index.vue b/src/views/folder/index.vue
index e28bb3d..4b8ea61 100644
--- a/src/views/folder/index.vue
+++ b/src/views/folder/index.vue
@@ -50,8 +50,9 @@
</div>
</div>
+ <!-- pdf鏌ョ湅 -->
<div class="pdf-container" v-show="pdfViewer">
- <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
+ <PDFViewer :pdfUrl="'/test.pdf'"></PDFViewer>
<div class="close-btn">
<el-button type="danger" size="large" circle @click="closeViewer">
<template #icon>
@@ -62,6 +63,17 @@
</el-button>
</div>
</div>
+
+ <!-- image鏌ョ湅 -->
+ <div class="image-container" v-show="imageViewer">
+ <el-image-viewer :url-list="imageList" @close="closeViewer"></el-image-viewer>
+ </div>
+
+ <!-- 瑙嗛鏌ョ湅 -->
+ <div class="video-container">
+
+ </div>
+
</div>
</template>
@@ -79,6 +91,7 @@
iconPath: '/static/icons/file_type_image.png',
handle: (item) => {
console.log(item);
+ imageViewer.value = true;
}
},
'video': {
@@ -103,11 +116,13 @@
const imageViewer = ref(false);
const videoViewer = ref(false);
+const imageList = ref([]);
+
const fileList = ref([
{
id: 1,
name: '娴嬭瘯娴嬭瘯娴嬭瘯',
- url: '',
+ url: '/test_question.png',
date: '2024-12-12',
class: 'test',
subject: '娴嬭瘯',
@@ -125,7 +140,7 @@
{
id: 3,
name: '娴嬭瘯娴嬭瘯娴嬭瘯',
- url: '',
+ url: '/test.pdf',
date: '2024-12-12',
class: 'test',
subject: '娴嬭瘯',
--
Gitblit v1.8.0