test

src/components/FileViewer/index.js

@@ -22,8 +22,12 @@ const FileViewerModal = ({ data, visible, onCancel, downloadFile }) => {
         filePath={data?.url}
         // onError={() => downloadFile(data)}
         onError={e => console.error(e)}
-        errorComponent={<div>文件加载错误</div>}
-        unsupportedComponent={<div>不支持的文件格式</div>}
+        errorComponent={() => <div>文件加载错误</div>}
+        unsupportedComponent={() => (
+          <div>
+            不支持的文件格式<a onClick={() => downloadFile(data)}>下载</a>
+          </div>
+        )}
       />
     </Modal>
   );

src/pages/Detail/FormAndFilesNode.js

@@ -84,23 +84,23 @@ const FormAndFilesNode = ({ title, formData, excelFileData, loading, downloadFil
           </Row>
         </Card>
       )}
-      <FileViewer
+      {/* <FileViewer
         key={exportData?.name}
         fileType={type}
         filePath={exportData?.url}
         // onError={() => downloadFile(data)}
         onError={e => console.error(e)}
         // errorComponent={<div>文件加载错误</div>}
-        // unsupportedComponent={<div>不支持的文件格式</div>}
-      />
-      {/* <FileViewerModal
+        unsupportedComponent={() => <div>不支持的文件格式</div>}
+      /> */}
+      <FileViewerModal
         data={exportData}
         visible={excelFileVisible}
         downloadFile={downloadFile}
         onCancel={() => {
           setExcelFileVisible(false);
         }}
-      /> */}
+      />
     </>
   );
 };