| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | export default function MatterDetali() { |
|---|
| | | export default function MatterDetail() { |
|---|
| | | const [fakeData, setFakeData] = useState([{ |
|---|
| | | "trueName": "王大锤", |
|---|
| | | "mobile": "13380313412", |
|---|
| | |
|---|
| | | |
|---|
| | | if (res.type) { |
|---|
| | | let data = res.data |
|---|
| | | setInfoData([...fakeData1, { |
|---|
| | | setInfoData({ |
|---|
| | | ...data, |
|---|
| | | questionName: data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName + '/' + data.queVillageName, |
|---|
| | | caseType: data.caseTypeFirstName + '/' + data.caseTypeName |
|---|
| | | }]) |
|---|
| | | |
|---|
| | | questionName: data.queProvName === null ? '-' : data.queProvName + '/' + data.queCityName + '/' + data.queAreaName + '/' + data.queRoadName + '/' + data.queVillageName, |
|---|
| | | caseType: data.caseTypeFirstName === null ? '-' : data.caseTypeFirstName + '/' + data.caseTypeName |
|---|
| | | }) |
|---|
| | | setFakeData(data.personList.concat(data.agentList)) |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | useEffect(() => { |
|---|
| | | getCaseInfo() |
|---|
| | | }, []) |
|---|
| | | // useEffect(() => { |
|---|
| | | // getCaseInfo() |
|---|
| | | // }, []) |
|---|
| | | |
|---|
| | | return ( |
|---|
| | | <div style={{ position: 'relative' }}> |
|---|
| | |
|---|
| | | <Row gutter={[16, 16]}> |
|---|
| | | <Col span={8}> |
|---|
| | | <div><div className="title-text">事项状态</div></div> |
|---|
| | | <div style={{ color: '#1A6FB8' }}>{infoData.statusName || '-'}</div> |
|---|
| | | <div style={{ color: '#1A6FB8' }}>{infoData?.statusName || '-'}</div> |
|---|
| | | </Col> |
|---|
| | | <Col span={16}> |
|---|
| | | <div><div className="title-text">事项编号</div></div> |
|---|
| | | <div>{infoData.caseId || '-'}</div> |
|---|
| | | <div>{infoData?.caseRef || '-'}</div> |
|---|
| | | </Col> |
|---|
| | | {/*事项等级分为三级，颜色需要做判断*/} |
|---|
| | | <Col span={8}> |
|---|
| | |
|---|
| | | {/*事项等级分为三级，颜色需要做判断*/} |
|---|
| | | <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>天河区棠下街道综治中心</div> |
|---|
| | | <div>{infoData.inputUnitName || '-'}</div> |
|---|
| | | </Col> |
|---|
| | | <Col span={8}> |
|---|
| | | <div><div className="title-text">登记人</div></div> |
|---|
| | | <div style={{ display: 'flex' }}> |
|---|
| | | <div>李晓明</div> |
|---|
| | | <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>2024-7-8 10:00</div> |
|---|
| | | <div>{infoData.createTime || '-'}</div> |
|---|
| | | </Col> |
|---|
| | | </Row> |
|---|
| | | <Button type='primary' style={{ marginTop: '20px' }}>修改</Button> |
|---|
