| | |
| | | import React, { useState, useEffect, useRef, Fragment } from "react"; |
| | | import * as $$ from '../../../../utils/utility'; |
| | | import { Row, Col } from 'antd'; |
| | | import { Row, Col, Space } from 'antd'; |
| | | import { |
| | | CheckOutlined, |
| | | } from '@ant-design/icons'; |
| | |
| | | caseperfection_organize_active, |
| | | } from '../../../../assets/images/icon'; |
| | | import { Form, Input, Button, Radio, Select, DatePicker, Cascader, Upload, Message } from '@arco-design/web-react'; |
| | | import KeyVisits from "./keyVisits"; |
| | | |
| | | const FormItem = Form.Item; |
| | | const Option = Select.Option; |
| | | const InputSearch = Input.Search; |
| | | const RadioGroup = Radio.Group; |
| | | |
| | | export default function ApplyDialog(props) { |
| | | const formRef = useRef(); |
| | | const [perClass, setPerClass] = useState('09_01001-1') |
| | | const [perClass, setPerClass] = useState('09_01001-1'); |
| | | |
| | | |
| | | const personIconType = (v) => { |
| | | switch (v) { |
| | |
| | | action='/' |
| | | onDrop={(e) => { |
| | | }} |
| | | tip='Only pictures can be uploaded' |
| | | tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' |
| | | /> |
| | | </FormItem> |
| | | </Col> |
| | |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='民族' |
| | | field='民族' |
| | | field='minzu' |
| | | > |
| | | <Select placeholder='请选择' allowClear> |
| | | {['汉族',].map((option, index) => ( |
| | |
| | | </Select> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='性别' |
| | | field='sex' |
| | | > |
| | | <RadioGroup |
| | | type='button' |
| | | > |
| | | <Radio value='0'>男</Radio> |
| | | <Radio value='1'>女</Radio> |
| | | </RadioGroup> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='是否极具个人极端倾向' |
| | | field='isBad' |
| | | > |
| | | <RadioGroup> |
| | | <Radio value='0'>否</Radio> |
| | | <Radio value='1'>是</Radio> |
| | | </RadioGroup> |
| | | </FormItem> |
| | | </Col> |
| | | </> |
| | | ) |
| | | } else { |
| | | //法人、非法人组织 |
| | | return ( |
| | | <> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='企业登记材料' |
| | | field='file' |
| | | > |
| | | <Upload |
| | | drag |
| | | multiple |
| | | accept='image/*' |
| | | action='/' |
| | | onDrop={(e) => { |
| | | }} |
| | | tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' |
| | | /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='法定代表人身份证明材料' |
| | | field='file1' |
| | | > |
| | | <Upload |
| | | drag |
| | | multiple |
| | | accept='image/*' |
| | | action='/' |
| | | onDrop={(e) => { |
| | | }} |
| | | tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' |
| | | /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='企业名称' |
| | | rules={[{ required: true }]} |
| | | field='peopleNumber' |
| | | > |
| | | <InputSearch |
| | | searchButton='选择' |
| | | placeholder='请填写' |
| | | /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='联系方式' field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='企业所在地' field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='统一社会信用代码' field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='法定代表人' field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | | label='企业类型' |
| | | field='minzu' |
| | | > |
| | | <Select placeholder='请选择' allowClear> |
| | | {['餐饮服务',].map((option, index) => ( |
| | | <Option key={option} value={option}> |
| | | {option} |
| | | </Option> |
| | | ))} |
| | | </Select> |
| | | </FormItem> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem label='住所' field='money'> |
| | | <Input placeholder='请填写' /> |
| | | </FormItem> |
| | | </Col> |
| | | </> |
| | | ) |
| | | } |
| | | } |
| | | |
| | | //保存信息 |
| | | const handleSave = () => { |
| | | if (formRef.current) { |
| | | formRef.current.validate(undefined, (errors, values) => { |
| | | console.log(errors, values); |
| | | }); |
| | | } |
| | | } |
| | | |
| | | return ( |
| | | <div className="applyDialog"> |
| | | <div> |
| | | <div style={{ height: '590px', overflowY: 'scroll' }}> |
| | | <div className="dialogTitle">当事人类型</div> |
| | | <Row gutter={[16, 16]} style={{ margin: '0 2px 0 0' }}> |
| | | {$$.options.personClass.map((x, t) => { |
| | |
| | | </Form> |
| | | </Col> |
| | | </Row> |
| | | {/* 重复来访重点人员 */} |
| | | <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> |
| | | <KeyVisits /> |
| | | </div> |
| | | </div> |
| | | <div className='dialogFooter'> |
| | | <Button |
| | | type="primary" |
| | | className="dialogPrimary" |
| | | onClick={handleSave} |
| | | > |
| | | 保存信息 |
| | | </Button> |