| | |
| | | import FileTable from "./FileTable"; |
| | | |
| | | function getCaseInfoApi(id) { |
| | | return $$.ax.request({ url: 'caseInfo/getCaseInfo?id=' + id, type: 'get', service: 'mediate' }); |
| | | return $$.ax.request({ url: '/caseInfo/getCaseInfo?id=' + id, type: 'get', service: 'mediate' }); |
| | | } |
| | | |
| | | |
| | |
| | | getCaseInfo(props.caseId) |
| | | }, [props.caseId]) |
| | | |
| | | |
| | | //获取id |
| | | const getCaseInfo = async (id) => { |
| | | const res = await getCaseInfoApi(id) |
| | | const res = await getCaseInfoApi(props.caseId) |
| | | if (res.type) { |
| | | let data = res.data |
| | | const partyList = data.personList.concat(data.agentList) |
| | | setInfoData({ |
| | | ...data, |
| | | questionName: data.queProvName === null ? '-' : data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName + '/' + data.queVillageName, |
| | | questionName: data.queProvName === null ? '-' : data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName, |
| | | caseType: data.caseTypeFirstName === null ? '-' : data.caseTypeFirstName + '/' + data.caseTypeName |
| | | }) |
| | | setFakeData(partyList.map(item => { |
| | |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>事件材料</h5> |
| | | </Space> |
| | | </Col> |
| | | <FileTable mainId={props.caseId} fileInfoList={infoData.fileInfoList} isReview={true}/> |
| | | <Col span={24} className='title'> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>登记信息</h5> |
| | | </Space> |
| | | </Col> |
| | | <Row gutter={[16, 16]}> |
| | | {/*事项等级分为三级,颜色需要做判断*/} |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">登记机构</div><img src={question} alt="" style={{ width: '14px', height: '14px', marginTop: '4px', marginLeft: '4px' }} /></div> |
| | | <div>{infoData.inputUnitName || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div><div className="title-text">登记人</div></div> |
| | | <div style={{ display: 'flex' }}> |
| | | <div>{infoData.inputUserName || '-'}</div> |
| | | <img src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} /> |
| | | </div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">登记时间</div></div> |
| | | <div>{infoData.createTime || '-'}</div> |
| | | </Col> |
| | | </Row> |
| | | {props.hasEditBtn && <Button type='primary' style={{ marginTop: '20px' }}>修改</Button>} |
| | | <FileTable mainId={props.caseId} fileInfoList={infoData.fileInfoList} isReview={true} /> |
| | | {infoData?.canal === '22_00001-1' && |
| | | <> |
| | | <Col span={24} style={{ marginTop: '12px' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>登记信息</h5> |
| | | </Space> |
| | | </Col> |
| | | <Row gutter={[16, 16]}> |
| | | {/*事项等级分为三级,颜色需要做判断*/} |
| | | <Col span={8}> |
| | | <div className="title"><div className="title-text">登记机构</div><img src={question} alt="" style={{ width: '14px', height: '14px', marginTop: '4px', marginLeft: '4px' }} /></div> |
| | | <div>{infoData.inputUnitName || '-'}</div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div><div className="title-text">登记人</div></div> |
| | | <div style={{ display: 'flex' }}> |
| | | <div>{infoData.inputUserName || '-'}</div> |
| | | <img src={register} alt='' style={{ width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px' }} /> |
| | | </div> |
| | | </Col> |
| | | <Col span={8}> |
| | | <div ><div className="title-text">登记时间</div></div> |
| | | <div>{infoData.createTime || '-'}</div> |
| | | </Col> |
| | | </Row> |
| | | </> |
| | | } |
| | | {/* {props.hasEditBtn && <Button type='primary' style={{ marginTop: '20px' }}>修改</Button>} */} |
| | | </div> |
| | | |
| | | </Typography.Paragraph> |