| | |
| | | } |
| | | |
| | | |
| | | export default function MatterDetail() { |
| | | const [fakeData, setFakeData] = useState([{ |
| | | "trueName": "王大锤", |
| | | "mobile": "13380313412", |
| | | "certiType": "09_00015-1", |
| | | "certiTypeName": "身份证", |
| | | "certiNo": "440981199902025123", |
| | | "perType": "15_020008-1", |
| | | "perClass": "09_01001-1", |
| | | "perTypeName": "申请方当事人", |
| | | "perClassName": "自然人", |
| | | "id": "24083010053310002" |
| | | }, { |
| | | "trueName": "刘俊峰", |
| | | "mobile": "13380313412", |
| | | "certiType": "09_00015-1", |
| | | "certiTypeName": "身份证", |
| | | "certiNo": "440981199902023234", |
| | | "perType": "15_020008-2", |
| | | "perClass": "09_01001-1", |
| | | "perTypeName": "被申请方当事人", |
| | | "perClassName": "自然人", |
| | | "id": "24083010054710003" |
| | | }]);//当事人信息数据 |
| | | export default function MatterDetail(props) { |
| | | const [fakeData, setFakeData] = useState([]);//当事人信息数据 |
| | | const [upload, setUpLoad] = useState(false); |
| | | const [filesCheck, setFilesCheck] = useState(false); |
| | | const [infoData, setInfoData] = useState({}); |
| | |
| | | |
| | | // 更多数据... |
| | | ]; |
| | | |
| | | |
| | | useEffect(() => { |
| | | console.log(props); |
| | | getCaseInfo(props.caseId) |
| | | }, [props.caseId]) |
| | | |
| | | //获取id |
| | | const getCaseInfo = async () => { |
| | | const res = await getCaseInfoApi('24083010062110001') |
| | | const getCaseInfo = async (id) => { |
| | | const res = await getCaseInfoApi(id) |
| | | |
| | | if (res.type) { |
| | | let data = res.data |
| | |
| | | |
| | | } |
| | | |
| | | |
| | | // useEffect(() => { |
| | | // getCaseInfo() |
| | | // }, []) |
| | | |
| | | return ( |
| | | <div style={{ position: 'relative' }}> |
| | | <Typography.Paragraph> |
| | | <div className='dataSync-page'> |
| | | <div className='dataSync-noScrollPage'> |
| | | |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>当事人信息</h5> |
| | | </Space> |
| | | <div> |
| | | {props.hasApplet && <div> |
| | | <Switch checkedChildren="当事人小程序可见" unCheckedChildren="当事人小程序不可见" defaultChecked /> |
| | | </div> |
| | | } |
| | | </Col> |
| | | <div style={{ margin: '16px 0' }}> |
| | | <PersonCard |
| | |
| | | data={fakeData} |
| | | /> |
| | | </div> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '4px' }}> |
| | | <Col span={24} className='title'> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>纠纷基本情况</h5> |
| | | </Space> |
| | |
| | | bordered={true} |
| | | style={{ marginBottom: '20px' }} |
| | | /> |
| | | <Col span={24} style={{ display: 'flex', alignItems: 'center', marginBottom: '4px' }}> |
| | | <Col span={24} className='title'> |
| | | <Space size='small'> |
| | | <div className='MediationInfo-subTitle' style={{ marginTop: '-9px' }}></div><h5>登记信息</h5> |
| | | </Space> |
| | |
| | | <div>{infoData.createTime || '-'}</div> |
| | | </Col> |
| | | </Row> |
| | | <Button type='primary' style={{ marginTop: '20px' }}>修改</Button> |
| | | {props.hasEditBtn && <Button type='primary' style={{ marginTop: '20px' }}>修改</Button>} |
| | | </div> |
| | | |
| | | </Typography.Paragraph> |