| | |
|---|
| | | import { Form, Input, Modal, Select, Upload, Space, Button, message, Row, Col, Divider } from 'antd'; |
|---|
| | | 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 { add, Edit, getDetail } from '../service' |
|---|
| | | import { audit, getDetail, regionTree } from '../service' |
|---|
| | | |
|---|
| | | const formItemLayout = { |
|---|
| | | labelCol: { span: 8 }, |
|---|
| | |
|---|
| | | 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 }, |
|---|
| | |
|---|
| | | useImperativeHandle(ref, () => { |
|---|
| | | return { |
|---|
| | | refreshData: (data) => { |
|---|
| | | |
|---|
| | | setEditData(data); |
|---|
| | | regionTree({}).then(res => { |
|---|
| | | setItems(() => res.data) |
|---|
| | | }) |
|---|
| | | if (data.id) { |
|---|
| | | // getDetail(data.id).then(res => { |
|---|
| | | // if (res.data.url) { |
|---|
| | | // let obj = [{ |
|---|
| | | // uid: 1, |
|---|
| | | // name: 'banner', |
|---|
| | | // url: res.data.url |
|---|
| | | // }] |
|---|
| | | // setFileList(obj) |
|---|
| | | // form.setFieldsValue({ image: obj }) |
|---|
| | | // } |
|---|
| | | // form.setFieldsValue({name: res.data.name}) |
|---|
| | | // }) |
|---|
| | | 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) => { |
|---|
| | | |
|---|
| | | values.url = fileList[0].url |
|---|
| | | delete values.image |
|---|
| | | if (editData.id) { |
|---|
| | | values.id = editData.id |
|---|
| | | onUpdate(values) |
|---|
| | | return |
|---|
| | | let params = { |
|---|
| | | id: editData.id, |
|---|
| | | auditStatus: editData.type == 'sure' ? 1 : 2, |
|---|
| | | } |
|---|
| | | onSave(values) |
|---|
| | | if (editData.type == 'refuse') { |
|---|
| | | params.refuseReason = values.refuseReason |
|---|
| | | } |
|---|
| | | onSave(params) |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | |
|---|
| | |
|---|
| | | onCancel={() => onCancel(false)} |
|---|
| | | onOk={submit} |
|---|
| | | > |
|---|
| | | <div style={{ width: '100%', textAlign: 'center', margin: '20px 0', fontWeight: 'bold' }}>确认审核{editData.type == 'sure' ? '同意' : '拒绝'}所选信息么？</div> |
|---|
| | | <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}> |
|---|
| | |
|---|
| | | <Input disabled placeholder='请输入'></Input> |
|---|
| | | </Form.Item> |
|---|
| | | <Form.Item |
|---|
| | | name="name" |
|---|
| | | name="community" |
|---|
| | | label='所在社区' |
|---|
| | | required |
|---|
| | | > |
|---|
| | | <Input disabled placeholder='请输入'></Input> |
|---|
| | | <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="name" |
|---|
| | | name="avatar" |
|---|
| | | label='头像上传' |
|---|
| | | required |
|---|
| | | > |
|---|
| | | <Input disabled placeholder='请输入'></Input> |
|---|
| | | <Image src={userInfo.avatar} width={100} height={100} /> |
|---|
| | | </Form.Item> |
|---|
| | | </Col> |
|---|
| | | <Col span={8}> |
|---|
| | | <Form.Item |
|---|
| | | name="name" |
|---|
| | | name="phone" |
|---|
| | | label='联系电话' |
|---|
| | | required |
|---|
| | | > |
|---|
| | | <Input disabled placeholder='请输入'></Input> |
|---|
| | | </Form.Item> |
|---|
| | | <Form.Item |
|---|
| | | name="name" |
|---|
| | | name="serviceTarget" |
|---|
| | | label='服务对象' |
|---|
| | | required |
|---|
| | | > |
|---|
| | |
|---|
| | | </Form.Item></Col> |
|---|
| | | <Col span={8}> |
|---|
| | | <Form.Item |
|---|
| | | name="name" |
|---|
| | | name="idNumber" |
|---|
| | | label='身份证号' |
|---|
| | | required |
|---|
| | | > |
|---|
| | | <Input disabled placeholder='请输入'></Input> |
|---|
| | | </Form.Item> |
|---|
| | | <Form.Item |
|---|
| | | name="name" |
|---|
| | | name="partyOrganization" |
|---|
| | | label='所在党组织' |
|---|
| | | required |
|---|
| | | > |
|---|
| | |
|---|
| | | <Row> |
|---|
| | | <Col span={8}> |
|---|
| | | <Form.Item |
|---|
| | | name="remark" |
|---|
| | | name="refuseReason" |
|---|
| | | label='拒绝理由' |
|---|
| | | rules={[{ required: true, message: '拒绝理由必填' }]} |
|---|
| | | > |
|---|
