|
|
@ -1,8 +1,10 @@ |
|
|
|
|
|
|
|
import { useEffect, useState } from 'react'; |
|
|
|
import { useSelector, useDispatch } from 'react-redux'; |
|
|
|
import { useSelector, useDispatch } from 'react-redux'; |
|
|
|
import { useHistory } from 'react-router-dom'; |
|
|
|
import { useHistory } from 'react-router-dom'; |
|
|
|
import { GridDatabase } from '@src/components/crud/grid/GridDatatable'; |
|
|
|
import { GridDatabase } from '@src/components/crud/grid/GridDatatable'; |
|
|
|
import { Row, Col, Card, Button, Spinner } from 'reactstrap'; |
|
|
|
import { Row, Col, Card, Button, Spinner, Modal } from 'reactstrap'; |
|
|
|
import * as LaancAction from '../../modules/laanc/actions/laancActions'; |
|
|
|
import * as LaancAction from '../../modules/laanc/actions/laancActions'; |
|
|
|
|
|
|
|
import LaancStep2 from './LaancStep2'; |
|
|
|
import moment from 'moment'; |
|
|
|
import moment from 'moment'; |
|
|
|
|
|
|
|
|
|
|
|
const data = [ |
|
|
|
const data = [ |
|
|
@ -36,23 +38,33 @@ function LaancGrid() { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const history = useHistory(); |
|
|
|
const history = useHistory(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const [disabledAnimation, setDisabledAnimation] = useState(false); |
|
|
|
|
|
|
|
|
|
|
|
const { scheduleList } = useSelector(state => state.flightState); |
|
|
|
const { scheduleList } = useSelector(state => state.flightState); |
|
|
|
const { laancSearchData } = useSelector(state => state.laancState); |
|
|
|
const { laancSearchData } = useSelector(state => state.laancState); |
|
|
|
const { loading } = useSelector(state => state.loadingReducer); |
|
|
|
const { loading } = useSelector(state => state.loadingReducer); |
|
|
|
|
|
|
|
const { laancDetail } = useSelector(state => state.laancState); |
|
|
|
const fillZero = (width, str) => { |
|
|
|
const fillZero = (width, str) => { |
|
|
|
return str.length >= width |
|
|
|
return str.length >= width |
|
|
|
? str |
|
|
|
? str |
|
|
|
: new Array(width - str.length + 1).join('0') + str; //남는 길이만큼 0으로 채움
|
|
|
|
: new Array(width - str.length + 1).join('0') + str; //남는 길이만큼 0으로 채움
|
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
if (laancDetail) setDisabledAnimation(true); |
|
|
|
|
|
|
|
}, [laancDetail]); |
|
|
|
|
|
|
|
|
|
|
|
//상세보기
|
|
|
|
//상세보기
|
|
|
|
const handleDetail = planSno => { |
|
|
|
const handleDetail = planSno => { |
|
|
|
dispatch(LaancAction.LAANC_DETAIL.request(planSno)); |
|
|
|
dispatch(LaancAction.LAANC_DETAIL.request(planSno)); |
|
|
|
|
|
|
|
|
|
|
|
// history.push('/basis/flight/plan/create');
|
|
|
|
// history.push('/basis/flight/plan/create');
|
|
|
|
// to={`/basis/flight/plan/detail/${row.planSno}?type=plan`}
|
|
|
|
// to={`/basis/flight/plan/detail/${row.planSno}?type=plan`}
|
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const handlerLaancClose = () => { |
|
|
|
|
|
|
|
setDisabledAnimation(false); |
|
|
|
|
|
|
|
}; |
|
|
|
const columns = [ |
|
|
|
const columns = [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '비행계획서 일련 번호', |
|
|
|
name: '비행계획서 일련 번호', |
|
|
@ -213,6 +225,23 @@ function LaancGrid() { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
|
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
|
|
|
|
<Modal |
|
|
|
|
|
|
|
isOpen={disabledAnimation} |
|
|
|
|
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
|
|
|
|
className='modal-dialog-centered laanc-modal' |
|
|
|
|
|
|
|
fade={false} |
|
|
|
|
|
|
|
backdrop={false} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<LaancStep2 |
|
|
|
|
|
|
|
data={laancDetail} |
|
|
|
|
|
|
|
type={'detail'} |
|
|
|
|
|
|
|
disabledAnimation={disabledAnimation} |
|
|
|
|
|
|
|
setDisabledAnimation={setDisabledAnimation} |
|
|
|
|
|
|
|
handlerLaancClose={handlerLaancClose} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|