| | |
|---|
| | | * handleDeleteParty, // 删除当事人 |
|---|
| | | */ |
|---|
| | | const PersonCard = ({ isCheck, data, handleCheckParty, handleDeleteParty, handleAdd }) => { |
|---|
| | | |
|---|
| | | let isAgent = false |
|---|
| | | const typeList = data.map(item => { |
|---|
| | | return item.partyType |
|---|
| | | })//获取有多少申请人和被申请人 |
|---|
| | | if (typeList.indexOf(0) != -1 && typeList.indexOf(1) != -1) { |
|---|
| | | isAgent = true |
|---|
| | | } |
|---|
| | | return ( |
|---|
| | | <Row gutter={[24, 16]}> |
|---|
| | | {data.map((x, t) => ( |
|---|
| | | <Col span={7} key={t}> |
|---|
| | | <div className="public-personCard" style={{ cursor: 'pointer' }}> |
|---|
| | | <div |
|---|
| | | className={`public-personCard-card public-personCard-card-${x.partyType === 'applicant' ? 'blue' : 'orange'}`} |
|---|
| | | className={`public-personCard-card public-personCard-card-${x.partyType === 0 ? 'blue' : 'orange'}`} |
|---|
| | | onClick={() => handleCheckParty(x)} |
|---|
| | | > |
|---|
| | | {x.trueName.substr(0, 1)} |
|---|
| | | <div className="public-personCard-card-check">查看</div> |
|---|
| | | <img src={del} alt='' style={{ width: '16px', height: '16px', position: 'absolute', top: '-8px', left: '56px' }} /> |
|---|
| | | <img |
|---|
| | | src={del} |
|---|
| | | alt='' |
|---|
| | | style={{ width: '16px', height: '16px', position: 'absolute', top: '-8px', left: '56px' }} |
|---|
| | | onClick={(event) => { handleDeleteParty(event, x) }} |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div className="public-personCard-content"> |
|---|
| | | <div className="public-personCard-title"> |
|---|
| | | <Text style={{ maxWidth: '80%', paddingRight: '8px' }} ellipsis={{ tooltip: x.trueName }}> |
|---|
| | | {x.trueName} |
|---|
| | | </Text> |
|---|
| | | <Text ellipsis={{ tooltip: x.perClassName }} className={`public-personCard-tag public-personCard-tag-${x.partyType === 'applicant' ? 'blue' : 'orange'}`}> |
|---|
| | | <Text ellipsis={{ tooltip: x.perClassName }} className={`public-personCard-tag public-personCard-tag-${x.partyType === 0 ? 'blue' : 'orange'}`}> |
|---|
| | | {x.perClassName} |
|---|
| | | </Text> |
|---|
| | | </div> |
|---|
| | | { |
|---|
| | | x.person && |
|---|
| | | x.perClass === '09_01001-1' && |
|---|
| | | <> |
|---|
| | | <div>证件号码：{x.mobile}</div> |
|---|
| | | <div>联系方式：{x.personNumber}</div> |
|---|
| | | </> |
|---|
| | | } |
|---|
| | | {x.company && |
|---|
| | | { |
|---|
| | | x.perClass === '09_01001-2' && |
|---|
| | | <> |
|---|
| | | <div>统一社会信用代码：{x.mobile}</div> |
|---|
| | | <div>法定代表人：{x.companyName}</div> |
|---|
| | | </> |
|---|
| | | } |
|---|
| | | { |
|---|
| | | x.perClass === '09_01001-3' && |
|---|
| | | <> |
|---|
| | | <div>组织机构代码：{x.mobile}</div> |
|---|
| | | <div>机构代表人：{x.companyName}</div> |
|---|
| | | </> |
|---|
| | | } |
|---|
| | | <Space style={{ display: 'flex', flexWrap: 'wrap' }}> |
|---|
| | |
|---|
| | | title={(<Space direction='vertical '> |
|---|
| | | <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> |
|---|
| | | {isAgent && <div className="dataSync-btnApply" style={{ backgroundColor: '#3491FA' }} onClick={() => { handleAdd(2) }}>代理人</div>} |
|---|
| | | </Space>)} |
|---|
| | | placement={data.length !== 0 && data.length % 3 === 0 ? 'left' : "right"} |
|---|
| | | color='#ffff' |
|---|
