김지은
2 years ago
4 changed files with 88 additions and 64 deletions
@ -1,67 +1,83 @@
|
||||
import React, {} from 'react'; |
||||
import { GridDatabase } from "../../../crud/grid/GridDatatable"; |
||||
import { |
||||
Card, |
||||
Button |
||||
} from 'reactstrap'; |
||||
import React from 'react'; |
||||
import { GridDatabase } from '../../../crud/grid/GridDatatable'; |
||||
import { Card, Button } from 'reactstrap'; |
||||
|
||||
const FlightPlanAprvGroupGrid = ({ |
||||
data, |
||||
count, |
||||
selectGroup, |
||||
handlerGroupCancel, |
||||
handleGroupSelect |
||||
}) => { |
||||
const columns = [ |
||||
{ |
||||
// id: 'groupNm',
|
||||
name: '그룹 명', |
||||
selector: 'groupNm', |
||||
minWidth: '102px', |
||||
sortable: true, |
||||
cell: row => <div>{row.groupNm}</div> |
||||
// cell: row => {
|
||||
// return row?.groupNm;
|
||||
// }
|
||||
}, |
||||
{ |
||||
// id: 'groupId',
|
||||
name: '그룹 코드', |
||||
selector: 'groupId', |
||||
minWidth: '102px', |
||||
sortable: true, |
||||
cell: row => <div>{row.groupId}</div> |
||||
}, |
||||
{ |
||||
name: '', |
||||
sortable: true, |
||||
cell: row => { |
||||
return selectGroup?.groupId === row?.groupId ? ( |
||||
<Button.Ripple |
||||
color='danger' |
||||
className='badge badge-danger' |
||||
onClick={() => handlerGroupCancel()} |
||||
> |
||||
선택취소 |
||||
</Button.Ripple> |
||||
) : ( |
||||
<Button.Ripple |
||||
color='primary' |
||||
className='badge badge-primary' |
||||
onClick={() => { |
||||
handleGroupSelect({ |
||||
groupId: row?.groupId, |
||||
groupNm: row?.groupNm, |
||||
groupAuthCd: row?.groupAuthCd |
||||
}); |
||||
}} |
||||
> |
||||
상세보기 |
||||
</Button.Ripple> |
||||
); |
||||
} |
||||
} |
||||
]; |
||||
|
||||
const FlightPlanAprvGroupGrid = ({ data, count, selectGroup, handlerGroupCancel, handleGroupSelect }) => { |
||||
|
||||
const columns = [ |
||||
{id: 'groupNm', name: '그룹 명', minWidth: '102px', cell: row => (<div>{row.groupNm}</div>)}, |
||||
{id: 'groupId', name: '그룹 코드', minWidth: '102px', sortable: true, cell: row => (<div>{row.groupId}</div>)}, |
||||
{sortable: true, cell: row => { |
||||
return selectGroup?.groupId === row?.groupId ? ( |
||||
<Button.Ripple |
||||
color='danger' |
||||
className='badge badge-danger' |
||||
onClick={() => handlerGroupCancel()} |
||||
> |
||||
선택취소 |
||||
</Button.Ripple> |
||||
) : ( |
||||
<Button.Ripple |
||||
color='primary' |
||||
className='badge badge-primary' |
||||
onClick={() => { |
||||
handleGroupSelect({ |
||||
groupId: row?.groupId, |
||||
groupNm: row?.groupNm, |
||||
groupAuthCd: row?.groupAuthCd |
||||
}) |
||||
} |
||||
} |
||||
> |
||||
상세보기 |
||||
</Button.Ripple> |
||||
) |
||||
}} |
||||
]; |
||||
|
||||
return ( |
||||
<> |
||||
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
||||
<div> |
||||
<h4>나의 그룹 목록</h4> |
||||
<span className='search-case'>검색결과 총 {count}건</span> |
||||
</div> |
||||
<div className='d-flex align-items-center'></div> |
||||
</div> |
||||
<div className='invoice-list-wrapper'> |
||||
<Card> |
||||
<div className='invoice-list-dataTable'> |
||||
<GridDatabase |
||||
data={data} |
||||
count={count} |
||||
columns={columns} |
||||
/> |
||||
</div> |
||||
</Card> |
||||
</div> |
||||
</> |
||||
) |
||||
|
||||
} |
||||
return ( |
||||
<> |
||||
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
||||
<div> |
||||
<h4>나의 그룹 목록</h4> |
||||
<span className='search-case'>검색결과 총 {count}건</span> |
||||
</div> |
||||
<div className='d-flex align-items-center'></div> |
||||
</div> |
||||
<div className='invoice-list-wrapper'> |
||||
<Card> |
||||
<div className='invoice-list-dataTable'> |
||||
<GridDatabase data={data} count={count} columns={columns} /> |
||||
</div> |
||||
</Card> |
||||
</div> |
||||
</> |
||||
); |
||||
}; |
||||
|
||||
export default FlightPlanAprvGroupGrid; |
||||
|
Loading…
Reference in new issue