1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
| 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';
|
| 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>
| <Row style={{ margin: '0 2px 0 0' }}>
| <Col span={24}>
| <Form
| ref={formRef}
| layout='vertical'
| requiredSymbol={false}
| initialValues={{
| }}//默认值
| scrollToFirstError
| >
| <Row gutter={[32, 0]} style={{ margin: '0 -10px' }}>
| <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>
| </Col>
| </Row>
| <div className='dialogFooter'>
| <Button
| type="primary"
| className="dialogPrimary"
| onClick={handleSubmit}
| >
| 提交
| </Button>
| </div>
| </div>
| )
| }
|
|
