import { Form, Input, Modal, Image, Upload, Space, Cascader, message, Row, Col, Divider } from 'antd';
|
import { sendRequest } from '@/utils/antdUtils';
|
import { LoadingOutlined, PlusOutlined } from '@ant-design/icons';
|
import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
|
import { customRequest } from '@/utils/utils';
|
import { audit, getDetail, regionTree } from '../service'
|
|
const formItemLayout = {
|
labelCol: { span: 8 },
|
wrapperCol: { span: 12 },
|
};
|
|
const AddEditView = ({ visible, onSave, onUpdate, onCancel, }, ref) => {
|
const [form] = Form.useForm();
|
const [fileList, setFileList] = useState([])//banner图片
|
const [loading, setLoading] = useState(false);
|
const [editData, setEditData] = useState({})
|
const [userInfo, setUserInfo] = useState({})//党员信息
|
const [items, setItems] = useState([]);
|
|
const formItemLayout = {
|
labelCol: { span: 6 },
|
wrapperCol: { span: 20 },
|
};
|
|
|
useImperativeHandle(ref, () => {
|
return {
|
refreshData: (data) => {
|
setEditData(data);
|
regionTree({}).then(res => {
|
setItems(() => res.data)
|
})
|
if (data.id) {
|
getDetail(data.id).then(res => {
|
res.data.community = [res.data.districtsCode, res.data.streetId, res.data.communityId.toString()]
|
setUserInfo(() => res.data)
|
form.setFieldsValue(res.data)
|
})
|
}
|
},
|
clean: () => {
|
form.resetFields();
|
setUserInfo({})
|
setFileList([])
|
},
|
};
|
});
|
|
|
|
// 提交表单
|
const submit = () => {
|
form.validateFields().then(async (values) => {
|
let params = {
|
id: editData.id,
|
auditStatus: editData.type == 'sure' ? 1 : 2,
|
}
|
if (editData.type == 'refuse') {
|
params.refuseReason = values.refuseReason
|
}
|
onSave(params)
|
})
|
}
|
|
return (
|
<Modal
|
getContainer={false}
|
width="65%"
|
destroyOnClose
|
title={'提示'}
|
open={visible}
|
okText='确认'
|
onCancel={() => onCancel(false)}
|
onOk={submit}
|
>
|
<div style={{ width: '100%', textAlign: 'center', margin: '20px 0', fontWeight: 'bold', fontSize: "22px" }}>确认审核{editData.type == 'sure' ? '通过' : '拒绝'}所选信息么？</div>
|
<Form scrollToFirstError layout="horizontal" {...formItemLayout} form={form}>
|
<Row>
|
<Col span={8}>
|
<Form.Item
|
name="name"
|
label='姓名'
|
required
|
>
|
<Input disabled placeholder='请输入'></Input>
|
</Form.Item>
|
<Form.Item
|
name="community"
|
label='所在社区'
|
required
|
>
|
<Cascader
|
disabled
|
options={items}
|
fieldNames={{ value: 'id', label: 'name' }}
|
placeholder="请选择"
|
// onChange={(value, label) => {
|
// setCommunity(() => label)
|
// }}
|
// displayRender={(label) => label[label.length - 1]}
|
// changeOnSelect={true}
|
/>
|
</Form.Item>
|
<Form.Item
|
name="avatar"
|
label='头像上传'
|
required
|
>
|
<Image src={userInfo.avatar} width={100} height={100} />
|
</Form.Item>
|
</Col>
|
<Col span={8}>
|
<Form.Item
|
name="phone"
|
label='联系电话'
|
required
|
>
|
<Input disabled placeholder='请输入'></Input>
|
</Form.Item>
|
<Form.Item
|
name="serviceTarget"
|
label='服务对象'
|
required
|
>
|
<Input disabled placeholder='请输入'></Input>
|
</Form.Item></Col>
|
<Col span={8}>
|
<Form.Item
|
name="idNumber"
|
label='身份证号'
|
required
|
>
|
<Input disabled placeholder='请输入'></Input>
|
</Form.Item>
|
<Form.Item
|
name="partyOrganization"
|
label='所在党组织'
|
required
|
>
|
<Input disabled placeholder='请输入'></Input>
|
</Form.Item>
|
</Col>
|
</Row>
|
{editData.type == 'refuse' && (
|
<>
|
<Divider />
|
<Row>
|
<Col span={8}>
|
<Form.Item
|
name="refuseReason"
|
label='拒绝理由'
|
rules={[{ required: true, message: '拒绝理由必填' }]}
|
>
|
<Input.TextArea placeholder='请输入拒绝理由'></Input.TextArea>
|
</Form.Item>
|
</Col>
|
</Row>
|
</>
|
)}
|
|
|
</Form>
|
</Modal>
|
);
|
};
|
|
export default forwardRef(AddEditView);
|
