11.18 修改获取下载路径的方法，让页面内pdf组件正常获取文件链接

src/pages/Calibration/Supplier/ViewNotice/components/PreviewJgtzsModal.tsx

@@ -3,7 +3,7 @@ import { Modal, Button } from 'antd';
 import PDF from 'react-pdf-js';
 import ProCard from '@ant-design/pro-card';
 import FileDown from '@/utils/Download';
-import { getDownloadFileUrl, getFileListByBid } from '@/utils/DownloadUtils';
+import { getFileListByBid, useDownLoadUrl } from '@/utils/DownloadUtils';
 
 interface PreviewJgtzsModalProps {
   fileId: string,
@@ -14,6 +14,7 @@ interface PreviewJgtzsModalProps {
 
 const PreviewJgtzsModal: React.FC<PreviewJgtzsModalProps> = (props) => {
   const { fileId, downLoadFileName, modalVisible, onCancel } = props
+  const [url] = useDownLoadUrl(fileId);
   const [page, setPage] = useState<number>(1);
   const [pages, setPages] = useState<number>(0);
   const [fileExist, setFileExist] = useState<string>("0");//0：未验证，1：验证后有，2：验证后没有
@@ -81,10 +82,10 @@ const PreviewJgtzsModal: React.FC<PreviewJgtzsModalProps> = (props) => {
       >
         {fileExist == "0" ? (
           <div />
-        ) : fileExist == "1" ? (
+        ) : fileExist == "1" ? url != "" && (
           <>
             <PDF
-              file={getDownloadFileUrl(fileId)}
+              file={url}
               scale={1.6}
               onDocumentComplete={onDocumentComplete}
               page={page}

src/pages/ZYuShen/Calibration/Supplier/ViewNotice/components/PreviewJgtzsModal.tsx

@@ -3,7 +3,7 @@ import { Modal, Button } from 'antd';
 import PDF from 'react-pdf-js';
 import ProCard from '@ant-design/pro-card';
 import FileDown from '@/utils/Download';
-import { getDownloadFileUrl, getFileListByBid } from '@/utils/DownloadUtils';
+import { getFileListByBid, useDownLoadUrl } from '@/utils/DownloadUtils';
 
 interface PreviewJgtzsModalProps {
   fileId: string,
@@ -13,6 +13,7 @@ interface PreviewJgtzsModalProps {
 
 const PreviewJgtzsModal: React.FC<PreviewJgtzsModalProps> = (props) => {
   const { fileId, modalVisible, onCancel } = props
+  const [url] = useDownLoadUrl(fileId);
   const [page, setPage] = useState<number>(1);
   const [pages, setPages] = useState<number>(0);
   const [fileExist, setFileExist] = useState<string>("0");//0：未验证，1：验证后有，2：验证后没有
@@ -79,10 +80,10 @@ const PreviewJgtzsModal: React.FC<PreviewJgtzsModalProps> = (props) => {
       >
         {fileExist == "0" ? (
           <div />
-        ) : fileExist == "1" ? (
+        ) : fileExist == "1" ? url != "" && (
           <>
             <PDF
-              file={getDownloadFileUrl(fileId)}
+              file={url}
               scale={1.6}
               onDocumentComplete={onDocumentComplete}
               page={page}

src/utils/DownloadUtils.ts

@@ -2,10 +2,11 @@
  * @Author: zhoujianlong 
  * @Date: 2022-03-03 09:06:36 
  * @Last Modified by: zhoujianlong
- * @Last Modified time: 2022-05-18 17:23:26
+ * @Last Modified time: 2022-11-18 17:05:16
  */
 
 import { getDownloadSecretKey, getFilelist, getFilelistBySecond } from "@/services/download_";
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from "react";
 import { isEmpty, isNotEmpty } from "./CommonUtils";
 
 /**
@@ -146,6 +147,37 @@ export const getDownloadFileUrl = async (objectId: string) => {
    }
    return url;
 }
+/**
+ * objectId获取文件下载链接
+ * @param objectId 
+ * @returns 
+ */
+export const useDownLoadUrl = (objectId: string): string[] => {
+   const [url, setUrl] = useState<string>("");
+   useEffect(() => {
+      const getFileUrl = async () => {
+         console.log("objectId", objectId);
+         await getFilelist([objectId]).then(async res => {
+            if (res?.success && res?.data?.length > 0) {
+               const keyRes = await getDownloadSecretKey({ fileId: res?.data[res?.data?.length - 1].fileId });//获取key
+               let url = downloadAttachmentPath + '?fileId=' + res?.data[res?.data?.length - 1].fileId + '&documentSecretKey=' + keyRes?.data;
+               setUrl(url);
+            }
+         })
+      }
+      if (isNotEmpty(objectId)) {
+         if (checkObjectId(objectId)) {//判断3.0 objectId
+            getFileUrl();
+         } else {
+            let url = downloadPathBySecond + '?id=' + objectId + '&p=' + getTimeStamp();
+            setUrl(url);
+         }
+
+      }
+   }, [objectId])
+
+   return [url];
+}
 /**
  * 获取文件列表
  * @param objectId 

src/utils/PdfModal/PdfModal.tsx

@@ -3,7 +3,7 @@ import { Modal, Button } from 'antd';
 import PDF from 'react-pdf-js';
 import ProCard from '@ant-design/pro-card';
 import FileDown from '@/utils/Download';
-import { getDownloadFileUrl, getFileListByBid } from '../DownloadUtils';
+import { getFileListByBid, useDownLoadUrl } from '../DownloadUtils';
 /**
  * Pdf Modal弹窗公共组件
  * 2021.8.25 zhoujianlong 根据定标结果通知书的弹出窗口改造初始版本，增加备注
@@ -17,6 +17,7 @@ interface PdfModalProps {
 
 const PdfModal: React.FC<PdfModalProps> = (props) => {
   const { fileId, downLoadFileName, modalVisible, onCancel } = props;
+  const [url] = useDownLoadUrl(fileId);
   const [page, setPage] = useState<number>(1); //页码
   const [pages, setPages] = useState<number>(0); //总页数
   const [fileExist, setFileExist] = useState<string>('0'); //0：未验证，1：验证后有，2：验证后没有
@@ -93,10 +94,10 @@ const PdfModal: React.FC<PdfModalProps> = (props) => {
       <ProCard layout="center" direction="column" ghost>
         {fileExist == '0' ? (
           <div />
-        ) : fileExist == '1' ? (
+        ) : fileExist == '1' ? url != "" && (
           <>
             <PDF
-              file={getDownloadFileUrl(fileId)}
+              file={url}
               scale={1.6}
               onDocumentComplete={onDocumentComplete}
               page={page}