From 8ef96d500451d2582718741ea655b8f04a2b8b09 Mon Sep 17 00:00:00 2001
From: RenCheng <RCMessage@outlook.com>
Date: Sat, 24 May 2025 21:58:05 +0800
Subject: [PATCH] 83

---
 src/views/fileManage/fullSearch.vue | 9 ++++++++-
 src/views/fileManage/index.vue      | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/views/fileManage/fullSearch.vue b/src/views/fileManage/fullSearch.vue
index 404ef9f..8e5f9bd 100644
--- a/src/views/fileManage/fullSearch.vue
+++ b/src/views/fileManage/fullSearch.vue
@@ -25,7 +25,7 @@
                         :pagination="pagination" :scroll="{ y: 'calc(100vh - 420px)' }" rowKey="id"
                         @change="handleTableChange">
                     <span slot="action" slot-scope="text, record">
-                        <a @click="download(record,$event)">下载</a>&nbsp; <a @click="viewFile(record,$event)">预览</a>
+                        <a @click="download(record,$event)">下载</a>&nbsp; <a v-if="isPreviewable(record.fileName)" @click="viewFile(record,$event)">预览</a>
                     </span>
                 </a-table>
             </div>
@@ -120,6 +120,7 @@ export default {
                 showTotal: total => `总共 ${total} 个项目`, // 显示总数
                 onShowSizeChange: (current, pageSize) => (this.pageSize = pageSize)
             },
+            viewFileType:["png","bmp","jpg","jpeg","mp4","avi","mp3","pdf"]
         }
     },
     created() {
@@ -131,6 +132,12 @@ export default {
 
     },
     methods: {
+        isPreviewable(fileName){
+            const parts = fileName.split('.');
+            if (parts.length < 2) return false; // 无后缀
+            const extension = parts.pop().toLowerCase();
+            return this.viewFileType.includes(extension);
+        },
         handleTableChange(pagination, filters, sorter) {
             this.pagination = pagination
             this.searchFile.pageNum = pagination.current
diff --git a/src/views/fileManage/index.vue b/src/views/fileManage/index.vue
index 6bd2165..46eebfe 100644
--- a/src/views/fileManage/index.vue
+++ b/src/views/fileManage/index.vue
@@ -132,7 +132,7 @@
                 @change="handleTableChange"
               >
                 <span slot="action" slot-scope="text, record">
-                  <a @click="download(record, $event)">下载</a>&nbsp; <a @click="viewFile(record, $event)">预览</a>&nbsp;
+                  <a @click="download(record, $event)">下载</a>&nbsp; <a v-if="isPreviewable(record.fileName)" @click="viewFile(record, $event)">预览</a>&nbsp;
                   <a @click="DeleteFile(record, $event)">删除</a>
                 </span>
               </a-table>
@@ -233,6 +233,7 @@ export default {
         audio: 0,
         total: 0,
       },
+      viewFileType:["png","bmp","jpg","jpeg","mp4","avi","mp3","pdf"]
     }
   },
   created() {},
@@ -243,6 +244,12 @@ export default {
   },
   computed: {},
   methods: {
+    isPreviewable(fileName){
+      const parts = fileName.split('.');
+      if (parts.length < 2) return false; // 无后缀
+      const extension = parts.pop().toLowerCase();
+      return this.viewFileType.includes(extension);
+    },
     calculateScrollY() {
       // 获取父容器高度（需减去表格内其他元素的高度，如分页栏）
       const container = this.$refs.tableContainer;