| | |
| | | * handleCheckParty, // 点击查看详情 |
| | | * handleDeleteParty, // 删除当事人 |
| | | */ |
| | | const PersonCard = ({ isCheck, data, handleCheckParty, handleDeleteParty }) => { |
| | | const PersonCard = ({ isCheck, data, handleCheckParty, handleDeleteParty, handleAdd }) => { |
| | | |
| | | return ( |
| | | <Row gutter={[24, 16]}> |
| | |
| | | } |
| | | <Space style={{ display: 'flex', flexWrap: 'wrap' }}> |
| | | {x.remark?.map((item, index) => ( |
| | | <div key={index} style={{ lineHeight: '22px', padding: '0px 8px', backgroundColor: `${item.color}`, width: 'fit-content', borderRadius: '4px', marginTop: '4px' }}>{item.label}</div> |
| | | <div key={index} style={{ lineHeight: '22px', padding: '0px 8px', backgroundColor: `${item.color}`, width: 'fit-content', borderRadius: '4px', marginTop: '4px', color: '#fff' }}>{item.label}</div> |
| | | ))} |
| | | </Space> |
| | | </div> |
| | |
| | | <div className="dataSync-addBtn"> |
| | | <Tooltip |
| | | title={(<Space direction='vertical '> |
| | | <div className="dataSync-btnApply" style={{ backgroundColor: '#1A6FB8' }}>申请方</div> |
| | | <div className="dataSync-btnApply" style={{ backgroundColor: '#FA8C16' }}>被申请方</div> |
| | | <div className="dataSync-btnApply" style={{ backgroundColor: '#3491FA' }}>代理人</div> |
| | | <div className="dataSync-btnApply" style={{ backgroundColor: '#1A6FB8' }} onClick={() => {handleAdd(0)}}>申请方</div> |
| | | <div className="dataSync-btnApply" style={{ backgroundColor: '#FA8C16' }} onClick={() => {handleAdd(1)}}>被申请方</div> |
| | | <div className="dataSync-btnApply" style={{ backgroundColor: '#3491FA' }} onClick={() => {handleAdd(2)}}>代理人</div> |
| | | </Space>)} |
| | | placement={data.length % 3 === 0 ? 'left' : "right"} |
| | | placement={data.length !== 0 && data.length % 3 === 0 ? 'left' : "right"} |
| | | color='#ffff' |
| | | overlayStyle={{}} |
| | | > |