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