修复预览bug

one_stop_public/filePreview/index.jsx

@@ -2,15 +2,15 @@
  * web端文件预览功能
  */
 import React, { Component } from 'react';
-import { Modal,Popconfirm } from 'antd';
-const FileViewer=(CLIENT_TYPE=="mobile")?null:require('react-file-viewer')
+import { Modal, Popconfirm } from 'antd';
+const FileViewer = CLIENT_TYPE == 'mobile' ? null : require('react-file-viewer');
 
 export default class index extends Component {
-    constructor(props){
-        super(props)
+  constructor(props) {
+    super(props);
     this.state = {
-            visible: false
-        }
+      visible: false,
+    };
   }
   showModal = () => {
     this.setState({
@@ -30,58 +30,51 @@ export default class index extends Component {
     });
   };
   download = () => {
-        let {
-            path,
-            pathName
-        } = this.props
-        window.open(path,'_blank')
-    }
+    let { path, pathName } = this.props;
+    window.open(path, '_blank');
+  };
   render() {
-        let {
-            path,
-            pathName
-        } = this.props
-        const {
-            visible,
-        } = this.state
-        let isShow = pathName?.indexOf('.pdf') !== -1
+    let { path, pathName } = this.props;
+    const { visible } = this.state;
+    let isShow =
+      pathName?.indexOf('.pdf') !== -1 ||
       // || pathName?.indexOf('.doc') !== -1
-                    || pathName?.indexOf('.mp3') !== -1
-                    || pathName?.indexOf('.mp4') !== -1
-                    || pathName?.indexOf('.csv') !== -1
-                    || pathName?.indexOf('.png') !== -1
-                    || pathName?.indexOf('.jpeg') !== -1
-                    || pathName?.indexOf('.gif') !== -1
-                    || pathName?.indexOf('.bmp') !== -1
+      pathName?.indexOf('.mp3') !== -1 ||
+      pathName?.indexOf('.mp4') !== -1 ||
+      pathName?.indexOf('.csv') !== -1 ||
+      pathName?.indexOf('.png') !== -1 ||
+      pathName?.indexOf('.jpeg') !== -1 ||
+      pathName?.indexOf('.gif') !== -1 ||
+      pathName?.indexOf('.bmp') !== -1;
     let type;
-        if(pathName?.indexOf('.pdf') !== -1){
-            isShow = true
-            type = 'pdf'
-        }  else if(pathName?.indexOf('.mp3') !== -1){
-            isShow = true
-            type = 'mp3'
-        }   else if(pathName?.indexOf('.mp4') !== -1){
-            isShow = true
-            type = 'mp4'
-        }   else if(pathName?.indexOf('.csv') !== -1){
-            isShow = true
-            type = 'csv'
-        }  else if(pathName?.indexOf('.png') !== -1){
-            isShow = true
-            type = 'png'
-        }  else if(pathName?.indexOf('.gif') !== -1){
-            isShow = true
-            type = 'gif'
-        }  else if(pathName?.indexOf('.bmp') !== -1){
-            isShow = true
-            type = 'bmp'
+    if (pathName?.indexOf('.pdf') !== -1) {
+      isShow = true;
+      type = 'pdf';
+    } else if (pathName?.indexOf('.mp3') !== -1) {
+      isShow = true;
+      type = 'mp3';
+    } else if (pathName?.indexOf('.mp4') !== -1) {
+      isShow = true;
+      type = 'mp4';
+    } else if (pathName?.indexOf('.csv') !== -1) {
+      isShow = true;
+      type = 'csv';
+    } else if (pathName?.indexOf('.png') !== -1) {
+      isShow = true;
+      type = 'png';
+    } else if (pathName?.indexOf('.gif') !== -1) {
+      isShow = true;
+      type = 'gif';
+    } else if (pathName?.indexOf('.bmp') !== -1) {
+      isShow = true;
+      type = 'bmp';
     } else {
-            isShow = false
+      isShow = false;
     }
+    console.log(FileViewer);
     return (
       <>
-                    {
-                        isShow?
+        {isShow ? (
           <Popconfirm
             title="该附件支持预览,是否预览?"
             onConfirm={this.download}
@@ -89,18 +82,15 @@ export default class index extends Component {
             okText="下载"
             cancelText="预览"
           >
-                                <a
-                                    target="_blank"
-                                    href={path}>
+            <a target="_blank" href={path}>
               {pathName}
             </a>
           </Popconfirm>
-                        : <a
-                        target="_blank"
-                        href={path}>
+        ) : (
+          <a target="_blank" href={path}>
             {pathName}
           </a>
-                    }
+        )}
 
         <Modal
           title={pathName}
@@ -110,32 +100,33 @@ export default class index extends Component {
           onOk={this.handleOk}
           onCancel={this.handleCancel}
         >
-                    {
-                        type === 'pdf'?
+          {type === 'pdf' ? (
             <iframe
               style={{
-                                    width:'100%',
-                                    height:600
+                width: '100%',
+                height: 600,
               }}
               src={path}
             />
-                            :<div
+          ) : (
+            <div
               style={{
-                                    height:600,
+                height: 600,
               }}
             >
-                                {FileViewer&&<FileViewer.default
+              {FileViewer && (
+                <FileViewer
                   fileType={type}
                   filePath={path}
                   // onError={this.onError}
                   // errorComponent={Error}
                   // unsupportedComponent={Error}
-                                />}
+                />
+              )}
             </div>
-                    }
-
+          )}
         </Modal>
       </>
-        )
+    );
   }
 }