From 12c7589c5fde327f44c23bb1245ede3fb575957b Mon Sep 17 00:00:00 2001 From: zhangyongtian <1181606322@qq.com> Date: Fri, 23 Aug 2024 14:34:53 +0800 Subject: [PATCH] text:修改引入路径 --- gz-customerSystem/src/views/register/visit/component/agentDialog.jsx | 63 +++++++++++++++++++++++++++---- 1 files changed, 55 insertions(+), 8 deletions(-) diff --git a/gz-customerSystem/src/views/register/visit/component/agentDialog.jsx b/gz-customerSystem/src/views/register/visit/component/agentDialog.jsx index 684f9a7..5dfe16e 100644 --- a/gz-customerSystem/src/views/register/visit/component/agentDialog.jsx +++ b/gz-customerSystem/src/views/register/visit/component/agentDialog.jsx @@ -13,13 +13,44 @@ const CheckboxGroup = Checkbox.Group; export default function AgentDialog(props) { + const formRef = useRef(); + const [visitList, setVisitList] = useState([]) + + useEffect(() => { + //过滤代理人 + setVisitList(props.fakeData.filter(item => { + console.log(item,props.dialogType); + if (props.dialogType === 2) { + return item.partyType === 0 + } else { + return item.partyType === 1 + } + })) + }, [props.fakeData]) + + //保存信息 + const handleSave = () => { + if (formRef.current) { + formRef.current.validate(undefined, (errors, values) => { + if (!errors) { + props.handleAddParty({ + ...values, + partyType: props.dialogType, + perClassName: props.dialogType === 2 ? '申请方代理人' : '被申请方代理人', + }) + props.onClose() + } + }); + } + } + return ( <div className="applyDialog"> <div style={{ height: '590px', overflowY: 'scroll' }}> <Row gutter={[16, 16]} style={{ margin: '0 2px 0 0' }}> <Col span={24}> <Form - ref={props.formRef} + ref={formRef} layout='vertical' requiredSymbol={false} initialValues={{ @@ -64,7 +95,8 @@ <Col span={12}> <FormItem label={(<div style={{ display: 'flex' }}>姓名<div className="must">必填</div></div>)} - field='name' + field='trueName' + rules={[{ required: true, message: '请输入姓名' }]} > <Input placeholder='请填写' /> </FormItem> @@ -72,7 +104,11 @@ <Col span={12}> <FormItem label={(<div style={{ display: 'flex' }}>联系方式<div className="must">必填</div></div>)} - field='phone' + field='personNumber' + rules={[ + { required: true, message: '请输入联系方式' }, + { match: /^\+?(\d{1,3})?[-. (]*(\d{3})[-. )]*(\d{3})[-. ]*(\d{4})$/, message: '请输入正确的电话号码' }, + ]} > <Input placeholder='请填写' /> </FormItem> @@ -80,7 +116,8 @@ <Col span={12}> <FormItem label={(<div style={{ display: 'flex' }}>证件类型<div className="must">必填</div></div>)} - field='zhengjian' + field='docType' + rules={[{ required: true, message: '请选择证件类型' }]} > <Select placeholder='请选择' allowClear> {['居民身份证',].map((option, index) => ( @@ -94,8 +131,11 @@ <Col span={12}> <FormItem label={(<div style={{ display: 'flex' }}>证件号码<div className="must">必填</div></div>)} - rules={[{ required: true }]} - field='peopleNumber' + rules={[ + { required: true, message: '请输入证件号码' }, + { match: /^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[0-2])(0[1-9]|[12][0-9]|3[01])\d{3}(\d|X)$/, message: '请输入正确的证件号码' } + ]} + field='mobile' > <InputSearch searchButton='读取卡证' @@ -190,7 +230,14 @@ rules={[{ required: true }]} field='dailimap' > - <CheckboxGroup direction='vertical' options={['张三丰', '广东好又多贸易有限公司', '广东科贸创意有限公司']} /> + <CheckboxGroup + direction='vertical' + options={visitList.map(x => ({ + label: <span>{x.trueName} <span style={{ color: '#86909c' }}>({x.perClassName})</span></span>, + value: x.id, + }))} + > + </CheckboxGroup> </FormItem> </Col> </Row> @@ -207,7 +254,7 @@ <Button type="primary" className="dialogPrimary" - // onClick={handleSave} + onClick={handleSave} > 保存信息 </Button> -- Gitblit v1.8.0