From 450e4d8252f1042e8269db9ab3412d5df19bab35 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 03 七月 2024 14:04:26 +0800
Subject: [PATCH] feat:图片查看

---
 src/views/folder/index.vue |   12 ++++++++++++
 components.d.ts            |    2 ++
 2 files changed, 14 insertions(+), 0 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index bc00ff8..9de0d54 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -18,6 +18,7 @@
     ElForm: typeof import('element-plus/es')['ElForm']
     ElFormItem: typeof import('element-plus/es')['ElFormItem']
     ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
     ElPagination: typeof import('element-plus/es')['ElPagination']
     ElProgress: typeof import('element-plus/es')['ElProgress']
@@ -34,6 +35,7 @@
     ExamInfoDialog: typeof import('./src/components/ExamInfoDialog/index.vue')['default']
     Header: typeof import('./src/components/Header/index.vue')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
+    ImageViewer: typeof import('./src/components/ImageViewer/index.vue')['default']
     NormalHeader: typeof import('./src/components/NormalHeader/index.vue')['default']
     PDFViewer: typeof import('./src/components/PDFViewer/index.vue')['default']
     PDFVIewer: typeof import('./src/components/PDFVIewer/index.vue')['default']
diff --git a/src/views/folder/index.vue b/src/views/folder/index.vue
index e28bb3d..49f543c 100644
--- a/src/views/folder/index.vue
+++ b/src/views/folder/index.vue
@@ -50,6 +50,7 @@
       </div>
     </div>
 
+    <!-- pdf鏌ョ湅 -->
     <div class="pdf-container" v-show="pdfViewer">
       <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
       <div class="close-btn">
@@ -62,6 +63,14 @@
         </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>
 </template>
 
@@ -79,6 +88,7 @@
     iconPath: '/static/icons/file_type_image.png',
     handle: (item) => {
       console.log(item);
+      imageViewer.value = true;
     }
   },
   'video': {
@@ -103,6 +113,8 @@
 const imageViewer = ref(false);
 const videoViewer = ref(false);
 
+const imageList = ref([]);
+
 const fileList = ref([
   {
     id: 1,

--
Gitblit v1.8.0