75 lines
2.5 KiB
JavaScript
75 lines
2.5 KiB
JavaScript
|
import { Space, Table, Radio, DatePicker, Form, Select, Button, message, Upload, Input, Row, Col, Switch, Image } from 'antd';
|
|||
|
|
import { InboxOutlined, LinkOutlined, DeleteOutlined, LoadingOutlined,VerticalAlignBottomOutlined } from '@ant-design/icons'
|
|||
|
|
import { useForm } from 'antd/lib/form/Form';
|
|||
|
|
import { useState } from 'react';
|
|||
|
|
const { Dragger } = Upload;
|
|||
|
|
|
|||
|
|
const Page = () => {
|
|||
|
|
const form =useForm()
|
|||
|
|
const [fileList ,setFileList] =useState()
|
|||
|
|
const props = {
|
|||
|
|
name: 'file',
|
|||
|
|
multiple: true,
|
|||
|
|
fileList: fileList,
|
|||
|
|
showUploadList: false,
|
|||
|
|
beforeUpload: (file, fileList) => {
|
|||
|
|
// if (fileType == "pic" &&
|
|||
|
|
// (file.type != "image/jpeg" || file.type != "image/png" || file.type != "image/jpg")) {
|
|||
|
|
// message.error('仅支持上传jpg/png/jpeg格式的图片');
|
|||
|
|
// return false;
|
|||
|
|
// } else {
|
|||
|
|
// return true;
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
onChange(e) {
|
|||
|
|
// httpPostFile(apiUrl.service.uploadFile.uploadUrl + "?group=" + typeUpload, e).then(res => {
|
|||
|
|
// setFileList([...fileList, res.data])
|
|||
|
|
// })
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
const onFinish = () =>{
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
<Form form={form} name="searchTabel" onFinish={onFinish} >
|
|||
|
|
<Row>
|
|||
|
|
<div>案卷存档</div>
|
|||
|
|
<Col>
|
|||
|
|
<Form.Item
|
|||
|
|
label='保管人员'
|
|||
|
|
name='name'
|
|||
|
|
>
|
|||
|
|
<Input />
|
|||
|
|
</Form.Item>
|
|||
|
|
</Col>
|
|||
|
|
<Col>
|
|||
|
|
<Form.Item
|
|||
|
|
label='保管地点'
|
|||
|
|
name='adress'
|
|||
|
|
>
|
|||
|
|
<Input />
|
|||
|
|
</Form.Item>
|
|||
|
|
</Col>
|
|||
|
|
</Row>
|
|||
|
|
<Row>
|
|||
|
|
<div>案卷存档</div>
|
|||
|
|
<Col>
|
|||
|
|
<Form.Item
|
|||
|
|
label='附件'
|
|||
|
|
name='name'
|
|||
|
|
>
|
|||
|
|
<Dragger {...props}>
|
|||
|
|
<p className="ant-upload-drag-icon">
|
|||
|
|
<InboxOutlined />
|
|||
|
|
</p>
|
|||
|
|
<p className="ant-upload-text">点击或将文件拖拽到这里上传 支持扩展名：jpeg、png</p>
|
|||
|
|
</Dragger>
|
|||
|
|
</Form.Item>
|
|||
|
|
</Col>
|
|||
|
|
</Row>
|
|||
|
|
</Form >
|
|||
|
|
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default Page
|