| | |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | export default function MatterDetail() { |
|---|
| | | export default function MatterDetail(props) { |
|---|
| | | const [fakeData, setFakeData] = useState([{ |
|---|
| | | "trueName": "王大锤", |
|---|
| | | "mobile": "13380313412", |
|---|
| | |
|---|
| | | |
|---|
| | | // 更多数据... |
|---|
| | | ]; |
|---|
| | | |
|---|
| | | |
|---|
| | | 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> |
|---|
