40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
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;
|
|
|