fix: 后端采用实时链接文件之后,部分文件打不开的情况。

chenhang4442024
1 parent 522f7be0
Showing 3 changed files with 25 additions and 3 deletions
src/views/project/approve/ReceivePanel.vue
src/views/project/order/FormDetail/BaseFormPanel.vue
src/views/project/order/FormDetail/index.vue
@@ -104,7 +104,7 @@
         </tr>
       </tbody>
     </table>
-    <a v-if="showInvoice" @click="openPic(mockData.invoiceUrl)" rel="noopener noreferrer">{{
+    <a v-if="showInvoice" @click="openPic(mockData.deductUrl)" rel="noopener noreferrer">{{
       mockData.invoiceName
     }}</a>
     <template #appendFooter>
@@ -134,6 +134,7 @@
   import BaseInfo from './BaseInfo.vue';
   import { createImgPreview } from '/@/components/Preview';
   import { getFormConfig } from './data';
+  import { view } from '/@/utils/pdfShow';
   import { Description, DescItem, useDescription } from '@/components/Description';
  
   const userStore = useUserStoreWithOut();
@@ -327,7 +328,7 @@
       function handleProfitModal() {}
        // 打开图片或 PDF
        function openPic(url: string) {
-        const baseUrl = url.split('?')[0]; // 获取问号前的部分
+        const baseUrl = url.split('?')[0];
         if (isImageUrl(baseUrl)) {
           window.open('', '', '').document.write(`<!DOCTYPE html>
       <html>
@@ -457,6 +458,16 @@
         }
       };
  
+      function isImageUrl(url: string): boolean {
+        const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg'];
+        const baseUrl = url.split('?')[0];
+        return imageExtensions.some((ext) => baseUrl.toLowerCase().endsWith(ext));
+      }
+       // 检查 URL 是否为 PDF 格式
+       function isPdfUrl(url: string): boolean {
+        return url.toLowerCase().endsWith('.pdf');
+      }
+
       return {
         handleProfitModal,
         registerTable,
@@ -57,6 +57,8 @@
       let fields = ref({});
       const picUrl = ref('');
       const smallPicUrl = ref('');
+      const fileName = ref('');
+      const smallfileName = ref('');
       const userStore = useUserStoreWithOut();
       const role = computed(() => {
         return userStore.getUserInfo?.roleSmallVO?.code;
@@ -175,6 +177,8 @@
                   if (res.file?.response?.data) {
                     picUrl.value = res.file?.response?.data?.picUrl;
                     smallPicUrl.value = res.file?.response?.data?.smallPicUrl;
+                    fileName.value = res.file?.response?.data?.fileName;
+                    smallfileName.value = res.file?.response?.data?.smallfileName;
  
                     setFieldsValue({ picUrl: picUrl.value });
                     clearValidate('picUrl');
@@ -318,6 +322,8 @@
         validate,
         picUrl,
         smallPicUrl,
+        fileName,
+        smallfileName,
         isInnerNoRepeat,
         role,
       };
@@ -245,6 +245,8 @@
               });
               baseFormPanelRef.value.picUrl = data.picUrl;
               baseFormPanelRef.value.smallPicUrl = data.smallPicUrl;
+              baseFormPanelRef.value.fileName = data.fileName;
+              baseFormPanelRef.value.smallfileName = data.smallfileName;
             }
             // 复制，只能更新基本信息
             if (data.isCopy) return;
@@ -360,6 +362,8 @@
                 ...forms.baseInfo,
                 picUrl: baseFormPanelRef?.value?.picUrl || '',
                 smallPicUrl: baseFormPanelRef?.value?.smallPicUrl || '',
+                fileName:baseFormPanelRef?.value?.fileName || '',
+                smallfileName:baseFormPanelRef?.value?.smallfileName || '',
               };
               await orderUpdate(forms);
               closeDrawer();
@@ -446,12 +450,13 @@
  
             // 新建只有基本信息
             const values = baseFormPanelRef?.value?.getFieldsValue() || {};
-
             const forms = {
               baseInfo: {
                 ...values,
                 picUrl: baseFormPanelRef?.value?.picUrl || '',
                 smallPicUrl: baseFormPanelRef?.value?.smallPicUrl || '',
+                fileName:baseFormPanelRef?.value?.fileName || '',
+                smallfileName:baseFormPanelRef?.value?.smallfileName || '',
               },
             };
             await orderCreate(forms);