| | |
| | | import React from 'react' |
| | | import React, { useRef } from 'react' |
| | | import { Row, Col } from 'antd'; |
| | | import { Form, Input, Button, Radio, Select, Modal, Cascader, Upload, Message } from '@arco-design/web-react'; |
| | | import ArcoUpload from '@/components/ArcoUpload'; |
| | | import { Scrollbars } from "react-custom-scrollbars"; |
| | | |
| | | const RadioGroup = Radio.Group; |
| | | const FormItem = Form.Item; |
| | | const TextArea = Input.TextArea; |
| | | |
| | | export default function BackModel(props) { |
| | | const formRef = useRef(); |
| | | const options = [ |
| | | { |
| | | label: '不属于本部门的职能范围', |
| | | value: 1 |
| | | }, |
| | | { |
| | | label: '超出本部门管辖范围', |
| | | value: 2 |
| | | }, |
| | | { |
| | | label: '重复上报', |
| | | value: 3 |
| | | }, |
| | | { |
| | | label: '无法与当事人取得联系', |
| | | value: 4 |
| | | }, |
| | | { |
| | | label: '其他', |
| | | value: 5 |
| | | }, |
| | | ] |
| | | const handleSubmit = () => { |
| | | |
| | | } |
| | | return ( |
| | | <div> |
| | | <Scrollbars style={{ height: '550px' }} autoHide> |
| | | <Form |
| | | ref={formRef} |
| | | layout='vertical' |
| | | requiredSymbol={false} |
| | | initialValues={{ |
| | | }}//默认值 |
| | | scrollToFirstError |
| | | > |
| | | <Row> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label={(<div style={{ display: 'flex' }}>回退理由<div className="must">必填</div></div>)} |
| | | field='trueName' |
| | | rules={[{ required: true, message: '请选择回退理由' }]} |
| | | > |
| | | <RadioGroup direction='vertical' options={options}> |
| | | </RadioGroup> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label=' ' |
| | | field='luyou' |
| | | rules={[{ required: true, message: '回退理由不能为空' }]} |
| | | > |
| | | <TextArea |
| | | autoSize={{ minRows: 4, maxRows: 8 }} |
| | | placeholder='请填写回退的具体理由' |
| | | /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={24} className="doubleFile"> |
| | | <ArcoUpload |
| | | params={{ |
| | | action: ``, |
| | | }} |
| | | field='file' |
| | | label='附件材料' |
| | | /> |
| | | </Col> |
| | | </Row> |
| | | </Form> |
| | | </Scrollbars> |
| | | <div className='dialogFooter'> |
| | | <Button |
| | | type="primary" |