61 lines
1.8 KiB
JavaScript
61 lines
1.8 KiB
JavaScript
|
import { Button, Descriptions, Modal } from "antd";
|
||
|
|
import PreviewImg from "zy-react-library/components/PreviewImg";
|
||
|
|
import PreviewPdf from "zy-react-library/components/PreviewPdf";
|
||
|
|
import { getFileSuffix } from "zy-react-library/utils";
|
||
|
|
|
||
|
|
const ViewQualificationDetailsModal = (props) => {
|
||
|
|
const previewFile = () => {
|
||
|
|
const imgFiles = [];
|
||
|
|
const pdfFiles = [];
|
||
|
|
for (let i = 0; i < props.data.files.length; i++) {
|
||
|
|
if (getFileSuffix(props.data.files[i].fileName) === "pdf") {
|
||
|
|
pdfFiles.push(props.data.files[i]);
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
imgFiles.push(props.data.files[i]);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (imgFiles.length > 0 && pdfFiles.length > 0) {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div><PreviewImg files={imgFiles} /></div>
|
||
|
|
<div style={{ marginTop: 20 }}><PreviewPdf files={pdfFiles} urlKey="url" /></div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
if (imgFiles.length > 0) {
|
||
|
|
return <PreviewImg files={imgFiles} />;
|
||
|
|
}
|
||
|
|
if (pdfFiles.length > 0) {
|
||
|
|
return <PreviewPdf files={pdfFiles} />;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Modal
|
||
|
|
title={`${props.data.dataName}资质`}
|
||
|
|
width={800}
|
||
|
|
open
|
||
|
|
maskClosable={false}
|
||
|
|
onCancel={props.onCancel}
|
||
|
|
footer={[
|
||
|
|
<Button key="cancel" onClick={props.onCancel}>取消</Button>,
|
||
|
|
]}
|
||
|
|
>
|
||
|
|
<Descriptions
|
||
|
|
bordered
|
||
|
|
column={1}
|
||
|
|
styles={{ label: { width: 200 } }}
|
||
|
|
items={[
|
||
|
|
{ label: "资质", children: previewFile() },
|
||
|
|
...(props.data.isValidity === 0
|
||
|
|
? [{ label: "有效期开始时间", children: props.data.qualificationsTermStart }, { label: "有效期结束时间", children: props.data.qualificationsTermEnd }]
|
||
|
|
: []),
|
||
|
|
]}
|
||
|
|
/>
|
||
|
|
</Modal>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ViewQualificationDetailsModal;
|