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
97
98
99
| import React, { useState, useEffect, useRef } from 'react';
| import { Row, Col, Space } from 'antd';
| import { Select, DatePicker, Form, Button } from '@arco-design/web-react';
| import * as $$ from '@/utils/utility';
|
| const FormItem = Form.Item;
| const appUrl = $$.appUrl;
|
|
| const NewFileCheck = (props) => {
| const formRef = useRef()
|
| return (
| <nav className="filesCheck-nav" style={{ borderRight: '1px solid transparent' }}>
| <Form
| ref={formRef}
| layout='horizontal'
| style={{ marginTop: '24px', marginBottom: '20px' }}
| scrollToFirstError={true}
| initialValues={{
| }}//默认值
| >
| <Row gutter={24} style={{ marginRight: '0px' }}>
| <Col span={7}>
| <FormItem label='材料类型：' field='type'>
| <Select
| placeholder='请选择'
| allowClear
| options={[
| {
| label: '全部',
| value: '',
| },
| {
| label: '申请材料',
| value: '22_00018-101',
| },
| {
| label: '证据材料',
| value: '22_00018-102',
| },
| ]}
| />
| </FormItem>
| </Col>
| <Col span={7}>
| <FormItem
| label='上传时间：'
| field='time'
| >
| <DatePicker.RangePicker
| separator='~'
| style={{ width: '100%' }}
| />
| </FormItem>
| </Col>
| <Col span={7}>
| <FormItem
| label='上传人类型：'
| field='name'
| onChange={(e) => console.log(e.target.value, 'vvv')}
| >
| <Select
| allowClear
| style={{ width: '100%' }}
| options={[
| {
| label: '工作人员',
| value: 1
| },
| {
| label: '当事人',
| value: 2
| }
| ]}
| />
| </FormItem>
| </Col>
| <Col span={3}>
| <Space>
| <Button size="middle " type='primary'>查询</Button>
| <Button size="middle ">查询</Button>
| </Space>
| </Col>
| </Row>
|
| </Form>
| <div style={{ display: 'flex' }}>
| <div style={{ width: '200px' }}>
| </div>
| <div style={{ flex: 1 }}>
|
| </div>
| </div>
| </nav>
| );
| };
|
| export default NewFileCheck;
|
|
