From 48b918b94b87ee7ae8a4c044e356e926ad01dbe0 Mon Sep 17 00:00:00 2001
From: fengyuan_yang <1976974459@qq.com>
Date: Wed, 10 Dec 2025 14:11:04 +0800
Subject: [PATCH] =?UTF-8?q?2025-12-10=20=E8=BF=87=E7=AB=99=E9=87=87?=
 =?UTF-8?q?=E9=9B=86sop=E9=A2=84=E8=A7=88=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/qc/qc.js                              |  1 +
 src/views/modules/qc/sopListComponent.vue     | 45 +++++++++++++++--
 .../yieldReport/com_produce_report_normal.vue | 48 +++++++++++++++++--
 3 files changed, 86 insertions(+), 8 deletions(-)

diff --git a/src/api/qc/qc.js b/src/api/qc/qc.js
index c89b967..145a11f 100644
--- a/src/api/qc/qc.js
+++ b/src/api/qc/qc.js
@@ -246,6 +246,7 @@ export const sopListSearch = data => createAPI(`/pms/qc/sopListSearch`,'post',da
 export const sopAvailableFiles = data => createAPI(`/pms/qc/sopAvailableFiles`,'post',data)
 export const sopFileUploadSave = data => createAPI(`/pms/qc/sopFileUploadSave`,'post',data)
 export const sopRecordDelete = data => createAPI(`/pms/qc/sopList/delete`,'post',data)
+export const downloadSopFile = sopUrl => createAPI(`/pms/qc/downloadSopFile?sopUrl=${encodeURIComponent(sopUrl)}`,'post', 777)
 
 // ===================================== BOM清单 =====================================
 export const bomListSearch = data => createAPI(`/pms/qc/bomListSearch`,'post',data)
diff --git a/src/views/modules/qc/sopListComponent.vue b/src/views/modules/qc/sopListComponent.vue
index 55909d2..91ebade 100644
--- a/src/views/modules/qc/sopListComponent.vue
+++ b/src/views/modules/qc/sopListComponent.vue
@@ -124,7 +124,7 @@
 
 <script>
 import SopFileUpload from './sopFileUpload'
-import { sopListSearch, sopRecordDelete } from '@/api/qc/qc.js'
+import { sopListSearch, sopRecordDelete, downloadSopFile } from '@/api/qc/qc.js'
 
 export default {
   name: 'SopListComponent',
@@ -226,11 +226,48 @@ export default {
     },
     // 预览
     previewHandle (row) {
-      if (row.sopUrl) {
-        window.open(row.sopUrl, '_blank')
-      } else {
+      if (!row.sopUrl) {
         this.$message.warning('该文件暂无预览路径')
+        return
+      }
+      
+      // 获取文件后缀
+      const fileName = row.sopName || row.sopUrl
+      let fileSuffix = ''
+      if (fileName.includes('.')) {
+        fileSuffix = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase()
+      }
+      
+      // 判断文件类型
+      const imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp']
+      const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv']
+      const pdfTypes = ['pdf']
+      const txtTypes = ['txt']
+      const officeTypes = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx']
+      
+      if (officeTypes.includes(fileSuffix)) {
+        this.$message.warning(`暂不支持在线预览${fileSuffix.toUpperCase()}文件，请使用下载功能`)
+        return
       }
+      
+      let mimeType = 'application/octet-stream'
+      if (imageTypes.includes(fileSuffix)) {
+        mimeType = 'image/' + fileSuffix
+      } else if (videoTypes.includes(fileSuffix)) {
+        mimeType = 'video/' + fileSuffix
+      } else if (pdfTypes.includes(fileSuffix)) {
+        mimeType = 'application/pdf'
+      } else if (txtTypes.includes(fileSuffix)) {
+        mimeType = 'text/plain'
+      }
+      
+      downloadSopFile(row.sopUrl).then(({ data }) => {
+        const blob = new Blob([data], { type: mimeType })
+        const fileURL = URL.createObjectURL(blob)
+        window.open(fileURL, '_blank')
+      }).catch(() => {
+        this.$message.error('文件预览失败，请稍后重试')
+      })
     },
     // 批量删除
     batchDeleteHandle () {
diff --git a/src/views/modules/yieldReport/com_produce_report_normal.vue b/src/views/modules/yieldReport/com_produce_report_normal.vue
index 7fb9da0..2bc618e 100644
--- a/src/views/modules/yieldReport/com_produce_report_normal.vue
+++ b/src/views/modules/yieldReport/com_produce_report_normal.vue
@@ -794,7 +794,7 @@ import {
 import {
   getUserSpecialSecurity,
 } from '@/api/yieldReport/produce_order.js'
-import { sopListSearch } from '@/api/qc/qc.js'
+import { sopListSearch, downloadSopFile } from '@/api/qc/qc.js'
 /*打印标签专用的js*/
 import {
   printSfdcLabel,
@@ -5013,11 +5013,51 @@ export default {
 
     // 预览SOP文件
     previewSopFile(row) {
-      if (row.sopUrl) {
-        window.open(row.sopUrl, '_blank');
-      } else {
+      if (!row.sopUrl) {
         this.$message.warning('该文件暂无预览路径');
+        return;
+      }
+      
+      // 获取文件后缀
+      const fileName = row.sopName || row.sopUrl;
+      let fileSuffix = '';
+      if (fileName.includes('.')) {
+        fileSuffix = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();
+      }
+      
+      // 判断文件类型
+      const imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];
+      const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv'];
+      const pdfTypes = ['pdf'];
+      const txtTypes = ['txt'];
+      const officeTypes = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'];
+      
+      // 不支持的文件类型
+      if (officeTypes.includes(fileSuffix)) {
+        this.$message.warning(`暂不支持在线预览${fileSuffix.toUpperCase()}文件，请使用下载功能`);
+        return;
+      }
+      
+      // 设置MIME类型
+      let mimeType = 'application/octet-stream';
+      if (imageTypes.includes(fileSuffix)) {
+        mimeType = 'image/' + fileSuffix;
+      } else if (videoTypes.includes(fileSuffix)) {
+        mimeType = 'video/' + fileSuffix;
+      } else if (pdfTypes.includes(fileSuffix)) {
+        mimeType = 'application/pdf';
+      } else if (txtTypes.includes(fileSuffix)) {
+        mimeType = 'text/plain';
       }
+      
+      // 调用下载API并创建Blob预览
+      downloadSopFile(row.sopUrl).then(({ data }) => {
+        const blob = new Blob([data], { type: mimeType });
+        const fileURL = URL.createObjectURL(blob);
+        window.open(fileURL, '_blank');
+      }).catch(() => {
+        this.$message.error('文件预览失败，请稍后重试');
+      });
     },
 
     // 关闭SOP预览弹出框