| | |
| | | caseperfection_organize, |
| | | caseperfection_organize_active, |
| | | } from '../../../../assets/images/icon'; |
| | | import { Form, Input, Button, Radio, Select, DatePicker, Cascader, Upload, Message } from '@arco-design/web-react'; |
| | | import { Form, Input, Button, Radio, Select, Modal, Cascader, Upload, Message } from '@arco-design/web-react'; |
| | | import KeyVisits from "./keyVisits"; |
| | | import SelectUnitDialog from "./selectUnitDialog"; |
| | | |
| | | const FormItem = Form.Item; |
| | | const Option = Select.Option; |
| | |
| | | export default function ApplyDialog(props) { |
| | | const formRef = useRef(); |
| | | const [perClass, setPerClass] = useState('09_01001-1'); |
| | | |
| | | const [visible, setVisible] = useState(false); |
| | | |
| | | |
| | | const personIconType = (v) => { |
| | | switch (v) { |
| | |
| | | ) |
| | | } else { |
| | | //法人、非法人组织 |
| | | let isLegal = type === '09_01001-2' |
| | | return ( |
| | | <> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='企业登记材料' |
| | | label={isLegal ? '企业登记材料' : '机构登记材料'} |
| | | field='file' |
| | | > |
| | | <Upload |
| | |
| | | </Col> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='法定代表人身份证明材料' |
| | | label={isLegal ? '法定代表人身份证明材料' : '机构代表人身份证明材料'} |
| | | field='file1' |
| | | > |
| | | <Upload |
| | |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='企业名称' |
| | | label={isLegal ? '企业名称' : '机构名称'} |
| | | rules={[{ required: true }]} |
| | | field='peopleNumber' |
| | | > |
| | | <InputSearch |
| | | searchButton='选择' |
| | | placeholder='请填写' |
| | | onSearch={handleSelect} |
| | | /> |
| | | </FormItem> |
| | | </Col> |
| | |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='企业所在地' field='money'> |
| | | <FormItem label={isLegal ? '企业所在地' : '机构所在地'} field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='统一社会信用代码' field='money'> |
| | | <FormItem label={isLegal ? '统一社会信用代码' : '组织机构代码'} field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='法定代表人' field='money'> |
| | | <FormItem label={isLegal ? '法定代表人' : '机构代表人'} field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='企业类型' |
| | | label={ isLegal ? '企业类型' : '机构类型'} |
| | | field='minzu' |
| | | > |
| | | <Select placeholder='请选择' allowClear> |
| | |
| | | console.log(errors, values); |
| | | }); |
| | | } |
| | | } |
| | | |
| | | //选择 |
| | | const handleSelect = (value) => { |
| | | setVisible(true) |
| | | } |
| | | |
| | | return ( |
| | |
| | | initialValues={{ |
| | | }}//默认值 |
| | | > |
| | | <Row gutter={[32, 0]}>{formType(perClass)}</Row> |
| | | <Row gutter={[32, 0]} style={{ margin: '0 -10px' }}>{formType(perClass)}</Row> |
| | | </Form> |
| | | </Col> |
| | | </Row> |
| | | |
| | | {/* 重复来访重点人员 */} |
| | | <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> |
| | | <KeyVisits /> |
| | |
| | | 重置 |
| | | </Button> |
| | | </div> |
| | | <Modal |
| | | title={'选择单位'} |
| | | visible={visible} |
| | | onOk={() => setVisible(false)} |
| | | onCancel={() => setVisible(false)} |
| | | autoFocus={false} |
| | | focusLock={true} |
| | | footer={null} |
| | | > |
| | | <SelectUnitDialog /> |
| | | </Modal> |
| | | </div> |
| | | ) |
| | | } |