合同详情里面添加预览按钮

src/components/FileViewerNew/index.js

@@ -8,6 +8,7 @@ const FileViewerModal = ({ data, visible, onCancel, downloadFile }) => {
     if (!visible) setImg(null);
   }, [visible]);
   const renderContent = (data) => {
+    console.log('--------------------------------------', data);
     if (data?.type == 'xlsx') {
       return (
         <div>

src/pages/ContractManager/component/Modal.jsx

@@ -70,6 +70,7 @@ const ContractModal = (props) => {
     handleOk,
     handleCancel,
     parent_id,
+    handlePreView,
   } = props;
   const title =
     type == Type.add ? '新增' : type == Type.detail ? '详情' : '作废';
@@ -709,12 +710,21 @@ const ContractModal = (props) => {
                   <Button icon={<CloudUploadOutlined />}>Upload</Button>
                 </Upload>
               ) : (
-                <ul>
-                  {data?.attach &&
-                    JSON.parse(data?.attach)?.map((item, idx) => (
-                      <li key={`${idx}_${item.name}`}>{item.name}</li>
-                    ))}
-                </ul>
+                <Space>
+                  <ul>
+                    {data?.attach &&
+                      JSON.parse(data?.attach)?.map((item, idx) => (
+                        <li key={`${idx}_${item.name}`}>{item.name}</li>
+                      ))}
+                  </ul>
+                  <a
+                    onClick={() => {
+                      handlePreView(data);
+                    }}
+                  >
+                    预览
+                  </a>
+                </Space>
               )}
             </Form.Item>
             <Form.Item

src/pages/ContractManager/index.jsx

@@ -488,6 +488,7 @@ const ConteactManager = (props) => {
         projectList={projectData?.list}
         visible={visible}
         handleOk={handleOk}
+        handlePreView={handlePreView}
         handleCancel={() => setVisible(false)}
       />
       <FileViewerModal