import { Spin, Modal } from 'antd';
import React, { useState } from 'react';
import JgtzsModal from '../ZYuShen/Calibration/ProjectManager/ResultNotice/components/JgtzsModal';

interface ViewDetailsProps {
    modalVisible: boolean; //开启关闭控制
    onCancel: () => void; //关闭方法传入
    data: any //数据传入
  }

/**
 * 详情弹出层
 * @returns 
 */
 const ViewDetails: React.FC<ViewDetailsProps> = (props) => {
        const {modalVisible, onCancel, data} = props;
        const [spin, spinSet] = useState<boolean>(false);
        return (<Modal
                    destroyOnClose = {true}
                    visible = {modalVisible}
                    onCancel = {() => {onCancel()}}        
                    title={<div>
                        <span>详情</span>
                        <span style={{textAlign: "center",width: "100%",position: "absolute",left: 0}}>{data?.projectName}</span>
                        </div>}
                    footer={null}
                    width={1000}
                >
                    
                    <Spin spinning={spin}></Spin>
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                    <p>Some contents...</p>
                    <p>Some contents...</p>
            </Modal>)
}
export default ViewDetails;