样式更改
This commit is contained in:
lyp
parent
4339e89f37
commit
ea6f9471b8
@ -67,6 +67,7 @@ type propsInfo = {
|
|||||||
closeModal?: any
|
closeModal?: any
|
||||||
};
|
};
|
||||||
export default function BelongPeople(props: propsInfo) {
|
export default function BelongPeople(props: propsInfo) {
|
||||||
|
// const [propsShow,setPropsShow] = useState(props.belongPeopleInfo.authorId?true)
|
||||||
// const nav = useNavigate();
|
// const nav = useNavigate();
|
||||||
// const pathParams = useParams();
|
// const pathParams = useParams();
|
||||||
const [messageApi, contextHolder] = message.useMessage();
|
const [messageApi, contextHolder] = message.useMessage();
|
||||||
@ -127,15 +128,43 @@ export default function BelongPeople(props: propsInfo) {
|
|||||||
selectedRowKeys,
|
selectedRowKeys,
|
||||||
onChange: (selectedRowKeys: React.Key[], selectedRows: typeof tableBelongData[0][]) => {
|
onChange: (selectedRowKeys: React.Key[], selectedRows: typeof tableBelongData[0][]) => {
|
||||||
setSelectedRowKeys(selectedRowKeys);
|
setSelectedRowKeys(selectedRowKeys);
|
||||||
if (selectedRows.length > 0) {
|
// if (selectedRows.length > 0) {
|
||||||
setauthorName(selectedRows[0].name);
|
// setauthorName(selectedRows[0].name);
|
||||||
setauthorIdCardType(selectedRows[0].idCardType);
|
// setauthorIdCardType(selectedRows[0].idCardType);
|
||||||
setauthorIdCard(selectedRows[0].idCardNo);
|
// setauthorIdCard(selectedRows[0].idCardNo);
|
||||||
setauthorType(selectedRows[0].type);
|
// setauthorType(selectedRows[0].type);
|
||||||
setauthorProvinceCity(selectedRows[0].provinceCity);
|
// setauthorProvinceCity(selectedRows[0].provinceCity);
|
||||||
setauthorCrcAccount(selectedRows[0].isCrcAccount);
|
// setauthorCrcAccount(selectedRows[0].isCrcAccount);
|
||||||
setAuthorId(selectedRows[0].projOwnerId);
|
// setAuthorId(selectedRows[0].projOwnerId);
|
||||||
|
// }
|
||||||
|
const isClearingSelection = selectedRowKeys.length === 0;
|
||||||
|
if (isClearingSelection) {
|
||||||
|
setauthorName('');
|
||||||
|
setauthorIdCardType('');
|
||||||
|
setauthorIdCard('');
|
||||||
|
setauthorType('');
|
||||||
|
// setauthorNameEn('');
|
||||||
|
setauthorProvinceCity('');
|
||||||
|
setauthorCrcAccount(0);
|
||||||
|
// setauthorCrcAccountPassword('');
|
||||||
|
// setauthorCrcAccountUsername('');
|
||||||
|
setAuthorId('');
|
||||||
|
} else {
|
||||||
|
// 正常选中时，更新相关状态
|
||||||
|
setSelectedRowKeys(selectedRowKeys);
|
||||||
|
const firstSelectedRow = selectedRows[0];
|
||||||
|
setauthorName(firstSelectedRow.name);
|
||||||
|
setauthorIdCardType(firstSelectedRow.idCardType);
|
||||||
|
setauthorIdCard(firstSelectedRow.idCardNo);
|
||||||
|
setauthorType(firstSelectedRow.type);
|
||||||
|
// setauthorNameEn(firstSelectedRow.nameEn);
|
||||||
|
setauthorProvinceCity(firstSelectedRow.provinceCity);
|
||||||
|
setauthorCrcAccount(firstSelectedRow.isCrcAccount);
|
||||||
|
// setauthorCrcAccountPassword(firstSelectedRow.crcAccountPassword);
|
||||||
|
// setauthorCrcAccountUsername(firstSelectedRow.crcAccountUsername);
|
||||||
|
setAuthorId(firstSelectedRow.projOwnerId);
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
// 单行选择触发单选
|
// 单行选择触发单选
|
||||||
@ -483,20 +512,44 @@ export default function BelongPeople(props: propsInfo) {
|
|||||||
</div>
|
</div>
|
||||||
<div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }} >
|
<div className='showInfo' style={{ display: props.isShow ? 'block' : 'none' }} >
|
||||||
{authorName ? (<>
|
{authorName ? (<>
|
||||||
<div style={{ display: 'flex' }}>
|
<div style={{ display: 'flex', alignItems: 'center' }}>
|
||||||
<div style={{ marginRight: ' 10px' }}>当前所属者:</div>
|
<div style={{ marginRight: ' 10px' }}>当前所属者:</div>
|
||||||
<div style={{ display: authorName ? 'none' : 'block' }}>请选择所属者</div>
|
<div style={{ display: authorName ? 'none' : 'block' }}>请选择所属者</div>
|
||||||
<div style={{ display: authorName ? 'block' : 'none' }}>
|
<div style={{ display: authorName ? 'block' : 'none' }}>
|
||||||
{authorName}/{authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{authorIdCard}
|
{authorName}/{authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{authorIdCard}
|
||||||
</div>
|
</div>
|
||||||
|
<Button style={{ display: authorName ? 'block' : 'none', height: 30, marginLeft: 10 }} onClick={() => {
|
||||||
|
// lyp
|
||||||
|
setauthorName('');
|
||||||
|
setauthorIdCardType('');
|
||||||
|
setauthorIdCard('');
|
||||||
|
setauthorType('');
|
||||||
|
setauthorProvinceCity('');
|
||||||
|
setAuthorId('');
|
||||||
|
setSelectedRowKeys([]);
|
||||||
|
|
||||||
|
}}>取消</Button>
|
||||||
</div>
|
</div>
|
||||||
</>) : (<>
|
</>) : (<>
|
||||||
<div style={{ display: 'flex' }}>
|
<div style={{ display: 'flex', alignItems: 'center' }}>
|
||||||
<div style={{ marginRight: ' 10px' }}>当前所属者:</div>
|
<div style={{ marginRight: ' 10px' }}>当前所属者:</div>
|
||||||
<div style={{ display: props.belongPeopleInfo.authorName ? 'none' : 'block' }}>请选择所属者</div>
|
<div style={{ display: props.belongPeopleInfo.authorName ? 'none' : 'block' }}>请选择所属者</div>
|
||||||
<div style={{ display: props.belongPeopleInfo.authorName ? 'block' : 'none' }}>
|
<div style={{ display: props.belongPeopleInfo.authorName ? 'block' : 'none' }}>
|
||||||
{props.belongPeopleInfo.authorName}/{props.belongPeopleInfo.authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{props.belongPeopleInfo.authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{props.belongPeopleInfo.authorIdCard}
|
{props.belongPeopleInfo.authorName}/{props.belongPeopleInfo.authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{props.belongPeopleInfo.authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{props.belongPeopleInfo.authorIdCard}
|
||||||
</div>
|
</div>
|
||||||
|
<Button style={{ display: props.belongPeopleInfo.authorName ? 'block' : 'none', height: 30, marginLeft: 10 }} onClick={() => {
|
||||||
|
// lyp
|
||||||
|
props.setBelongPeopleInfo({
|
||||||
|
authorName: '',
|
||||||
|
authorType: '',
|
||||||
|
authorIdCardType: '',
|
||||||
|
authorIdCard: '',
|
||||||
|
authorCrcAccount: '',
|
||||||
|
authorId: '',
|
||||||
|
authorProvinceCity: ''
|
||||||
|
})
|
||||||
|
}}>取消</Button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</>)}
|
</>)}
|
||||||
|
|
||||||
@ -527,10 +580,18 @@ export default function BelongPeople(props: propsInfo) {
|
|||||||
// 阻止默认的行点击事件，以避免选中行时触发其他操作
|
// 阻止默认的行点击事件，以避免选中行时触发其他操作
|
||||||
event.stopPropagation();
|
event.stopPropagation();
|
||||||
// 更新选中的行
|
// 更新选中的行
|
||||||
belongRowSelection.onChange([record.projOwnerId], [record]);
|
// belongRowSelection.onChange([record.projOwnerId], [record]);
|
||||||
|
const isSelected = belongRowSelection.selectedRowKeys.includes(record.projOwnerId);
|
||||||
|
if (isSelected) {
|
||||||
|
// 如果已经选中，则清空选中状态
|
||||||
|
belongRowSelection.onChange([], []);
|
||||||
|
} else {
|
||||||
|
// 如果未选中，则更新选中的行
|
||||||
|
belongRowSelection.onChange([record.projOwnerId], [record]);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
style: { cursor: 'pointer' }
|
style: { cursor: 'pointer' }
|
||||||
};
|
};
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
@ -813,24 +874,31 @@ export default function BelongPeople(props: propsInfo) {
|
|||||||
<div style={{ display: props.isShow ? 'block' : 'none' }}>
|
<div style={{ display: props.isShow ? 'block' : 'none' }}>
|
||||||
<div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} >
|
<div className="belongPeopleModal-btn" style={{ display: 'flex', justifyContent: 'flex-end' }} >
|
||||||
<Button onClick={() => {
|
<Button onClick={() => {
|
||||||
|
|
||||||
props.closeModal()
|
props.closeModal()
|
||||||
}}>取消</Button>
|
}}>取消</Button>
|
||||||
<Button style={{
|
<Button style={{
|
||||||
marginLeft: 20
|
marginLeft: 20
|
||||||
}} type="primary"
|
}} type="primary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
props.setBelongPeopleInfo({
|
if (props.belongPeopleInfo.authorId && !authorId) {
|
||||||
authorName,
|
props.closeModal()
|
||||||
authorType,
|
return
|
||||||
authorIdCardType,
|
} else {
|
||||||
authorIdCard,
|
props.setBelongPeopleInfo({
|
||||||
|
authorName,
|
||||||
|
authorType,
|
||||||
|
authorIdCardType,
|
||||||
|
authorIdCard,
|
||||||
|
|
||||||
|
authorCrcAccount,
|
||||||
|
authorId,
|
||||||
|
authorProvinceCity
|
||||||
|
})
|
||||||
|
props.setValue(authorName)
|
||||||
|
props.closeModal()
|
||||||
|
}
|
||||||
|
|
||||||
authorCrcAccount,
|
|
||||||
authorId,
|
|
||||||
authorProvinceCity
|
|
||||||
})
|
|
||||||
props.setValue(authorName)
|
|
||||||
props.closeModal()
|
|
||||||
}}
|
}}
|
||||||
>确定</Button>
|
>确定</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -638,6 +638,7 @@ export default function ProjNew() {
|
|||||||
|
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<div style={{
|
<div style={{
|
||||||
|
display:belongPeopleInfo.authorId? 'none' : 'unset',
|
||||||
position: 'absolute', right: 20,
|
position: 'absolute', right: 20,
|
||||||
// fontSize: 16,
|
// fontSize: 16,
|
||||||
color: " #1F79FF", cursor: 'pointer',
|
color: " #1F79FF", cursor: 'pointer',
|
||||||
@ -647,6 +648,28 @@ export default function ProjNew() {
|
|||||||
}} onClick={() => {
|
}} onClick={() => {
|
||||||
setBelongModal(true)
|
setBelongModal(true)
|
||||||
}}>选择</div>
|
}}>选择</div>
|
||||||
|
<div style={{
|
||||||
|
display:belongPeopleInfo.authorId? 'unset' : 'none',
|
||||||
|
|
||||||
|
position: 'absolute', right: 0,
|
||||||
|
// fontSize: 16,
|
||||||
|
color: " #1F79FF", cursor: 'pointer',
|
||||||
|
// background:'pink',
|
||||||
|
width: 50,
|
||||||
|
textAlign: 'center',
|
||||||
|
|
||||||
|
}} onClick={() => {
|
||||||
|
setValue('')
|
||||||
|
setBelongPeopleInfo({
|
||||||
|
authorName: '',
|
||||||
|
authorType: '',
|
||||||
|
authorIdCardType: '',
|
||||||
|
authorIdCard: '',
|
||||||
|
authorCrcAccount: '',
|
||||||
|
authorId: '',
|
||||||
|
authorProvinceCity: ''
|
||||||
|
})
|
||||||
|
}}>取消</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='formItemOne' style={{ position: 'relative' }}>
|
<div className='formItemOne' style={{ position: 'relative' }}>
|
||||||
<div className='formItem-title '>
|
<div className='formItem-title '>
|
||||||
|
|||||||
@ -770,12 +770,26 @@ export default function ProjEditStep2(props: any) {
|
|||||||
/>
|
/>
|
||||||
</div> */}
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
<div className='showInfo'>
|
<div className='showInfo' style={{alignItems:'center'}}>
|
||||||
<div style={{ marginRight: '22px' }}>当前所属者:</div>
|
<div style={{ marginRight: '22px' }}>当前所属者:</div>
|
||||||
<div style={{ display: authorName == '' ? 'block' : 'none' }}>请选择所属者</div>
|
<div style={{ display: authorName == '' ? 'block' : 'none' }}>请选择所属者</div>
|
||||||
<div style={{ display: authorName == '' ? 'none' : 'block' }}>
|
<div style={{ display: authorName == '' ? 'none' : 'block' }}>
|
||||||
{authorName}/{authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{authorIdCard}
|
{authorName}/{authorType == 'PERSONAL' ? '自然人' : '企业-组织'}/{authorIdCardType == 'ID_CARD' ? '身份证' : '营业执照'}/{authorIdCard}
|
||||||
</div>
|
</div>
|
||||||
|
<Button style={{ display: authorName == '' ? 'none' : 'block',height:30,marginLeft:10 }} onClick={()=>{
|
||||||
|
// lyp
|
||||||
|
setauthorName('');
|
||||||
|
setauthorIdCardType('');
|
||||||
|
setauthorIdCard('');
|
||||||
|
setauthorType('');
|
||||||
|
setauthorNameEn('');
|
||||||
|
setauthorProvinceCity('');
|
||||||
|
setauthorCrcAccount(0);
|
||||||
|
setauthorCrcAccountPassword('');
|
||||||
|
setauthorCrcAccountUsername('');
|
||||||
|
setAuthorId('');
|
||||||
|
setSelectedRowKeys([]);
|
||||||
|
}}>取消</Button>
|
||||||
</div>
|
</div>
|
||||||
<div className='belongPeople-bot'>
|
<div className='belongPeople-bot'>
|
||||||
{/* 表格 */}
|
{/* 表格 */}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user