|
|
@ -23,7 +23,8 @@ import { setLogout } from '@src/redux/features/account/auth/authThunk'; |
|
|
|
import logo from '../../assets/images/logo/kac_logo_ icon.svg'; |
|
|
|
import logo from '../../assets/images/logo/kac_logo_ icon.svg'; |
|
|
|
import { AiOutlinePoweroff } from 'react-icons/ai'; |
|
|
|
import { AiOutlinePoweroff } from 'react-icons/ai'; |
|
|
|
import WebsocketClient from '../../components/websocket/WebsocketClient'; |
|
|
|
import WebsocketClient from '../../components/websocket/WebsocketClient'; |
|
|
|
import { Card, ButtonGroup, Button } from '@component/ui'; |
|
|
|
import { Card, ButtonGroup, Button, Modal, ModalHeader, ModalBody, ModalFooter, Table } from '@component/ui'; |
|
|
|
|
|
|
|
import { FiUsers, FiFileText } from "react-icons/fi"; |
|
|
|
|
|
|
|
|
|
|
|
export default function NewFlightApprovalsContainer({ mode }) { |
|
|
|
export default function NewFlightApprovalsContainer({ mode }) { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
@ -334,9 +335,191 @@ export default function NewFlightApprovalsContainer({ mode }) { |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const [testModal, setTestModal] = useState(false); |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<div className='map' style={{ width: '100%' }}> |
|
|
|
<div className='map' style={{ width: '100%' }}> |
|
|
|
|
|
|
|
<div className='test_modal'> |
|
|
|
|
|
|
|
<Button |
|
|
|
|
|
|
|
color='primary' |
|
|
|
|
|
|
|
size='lg' |
|
|
|
|
|
|
|
onClick={() => setTestModal(!testModal)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
test |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Modal |
|
|
|
|
|
|
|
isOpen={testModal} |
|
|
|
|
|
|
|
toggle={() => setTestModal(!testModal)} |
|
|
|
|
|
|
|
className='modal-dialog-centered modal-lg' |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<ModalHeader toggle={() => setTestModal(!testModal)}> |
|
|
|
|
|
|
|
유효성 검사 상세보기 |
|
|
|
|
|
|
|
</ModalHeader> |
|
|
|
|
|
|
|
<ModalBody className='onestop-validation'> |
|
|
|
|
|
|
|
<div className='pal-table-warp'> |
|
|
|
|
|
|
|
<h5 className='table-ti'><FiFileText />기체 정보</h5> |
|
|
|
|
|
|
|
<div className='pal-table'> |
|
|
|
|
|
|
|
<Table responsive> |
|
|
|
|
|
|
|
<thead> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th width='80'>No</th> |
|
|
|
|
|
|
|
<th width='120'>유효성 검사</th> |
|
|
|
|
|
|
|
<th>제작 번호</th> |
|
|
|
|
|
|
|
<th>기체 용도</th> |
|
|
|
|
|
|
|
<th>기체 중량</th> |
|
|
|
|
|
|
|
<th>보험 가입</th> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</thead> |
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>1</td> |
|
|
|
|
|
|
|
<td width='120' className='success'>성공</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='success'>가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='fail'>미 가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='fail'>미 가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='fail'>미 가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='fail'>미 가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='fail'>미 가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>163CGBEROA529Y</td> |
|
|
|
|
|
|
|
<td>영리</td> |
|
|
|
|
|
|
|
<td>25kg이하</td> |
|
|
|
|
|
|
|
<td className='fail'>미 가입</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</tbody> |
|
|
|
|
|
|
|
</Table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='pal-table-warp'> |
|
|
|
|
|
|
|
<h5 className='table-ti'><FiUsers/>조종자 정보</h5> |
|
|
|
|
|
|
|
<div className='pal-table'> |
|
|
|
|
|
|
|
<Table> |
|
|
|
|
|
|
|
<thead> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th width='80'>No</th> |
|
|
|
|
|
|
|
<th width='120'>유효성 검사</th> |
|
|
|
|
|
|
|
<th>이름</th> |
|
|
|
|
|
|
|
<th>생년 월일</th> |
|
|
|
|
|
|
|
<th>자격 번호</th> |
|
|
|
|
|
|
|
<th>조종 자격</th> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</thead> |
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>1</td> |
|
|
|
|
|
|
|
<td width='120' className='success'>성공</td> |
|
|
|
|
|
|
|
<td>홍*동</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='success'>여</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>김*혜</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='fail'>부</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>김*혜</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='fail'>부</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>김*혜</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='fail'>부</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>김*혜</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='fail'>부</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>김*혜</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='fail'>부</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td width='80'>2</td> |
|
|
|
|
|
|
|
<td width='120' className='fail'>실패</td> |
|
|
|
|
|
|
|
<td>김*혜</td> |
|
|
|
|
|
|
|
<td>1995****</td> |
|
|
|
|
|
|
|
<td>91-****12</td> |
|
|
|
|
|
|
|
<td className='fail'>부</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</tbody> |
|
|
|
|
|
|
|
</Table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</ModalBody> |
|
|
|
|
|
|
|
<ModalFooter> |
|
|
|
|
|
|
|
<Button |
|
|
|
|
|
|
|
color='primary' |
|
|
|
|
|
|
|
onClick={() => setTestModal(!testModal)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
확인 |
|
|
|
|
|
|
|
</Button>{' '} |
|
|
|
|
|
|
|
</ModalFooter> |
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div className='main-data'> |
|
|
|
<div className='main-data'> |
|
|
|
<div className='data-box-btn'> |
|
|
|
<div className='data-box-btn'> |
|
|
|
<Card> |
|
|
|
<Card> |
|
|
|