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

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

pull/2/head
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
Split 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 => {
return (
<div className='pal-card-box'>
<Row>
<Col>
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
<div>
<h4>{props.title} 목록</h4>
<span className='search-case'>검색결과 총 {props.count}건</span>
</div>
{/* <div className='d-flex align-items-center'>
// <div className='pal-card-box'>
// <Row>
// <Col>
<>
<div className='mt-2 cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
<div>
<h4>{props.title} 목록</h4>
<span className='search-case'>검색결과 총 {props.count}건</span>
</div>
{/* <div className='d-flex align-items-center'>
<Button.Ripple
color='primary'
size='sm'
@ -40,22 +41,23 @@ export const BasisGroupApprovalGrid = props => {
그룹생성
</Button.Ripple>
</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 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>
</Card>
</div>
</Col>
</Row>
</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]);
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>

Write Preview
Loading…
Cancel
Save