pav
/
pav-home
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

승인관리 - 컴포넌트 간격 수정

ctrlDraw
junh_eee(이준희) 2 years ago
parent
6efedefd95
commit
55e1971b6a
2 changed files with 80 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      src/components/basis/group/BasisGroupApprovalGrid.js
  2. 105
      src/components/basis/group/BasisGroupApprovalSearch.js

52
src/components/basis/group/BasisGroupApprovalGrid.js
Unescape View File

@ -23,15 +23,16 @@ import { ExcelExportButton } from '../../crud/excel/ExcelExportButton';
export const BasisGroupApprovalGrid = props => { export const BasisGroupApprovalGrid = props => {
return ( return (
<div className='pal-card-box'> // <div className='pal-card-box'>
<Row> // <Row>
<Col> // <Col>
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> <>
<div> <div className='mt-2 cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
<h4>{props.title} 목록</h4> <div>
<span className='search-case'>검색결과 총 {props.count}건</span> <h4>{props.title} 목록</h4>
</div> <span className='search-case'>검색결과 총 {props.count}건</span>
{/* <div className='d-flex align-items-center'> </div>
{/* <div className='d-flex align-items-center'>
<Button.Ripple <Button.Ripple
color='primary' color='primary'
size='sm' size='sm'
@ -40,22 +41,23 @@ export const BasisGroupApprovalGrid = props => {
그룹생성 그룹생성
</Button.Ripple> </Button.Ripple>
</div> */} </div> */}
</div>
<div className='invoice-list-wrapper'>
<Card>
<div className='invoice-list-dataTable'>
<GridDatabase
title={'비행이력'}
data={props.data}
count={props.count}
columns={props.columns}
pagination={props.pagination}
/>
</div> </div>
<div className='invoice-list-wrapper'> </Card>
<Card> </div>
<div className='invoice-list-dataTable'> </>
<GridDatabase // </Col>
title={'비행이력'} // </Row>
data={props.data} // </div>
count={props.count}
columns={props.columns}
pagination={props.pagination}
/>
</div>
</Card>
</div>
</Col>
</Row>
</div>
); );
}; };

105
src/components/basis/group/BasisGroupApprovalSearch.js
Unescape View File

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

Write Preview
Loading…
Cancel
Save