|
|
|
@ -51,13 +51,13 @@ export const BasisGroupApprovalSearch = props => {
|
|
|
|
|
// }, [isCheckBox]);
|
|
|
|
|
let aprvYn = 'A'; |
|
|
|
|
const initCheckState = { |
|
|
|
|
'all': aprvYn == 'A', |
|
|
|
|
'yes': (aprvYn == 'Y' || aprvYn == 'A'), |
|
|
|
|
'no': (aprvYn == 'N' || aprvYn == 'A'), |
|
|
|
|
} |
|
|
|
|
all: aprvYn == 'A', |
|
|
|
|
yes: aprvYn == 'Y' || aprvYn == 'A', |
|
|
|
|
no: aprvYn == 'N' || aprvYn == 'A' |
|
|
|
|
}; |
|
|
|
|
const [checkState, setCheckState] = useState(initCheckState); |
|
|
|
|
|
|
|
|
|
const handleChangeCheckbox = (e) => { |
|
|
|
|
const handleChangeCheckbox = e => { |
|
|
|
|
const { name, value, checked } = e.target; |
|
|
|
|
let val; |
|
|
|
|
switch (value) { |
|
|
|
@ -66,50 +66,51 @@ export const BasisGroupApprovalSearch = props => {
|
|
|
|
|
props.setParams({ |
|
|
|
|
...props.params, |
|
|
|
|
aprvYn: val |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
setCheckState({ |
|
|
|
|
'all': checked, |
|
|
|
|
'yes': checked, |
|
|
|
|
'no': checked |
|
|
|
|
}) |
|
|
|
|
all: checked, |
|
|
|
|
yes: checked, |
|
|
|
|
no: checked |
|
|
|
|
}); |
|
|
|
|
break; |
|
|
|
|
case 'Y': |
|
|
|
|
if (checked && checkState.no) val = '' |
|
|
|
|
else if (checked && !checkState.no) val = 'Y' |
|
|
|
|
else if (!checked && checkState.no) val = 'N' |
|
|
|
|
else if (!checked && !checkState.no) val = '-' |
|
|
|
|
if (checked && checkState.no) val = ''; |
|
|
|
|
else if (checked && !checkState.no) val = 'Y'; |
|
|
|
|
else if (!checked && checkState.no) val = 'N'; |
|
|
|
|
else if (!checked && !checkState.no) val = '-'; |
|
|
|
|
props.setParams({ |
|
|
|
|
...props.params, |
|
|
|
|
aprvYn: val |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
setCheckState(prevState => ({ |
|
|
|
|
'all': prevState.no && checked, |
|
|
|
|
'yes': checked, |
|
|
|
|
'no': prevState.no |
|
|
|
|
})) |
|
|
|
|
all: prevState.no && checked, |
|
|
|
|
yes: checked, |
|
|
|
|
no: prevState.no |
|
|
|
|
})); |
|
|
|
|
break; |
|
|
|
|
case 'N': |
|
|
|
|
if (checked && checkState.yes) val = '' |
|
|
|
|
else if (checked && !checkState.yes) val = 'N' |
|
|
|
|
else if (!checked && checkState.yes) val = 'Y' |
|
|
|
|
else if (!checked && !checkState.yes) val = '-' |
|
|
|
|
if (checked && checkState.yes) val = ''; |
|
|
|
|
else if (checked && !checkState.yes) val = 'N'; |
|
|
|
|
else if (!checked && checkState.yes) val = 'Y'; |
|
|
|
|
else if (!checked && !checkState.yes) val = '-'; |
|
|
|
|
props.setParams({ |
|
|
|
|
...props.params, |
|
|
|
|
aprvYn: val |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
setCheckState(prevState => ({ |
|
|
|
|
'all': prevState.yes && checked, |
|
|
|
|
'yes': prevState.yes, |
|
|
|
|
'no': checked |
|
|
|
|
})) |
|
|
|
|
all: prevState.yes && checked, |
|
|
|
|
yes: prevState.yes, |
|
|
|
|
no: checked |
|
|
|
|
})); |
|
|
|
|
break; |
|
|
|
|
default: |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className='pal-card-box'> |
|
|
|
|
// <div className='pal-card-box'>
|
|
|
|
|
<div> |
|
|
|
|
<Row> |
|
|
|
|
<Col> |
|
|
|
|
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
|
|
|
@ -200,14 +201,14 @@ export const BasisGroupApprovalSearch = props => {
|
|
|
|
|
value='A' |
|
|
|
|
checked={checkState.all} |
|
|
|
|
onChange={handleChangeCheckbox} |
|
|
|
|
// defaultChecked={isCheckBox.all}
|
|
|
|
|
// onClick={() =>
|
|
|
|
|
// setIsCheckBox({
|
|
|
|
|
// all: !isCheckBox.all,
|
|
|
|
|
// yes: !isCheckBox.all,
|
|
|
|
|
// no: !isCheckBox.all
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// defaultChecked={isCheckBox.all}
|
|
|
|
|
// onClick={() =>
|
|
|
|
|
// setIsCheckBox({
|
|
|
|
|
// all: !isCheckBox.all,
|
|
|
|
|
// yes: !isCheckBox.all,
|
|
|
|
|
// no: !isCheckBox.all
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
/> |
|
|
|
|
<CustomInput |
|
|
|
|
inline |
|
|
|
@ -218,13 +219,13 @@ export const BasisGroupApprovalSearch = props => {
|
|
|
|
|
value='Y' |
|
|
|
|
checked={checkState.yes} |
|
|
|
|
onChange={handleChangeCheckbox} |
|
|
|
|
// defaultChecked={isCheckBox.yes || isCheckBox.all}
|
|
|
|
|
// onClick={() =>
|
|
|
|
|
// setIsCheckBox({
|
|
|
|
|
// all: false,
|
|
|
|
|
// yes: !isCheckBox.yes
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// defaultChecked={isCheckBox.yes || isCheckBox.all}
|
|
|
|
|
// onClick={() =>
|
|
|
|
|
// setIsCheckBox({
|
|
|
|
|
// all: false,
|
|
|
|
|
// yes: !isCheckBox.yes
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
/> |
|
|
|
|
<CustomInput |
|
|
|
|
inline |
|
|
|
@ -235,13 +236,13 @@ export const BasisGroupApprovalSearch = props => {
|
|
|
|
|
value='N' |
|
|
|
|
checked={checkState.no} |
|
|
|
|
onChange={handleChangeCheckbox} |
|
|
|
|
// defaultChecked={isCheckBox.no || isCheckBox.all}
|
|
|
|
|
// onClick={() =>
|
|
|
|
|
// setIsCheckBox({
|
|
|
|
|
// all: false,
|
|
|
|
|
// no: !isCheckBox.no
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
// defaultChecked={isCheckBox.no || isCheckBox.all}
|
|
|
|
|
// onClick={() =>
|
|
|
|
|
// setIsCheckBox({
|
|
|
|
|
// all: false,
|
|
|
|
|
// no: !isCheckBox.no
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|