노승철
2 years ago
8 changed files with 237 additions and 68 deletions
@ -0,0 +1,67 @@ |
|||||||
|
import React, {} from 'react'; |
||||||
|
import { GridDatabase } from "../../../crud/grid/GridDatatable"; |
||||||
|
import { |
||||||
|
Card, |
||||||
|
Button |
||||||
|
} from 'reactstrap'; |
||||||
|
|
||||||
|
|
||||||
|
const FlightPlanGroupGrid = ({ 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> |
||||||
|
</> |
||||||
|
) |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
export default FlightPlanGroupGrid; |
Loading…
Reference in new issue