You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.1 KiB
46 lines
1.1 KiB
import React, { useState, useEffect } from 'react'
|
|
import { Modal, Input, Row, Col } from 'antd';
|
|
import Upload from '../../../../components/Upload';
|
|
const UploadModal = props => {
|
|
const { isVisible, onSubmit, onCancel, } = props;
|
|
const [files, setFiles] = useState()
|
|
|
|
|
|
useEffect(() => {
|
|
if (!isVisible) {
|
|
}
|
|
return () => {
|
|
}
|
|
}, [isVisible])
|
|
|
|
|
|
|
|
const onConfirm = () => {
|
|
onSubmit(files);
|
|
}
|
|
|
|
const onFileUploaded = (fileList) => {
|
|
console.log('fileList: ', fileList);
|
|
setFiles(fileList);
|
|
}
|
|
|
|
return (
|
|
<Modal title="文件上传" visible={isVisible} onOk={onConfirm} onCancel={onCancel} >
|
|
<Row type="flex" style={{ alignContent: 'center' }}>
|
|
<Upload
|
|
uploadType={'project'}
|
|
maxFilesNum={1}
|
|
maxFileSize={10}
|
|
onChange={onFileUploaded}
|
|
clearFileList={isVisible}
|
|
// value
|
|
// onStateChange
|
|
/>
|
|
</Row>
|
|
</Modal>
|
|
)
|
|
}
|
|
|
|
UploadModal.propTypes = {}
|
|
|
|
export default UploadModal
|