노승철
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