From f6939b0ec6680da8416a3161b524e7b73a7a3db8 Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Tue, 10 Sep 2024 16:55:34 +0800 Subject: [PATCH] fix: delete改回get请求 --- gz-customerSystem/src/views/register/visit/component/applyDialog.jsx | 155 +++++++++++++++++++++++++++++++++------------------ 1 files changed, 99 insertions(+), 56 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/applyDialog.jsx b/gz-customerSystem/src/views/register/visit/component/applyDialog.jsx index 757f2ef..cb72582 100644 --- a/gz-customerSystem/src/views/register/visit/component/applyDialog.jsx +++ b/gz-customerSystem/src/views/register/visit/component/applyDialog.jsx @@ -15,30 +15,51 @@ import { Form, Input, Button, Radio, Select, Modal, Cascader, Upload, Message } from '@arco-design/web-react'; import KeyVisits from "@/components/personCard/KeyVisits"; import SelectUnitDialog from "./selectUnitDialog"; -import { - IconLink, -} from '@arco-design/web-react/icon'; +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 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 ApplyDialog(props) { const formRef = useRef(); const [perClass, setPerClass] = useState('09_01001-1'); const [visible, setVisible] = useState(false); + const [id, setId] = useState() useEffect(() => { if (props.editData) { + console.log(props.editData); //编辑 formRef.current.setFieldsValue({ ...props.editData }) setPerClass(props.editData.perClass) + setId(props.editData.id) + } else { + getAppId() } }, []) + //获取id + const getAppId = async () => { + const res = await getId() + if (res.type) { + setId(res.data) + } + } const personIconType = (v) => { switch (v) { @@ -51,30 +72,45 @@ } } + //上传身份证识别 + 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: '删除成功!' }); + } + } + //页面返回 const formType = (type) => { if (type === '09_01001-1') { //自然人 return ( <> - <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} + ownerType='22_00018-202' + /> </Col> <Col span={12}> <FormItem @@ -201,37 +237,29 @@ let isLegal = type === '09_01001-2' return ( <> - <Col span={24}> - <FormItem - label={isLegal ? '企业登记材料' : '机构登记材料'} + <Col span={24} className="doubleFile"> + <ArcoUpload + params={{ + action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${props.mainId}&ownerId=${id}&ownerType=22_00018-203`, + }} field='file' - > - <Upload - drag - multiple - accept='image/*' - action='/' - onDrop={(e) => { - }} - tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' - /> - </FormItem> + label={isLegal ? '企业登记材料' : '机构登记材料'} + editData={props.editData} + handleDelFile={handleDelFile} + ownerType='22_00018-203' + /> </Col> - <Col span={24}> - <FormItem - label={isLegal ? '法定代表人身份证明材料' : '机构代表人身份证明材料'} + <Col span={24} className="doubleFile"> + <ArcoUpload + params={{ + action: `${appUrl.fileUrl}/${appUrl.sys}/api/web/fileInfo/upload?mainId=${props.mainId}&ownerId=${id}&ownerType=22_00018-204`, + }} field='file1' - > - <Upload - drag - multiple - accept='image/*' - action='/' - onDrop={(e) => { - }} - tip='支持png、jpg、pdf格式的图片上传,每次上传大小不超过10M' - /> - </FormItem> + label={isLegal ? '法定代表人身份证明材料' : '机构代表人身份证明材料'} + editData={props.editData} + handleDelFile={handleDelFile} + ownerType='22_00018-204' + /> </Col> <Col span={12}> <FormItem @@ -307,15 +335,16 @@ if (props.editData) { props.handleAddParty({ ...fieldValue - }) + }, true) } else { props.handleAddParty({ ...fieldValue, perType: props.dialogType, perClass: perClass, perTypeName: $$.options.personType.find(item => item.value === props.dialogType).label, - perClassName: $$.options.personClass.find(item => item.value === perClass).label - }) + perClassName: $$.options.personClass.find(item => item.value === perClass).label, + id: id + }, false) } props.onClose() } @@ -330,7 +359,7 @@ return ( <div className="applyDialog"> - <div style={{ height: '590px', overflowY: 'scroll' }}> + <Scrollbars style={{ height: '590px' }} autoHide> <div className="dialogTitle">当事人类型</div> <Row gutter={[16, 16]} style={{ margin: '0 2px 0 0' }}> {$$.options.personClass.map((x, t) => { @@ -367,10 +396,10 @@ </Row> {/* 重复来访重点人员 */} - <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> + {/* <div style={{ width: 'calc(100% - 9px)', background: '#f2f3f5', marginBottom: '20px', padding: '12px' }}> <KeyVisits /> - </div> - </div> + </div> */} + </Scrollbars> <div className='dialogFooter'> <Button type="primary" @@ -379,7 +408,21 @@ > 保存 </Button> - <Button className="dialogBack"> + <Button + className="dialogBack" + onClick={() => { + if (props.editData) { + formRef.current.resetFields(); + formRef.current.setFieldsValue({ + ...props.editData + }) + setPerClass(props.editData.perClass) + } else { + formRef.current.resetFields(); + setPerClass('09_01001-1') + } + }} + > 重置 </Button> </div> -- Gitblit v1.8.0