8 changed files with 243 additions and 11 deletions
@ -0,0 +1,137 @@
|
||||
import React from 'react'; |
||||
import {Button, Card, CardBody, Col, CustomInput, Row, FormGroup, Input, Label} from 'reactstrap'; |
||||
import {Search} from 'react-feather'; |
||||
import {GridDatabase} from '../../../crud/grid/GridDatatable'; |
||||
|
||||
const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft }) => { |
||||
const columns = [ |
||||
{id: 'groupNm', name: '그룹 명', cell: row => (<div>{row.groupNm}</div>)}, |
||||
{id: 'arcrftModelNm', name: '모델 명', cell: row => (<div>{row.arcrftModelNm}</div>)}, |
||||
{id: 'idntfTypeCd', name: '종류', cell: row => (<div>{row.idntfTypeCd}</div>)}, |
||||
{id: 'ownerNm', name: '소유자 명', cell: row => (<div>{row.ownerNm}</div>)}, |
||||
{id: 'idntfNum', name: '식별 코드', cell: row => (<div>{row.idntfNum}</div>)}, |
||||
{ |
||||
id: 'selectPilot', name: '선택', cell: row => { |
||||
return <Button.Ripple color='primary' size='sm' onClick={() => { |
||||
handleSelectArcrft(row.arcrftSno)
|
||||
} |
||||
}>선택</Button.Ripple>; |
||||
}
|
||||
} |
||||
]; |
||||
|
||||
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>검색조건</h4> |
||||
</div> |
||||
<div className='d-flex align-items-center'> |
||||
<Button.Ripple |
||||
color='primary' |
||||
size='sm' |
||||
// onClick={handleClickSearch}
|
||||
> |
||||
<Search size={16}/> |
||||
검색 |
||||
</Button.Ripple> |
||||
</div> |
||||
</div> |
||||
<Card> |
||||
<CardBody className='pal-card-body'> |
||||
<div className='search-cont'> |
||||
<dl>
|
||||
<dt> |
||||
<div className='search-box'> |
||||
<div className='search-list-ti'>그룹 명</div> |
||||
<div className='search-list'> |
||||
<div className='search-list-cont'> |
||||
<Row> |
||||
<Col className='list-input' xl='4' md='4' sm='12'> |
||||
<FormGroup className='form-label-group'> |
||||
<Input |
||||
type='text' |
||||
id='groupNm' |
||||
name='groupNm' |
||||
// value={props.params.groupNm}
|
||||
// onChange={props.handlerInput}
|
||||
size='sm' |
||||
// onKeyPress={props.onKeyPress}
|
||||
placeholder='그룹명을 입력하세요' |
||||
/> |
||||
<Label for='test'>그룹 명</Label> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className='search-box'> |
||||
<div className='search-list-ti'>소유자 명</div> |
||||
<div className='search-list'> |
||||
<div className='search-list-cont'> |
||||
<Row> |
||||
<Col className='list-input' xl='4' md='4' sm='12'> |
||||
<FormGroup className='form-label-group'> |
||||
<Input |
||||
type='text' |
||||
id='ownerNm' |
||||
name='ownerNm' |
||||
// value={props.params.groupNm}
|
||||
// onChange={props.handlerInput}
|
||||
size='sm' |
||||
// onKeyPress={props.onKeyPress}
|
||||
placeholder='소유자 명을 입력하세요' |
||||
/> |
||||
<Label for='test'>소유자 명</Label> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</dt> |
||||
</dl> |
||||
</div> |
||||
</CardBody> |
||||
</Card> |
||||
|
||||
</Col> |
||||
</Row> |
||||
</div> |
||||
<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>기체 목록</h4> |
||||
<span className='search-case'>검색결과 총 {!!arcrftList ? arcrftList.length : 0}건</span> |
||||
</div> |
||||
</div> |
||||
<div className='invoice-list-wrapper'> |
||||
<Card> |
||||
<div className='invoice-list-dataTable'> |
||||
<GridDatabase |
||||
title={'조종사목록'} |
||||
data={arcrftList} |
||||
// count={0}
|
||||
columns={columns} |
||||
// pagination={props.pagination}
|
||||
/> |
||||
{/* 검색된 데이터가 없습니다. */} |
||||
</div> |
||||
</Card> |
||||
</div> |
||||
</Col> |
||||
</Row> |
||||
</div> |
||||
</> |
||||
) |
||||
|
||||
} |
||||
|
||||
export default FlightPlanArcrft; |
||||
@ -0,0 +1,42 @@
|
||||
import React, {useEffect, useState} from 'react'; |
||||
import {useDispatch, useSelector} from 'react-redux'; |
||||
import FlightPlanArcrft from '../../../../components/basis/flight/plan/FlightPlanArcrft'; |
||||
import * as Actions from '../../../../modules/basis/flight/actions/basisFlightAction'; |
||||
// import FlightPlanPilot from '../../../../components/basis/flight/plan/FlightPlanPilot';
|
||||
|
||||
const FlightPlanArcrftContainer = ({handleModal, type}) => { |
||||
const dispatch = useDispatch(); |
||||
const { arcrftList } = useSelector(state => state.flightState); |
||||
|
||||
|
||||
/* 기체 조회 */ |
||||
const handleSearch = () => { |
||||
// group id 하드코딩
|
||||
dispatch(Actions.FLIGHT_PLAN_ARCRFT_LIST.request("D1682A")); |
||||
} |
||||
|
||||
/* 기체 선택 */ |
||||
const handleSelectArcrft = (arcrftSno) => { |
||||
handleModal({target: 'arcrft', isOpen: false}); |
||||
|
||||
const arcrft = arcrftList.find(arcrft => { |
||||
return arcrft.arcrftSno === arcrftSno; |
||||
});
|
||||
/* 기체 정보 Redux 저장 */ |
||||
dispatch(Actions.ARCRFT_SELECT(arcrft)); |
||||
} |
||||
|
||||
useEffect(() => { |
||||
handleSearch(); |
||||
}, []) |
||||
|
||||
|
||||
return ( |
||||
<FlightPlanArcrft |
||||
arcrftList = {arcrftList} |
||||
handleSelectArcrft={handleSelectArcrft} |
||||
/> |
||||
) |
||||
} |
||||
|
||||
export default FlightPlanArcrftContainer; |
||||
Loading…
Reference in new issue