diff --git a/src/components/basis/group/BasisGroupApprovalGrid.js b/src/components/basis/group/BasisGroupApprovalGrid.js index 3240599..4a6645e 100644 --- a/src/components/basis/group/BasisGroupApprovalGrid.js +++ b/src/components/basis/group/BasisGroupApprovalGrid.js @@ -23,15 +23,16 @@ import { ExcelExportButton } from '../../crud/excel/ExcelExportButton'; export const BasisGroupApprovalGrid = props => { return ( -
- - -
-
-

{props.title} 목록

- 검색결과 총 {props.count}건 -
- {/*
+ //
+ // + // + <> +
+
+

{props.title} 목록

+ 검색결과 총 {props.count}건 +
+ {/*
{ 그룹생성
*/} +
+
+ +
+
-
- -
- -
-
-
- - -
+ +
+ + // + // + //
); }; diff --git a/src/components/basis/group/BasisGroupApprovalSearch.js b/src/components/basis/group/BasisGroupApprovalSearch.js index 23a7a17..cb6619f 100644 --- a/src/components/basis/group/BasisGroupApprovalSearch.js +++ b/src/components/basis/group/BasisGroupApprovalSearch.js @@ -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 ( -
+ //
+
@@ -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 + // }) + // } /> { 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 + // }) + // } /> { 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 + // }) + // } />