| | |
| | | import { Row, Col, Space } from 'antd'; |
| | | import { Form, Input, Button, Radio, Select, Checkbox, Upload } from '@arco-design/web-react'; |
| | | import KeyVisits from "@/components/personCard/KeyVisits"; |
| | | import { |
| | | IconLink, |
| | | } from '@arco-design/web-react/icon'; |
| | | import * as $$ from '@/utils/utility'; |
| | | import ArcoUpload from '@/components/ArcoUpload'; |
| | | import { Scrollbars } from "react-custom-scrollbars"; |
| | | |
| | | const FormItem = Form.Item; |
| | | const Option = Select.Option; |
| | | const InputSearch = Input.Search; |
| | | const RadioGroup = Radio.Group; |
| | | const CheckboxGroup = Checkbox.Group; |
| | | const appUrl = $$.appUrl; |
| | | |
| | | function getId() { |
| | | return $$.ax.request({ url: `caseUtils/getNewTimeId`, type: 'get', service: 'utils' }); |
| | | } |
| | | |
| | | function delFile(id) { |
| | | return $$.ax.request({ url: `fileInfo/deleteFileById`, type: 'get', service: 'sys', data: { id } }); |
| | | } |
| | | |
| | | export default function AgentDialog(props) { |
| | | const formRef = useRef(); |
| | | const [visitList, setVisitList] = useState([]) |
| | | const [id, setId] = useState() |
| | | |
| | | useEffect(() => { |
| | | if (props.editData) { |
| | |
| | | formRef.current.setFieldsValue({ |
| | | ...props.editData |
| | | }) |
| | | console.log(props); |
| | | //过滤代理人 |
| | | setVisitList(props.fakeData.filter(item => { |
| | | if (props.editData.perType === '24_00006-1') { |
| | |
| | | return item.perType === '15_020008-2' |
| | | } |
| | | })) |
| | | //获取id |
| | | getAppId() |
| | | } |
| | | }, []) |
| | | |
| | | //获取id |
| | | const getAppId = async () => { |
| | | const res = await getId() |
| | | if (res.type) { |
| | | setId(res.data) |
| | | } |
| | | } |
| | | |
| | | //保存信息 |
| | | const handleSave = () => { |
| | |
| | | if (props.editData) { |
| | | props.handleAddParty({ |
| | | ...fieldValue |
| | | }) |
| | | }, true) |
| | | } else { |
| | | props.handleAddParty({ |
| | | ...fieldValue, |
| | | perType: props.dialogType, |
| | | perTypeName: $$.options.personType.find(item => item.value === props.dialogType).label, |
| | | }) |
| | | id: id |
| | | }, false) |
| | | } |
| | | props.onClose() |
| | | } |
| | |
| | | } |
| | | } |
| | | |
| | | //上传身份证识别 |
| | | const handleChangeFile = (data) => { |
| | | if (data.data && data.data.length != 0) { |
| | | if (data.data[0].idcardOcrResult) { |
| | | const { birthday, ...rest } = data.data[0].idcardOcrResult |
| | | //回填信息 |
| | | formRef.current.setFieldsValue({ |
| | | ...rest |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | |
| | | //删除文件 |
| | | const handleDelFile = async (id) => { |
| | | const res = await delFile(id) |
| | | if (res.type) { |
| | | $$.infoSuccess({ content: '删除成功!' }); |
| | | } |
| | | } |
| | | |
| | | return ( |
| | | <div className="applyDialog"> |
| | | <div style={{ height: '590px', overflowY: 'scroll' }}> |
| | | <Scrollbars style={{ height: '590px' }} autoHide> |
| | | <Row gutter={[16, 16]} style={{ margin: '0 2px 0 0' }}> |
| | | <Col span={24}> |
| | | <Form |
| | |
| | | scrollToFirstError |
| | | > |
| | | <Row gutter={[32, 0]} style={{ margin: '0 -10px' }}> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='身份证明材料' |
| | | <Col span={24} className="doubleFile"> |
| | | <ArcoUpload |
| | | params={{ |
| | | action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${props.mainId}&ownerId=${id}&ownerType=22_00018-202`, |
| | | }} |
| | | field='file' |
| | | > |
| | | <Upload |
| | | drag |
| | | multiple |
| | | accept='image/*' |
| | | action='/' |
| | | onDrop={(e) => { |
| | | }} |
| | | tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' |
| | | showUploadList={{ |
| | | fileIcon: <IconLink style={{ color: '#1D2129' }} />, |
| | | }} |
| | | /> |
| | | </FormItem> |
| | | handleChangeFile={handleChangeFile} |
| | | label='身份证明材料' |
| | | editData={props.editData} |
| | | handleDelFile={handleDelFile} |
| | | /> |
| | | </Col> |
| | | <Col span={24}> |
| | | <FormItem |
| | | label='代理人委托书' |
| | | <Col span={24} className="doubleFile"> |
| | | <ArcoUpload |
| | | params={{ |
| | | action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${props.mainId}&ownerId=${id}&ownerType=22_00018-202`, |
| | | }} |
| | | field='file1' |
| | | > |
| | | <Upload |
| | | drag |
| | | multiple |
| | | accept='image/*' |
| | | action='/' |
| | | onDrop={(e) => { |
| | | }} |
| | | tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' |
| | | /> |
| | | </FormItem> |
| | | label='代理人委托书' |
| | | editData={props.editData} |
| | | /> |
| | | </Col> |
| | | <Col span={12}> |
| | | <FormItem |
| | |
| | | <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> |
| | | <KeyVisits /> |
| | | </div> |
| | | </div> |
| | | </Scrollbars> |
| | | <div className='dialogFooter'> |
| | | <Button |
| | | type="primary" |
| | |
| | | > |
| | | 保存 |
| | | </Button> |
| | | <Button className="dialogBack"> |
| | | <Button |
| | | className="dialogBack" |
| | | onClick={() => { |
| | | if (props.editData) { |
| | | formRef.current.resetFields(); |
| | | formRef.current.setFieldsValue({ |
| | | ...props.editData |
| | | }) |
| | | } else { |
| | | formRef.current.resetFields(); |
| | | } |
| | | }} |
| | | > |
| | | 重置 |
| | | </Button> |
| | | </div> |