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 | 24 ++++++++++++++++++++----
1 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/src/views/folder/index.vue b/src/views/folder/index.vue
index 5e40f10..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': {
@@ -95,18 +108,21 @@
}
},
};
+const searchText = ref('');
const loading = ref(false);
-const searchText = ref('');
+
const pdfViewer = ref(false);
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: '娴嬭瘯',
@@ -124,7 +140,7 @@
{
id: 3,
name: '娴嬭瘯娴嬭瘯娴嬭瘯',
- url: '',
+ url: '/test.pdf',
date: '2024-12-12',
class: 'test',
subject: '娴嬭瘯',
--
Gitblit v1.8.0