| | |
| | | import { CheckOutlined, } from '@ant-design/icons'; |
| | | import TableView from '@/components/TableView'; |
| | | import '../../index.less'; |
| | | import ApplyDialog from "./applyDialog"; |
| | | import AgentDialog from "./agentDialog"; |
| | | import DetailDialog from "./detailDialog"; |
| | | import ApplyDialog from "./ApplyDialog"; |
| | | import AgentDialog from "./AgentDialog"; |
| | | import DetailDialog from "./DetailDialog"; |
| | | import FilesCheck from '../../../filesCheck'; |
| | | import NewFileCheck from '../../../filesCheck/newFileCheck'; |
| | | import { IconLink } from '@arco-design/web-react/icon'; |
| | | import MapView from './map' |
| | | import MapView from './Map' |
| | | import { scan } from '@/assets/images/icon' |
| | | import MyDrawer from '@/components/MyDrawer'; |
| | | import { EventLevelDrawer, MattersDetail } from './levelDetail' |
| | | import { EventLevelDrawer, MattersDetail } from './LevelDetail' |
| | | |
| | | const RadioGroup = Radio.Group;// 根据调解案号获取纠纷登记信息 |
| | | const FormItem = Form.Item; |
| | |
| | | const [fileTip, setFileTip] = useState('0'); |
| | | const [detailVisabled, setDetailVisabled] = useState(false);//查看信息弹窗控制 |
| | | const [mapView, setMapView] = useState(false); |
| | | const [flagId, setFlagId] = useState(0);//赋予当事人唯一id,用于删除 |
| | | const [flagId, setFlagId] = useState(1);//赋予当事人唯一id,用于删除 |
| | | const [visible, setVisible] = useState(false); |
| | | const [apply, setApply] = useState(false); |
| | | const [editData, setEditData] = useState(null); |
| | | |
| | | const addressOptions = [ |
| | | { label: '地址1', value: 'address1' }, |
| | |
| | | |
| | | //添加当事人 |
| | | const handleAddParty = (value) => { |
| | | console.log(value); |
| | | setFakeData([...fakeData, { |
| | | ...value, |
| | | id: flagId |
| | | }]) |
| | | setFlagId(flagId + 1) |
| | | console.log(value,'value1'); |
| | | if (value.id) { |
| | | //编辑 |
| | | const newList = fakeData.map(item => { |
| | | if (item.id === value.id) { |
| | | return value |
| | | } else { |
| | | return item |
| | | } |
| | | }) |
| | | setFakeData(newList) |
| | | setEditData(null) |
| | | } else { |
| | | setFakeData([...fakeData, { |
| | | ...value, |
| | | id: flagId |
| | | }]) |
| | | setFlagId(flagId + 1) |
| | | } |
| | | } |
| | | |
| | | //删除当事人 |
| | |
| | | setFakeData(filterData) |
| | | } |
| | | |
| | | //编辑 |
| | | const handleEdit = (value) => { |
| | | console.log(value); |
| | | if (value.partyType === 0 || value.partyType === 1) { |
| | | //当事人 |
| | | setAddVisabled(true) |
| | | } else { |
| | | //代理人 |
| | | setAgentVisible(true) |
| | | } |
| | | setEditData(value) |
| | | } |
| | | |
| | | |
| | | return ( |
| | | <div className='dataSync-page'> |
| | | |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>当事人信息</h5> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px', }}></div><h4>当事人信息</h4> |
| | | </Space> |
| | | </Col> |
| | | <div style={{ margin: '16px 0' }}> |
| | |
| | | handleCheckParty={handleCheckParty} |
| | | handleAdd={handleAdd} |
| | | handleDeleteParty={handleDeleteParty} |
| | | handleEdit={handleEdit} |
| | | /> |
| | | </div> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '8px' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>纠纷基本情况</h5> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h4>纠纷基本情况</h4> |
| | | </Space> |
| | | </Col> |
| | | <Form |
| | |
| | | </Form> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '8px', marginTop: '20px' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>事件材料</h5> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h4>事件材料</h4> |
| | | </Space> |
| | | </Col> |
| | | <TableView |
| | |
| | | dialogType={dialogType} |
| | | onClose={() => setAddVisabled(false)} |
| | | handleAddParty={handleAddParty} |
| | | editData={editData} |
| | | /> |
| | | </Modal> |
| | | <Modal |
| | |
| | | onClose={() => setAgentVisible(false)} |
| | | fakeData={fakeData} |
| | | dialogType={dialogType} |
| | | editData={editData} |
| | | /> |
| | | </Modal> |
| | | <Modal |
| | |
| | | unmountOnExit={true} |
| | | maskClosable={false} |
| | | > |
| | | <MapView /> |
| | | <MapView |
| | | selectAdd={(value) => { |
| | | props.formRef.current.setFieldValue('disputeAddress', value) |
| | | setMapView(false) |
| | | }} |
| | | /> |
| | | </Modal> |
| | | <MattersDetail |
| | | visible={visible} |