修改图片预览方式

src/components/FileViewer/index.js

@@ -20,12 +20,7 @@ const FileViewerModal = ({ data, visible, onCancel, downloadFile }) => {
           key={data?.name}
           fileType={type}
           filePath={data?.url}
-          // onError={() => downloadFile(data)}
-          onError={() => (
-            <div>
-              文件加载错误点击<a onClick={() => downloadFile(data)}>下载</a>
-            </div>
-          )}
+          onError={() => downloadFile(data)}
           errorComponent={() => (
             <div>
               文件加载错误点击<a onClick={() => downloadFile(data)}>下载</a>

src/pages/Detail/FormAndFilesNode.js

@@ -51,22 +51,27 @@ const FormAndFilesNode = ({ title, formData, excelFileData, loading, downloadFil
       title: '附件',
       dataIndex: 'name',
       render: (text, item) => {
-        return <PreviewFile name={item.name} src={item.url} />;
+        return <div>{item.name}</div>;
       },
     },
     {
       title: '预览',
-      render: record => (
-        <a
-          style={{ marginLeft: 10 }}
-          onClick={() => {
-            setExcelFileVisible(true);
-            setExportData(record);
-          }}
-        >
-          预览
-        </a>
-      ),
+      render: (record, item) => {
+        let reg = /\.(png|jpg|gif|jpeg|webp)$/;
+        return reg.test(item.name) ? (
+          <PreviewFile name={item.name} src={item.url} />
+        ) : (
+          <a
+            style={{ marginLeft: 10 }}
+            onClick={() => {
+              setExcelFileVisible(true);
+              setExportData(record);
+            }}
+          >
+            预览
+          </a>
+        );
+      },
     },
   ];
   return (