junh_eee
2 years ago
1 changed files with 0 additions and 178 deletions
@ -1,178 +0,0 @@ |
|||||||
import React, {useEffect, useState} from 'react'; |
|
||||||
import {Col, Row, Button} from 'reactstrap'; |
|
||||||
import {CustomMainLayout} from '../../../../components/layout/CustomMainLayout'; |
|
||||||
import moment from 'moment/moment'; |
|
||||||
import FlightPlanAprvSearch from '../../../../components/basis/flight/aprv/FlightPlanAprvSearch'; |
|
||||||
import FlightPlanAprvGrid from '../../../../components/basis/flight/aprv/FlightPlanAprvGrid'; |
|
||||||
import FlightPlanGrid from '../../../../components/basis/flight/plan/FlightPlanGrid'; |
|
||||||
import {useDispatch, useSelector, shallowEqual} from 'react-redux'; |
|
||||||
import * as FlightAction from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
||||||
import {useHistory} from 'react-router-dom'; |
|
||||||
import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid'; |
|
||||||
import { JOIN_LIST } from '../../../../modules/basis/group/actions/basisGroupAction'; |
|
||||||
|
|
||||||
const initSearchData = { |
|
||||||
schFltStDt: moment().set({'date': 1, 'h': 0, 'm': 0, 's': 0}).format('YYYY-MM-DD HH:mm:ss'), |
|
||||||
schFltEndDt: moment().set({'h': 23, 'm': 59, 's': 59}).format('YYYY-MM-DD HH:mm:ss'), |
|
||||||
aprvlYn: 'N', |
|
||||||
groupId: '', |
|
||||||
cstmrSno: 0, |
|
||||||
}; |
|
||||||
|
|
||||||
|
|
||||||
const FlightPlanAprvContainer_Df = () => { |
|
||||||
const dispatch = useDispatch(); |
|
||||||
const history = useHistory(); |
|
||||||
const [searchData, setSearchData] = useState(initSearchData); |
|
||||||
const [selPlanSnoList, setSelPlanSnoList] = useState([]); |
|
||||||
const {list: aprvList, aprvProc, selectGroup} = useSelector(state => state.flightState); |
|
||||||
const { joinList, joinListCount } = useSelector(state => state.groupState); |
|
||||||
const { user } = useSelector(state => state.authState, shallowEqual); |
|
||||||
|
|
||||||
|
|
||||||
const handleGroupSelect = ({ groupId, groupNm, groupAuthCd }) => { |
|
||||||
// 권한 상관 없이 모두 조회 가능
|
|
||||||
const param = searchData; |
|
||||||
|
|
||||||
param.cstmrSno = user.cstmrSno; |
|
||||||
param.groupId = groupId; |
|
||||||
|
|
||||||
dispatch(FlightAction.FLIGHT_PLAN_GROUP_SELECT( {cstmrSno: user.cstmrSno, groupId: groupId, groupNm: groupNm} )); |
|
||||||
|
|
||||||
// groupId sessionStorage에 보관 (1 브라우저 1 tab에만 유효)
|
|
||||||
sessionStorage.setItem('groupId', groupId); |
|
||||||
sessionStorage.setItem('cstmrSno', user.cstmrSno); |
|
||||||
|
|
||||||
setSearchData(prevState => { |
|
||||||
return { |
|
||||||
...prevState, |
|
||||||
cstmrSno: user.cstmrSno, |
|
||||||
groupId: groupId |
|
||||||
} |
|
||||||
}); |
|
||||||
|
|
||||||
dispatch(FlightAction.FLIGHT_PLAN_LIST.request(param)); |
|
||||||
} |
|
||||||
|
|
||||||
const handlerGroupCancel = () => { |
|
||||||
dispatch(FlightAction.FLIGHT_PLAN_GROUP_SELECT( {cstmrSno: 0, groupId: '', groupNm: ''} )); |
|
||||||
} |
|
||||||
|
|
||||||
|
|
||||||
const handleMoveDetail = (id) => { |
|
||||||
history.push(`/basis/flight/plan/detail/${id}`) |
|
||||||
} |
|
||||||
|
|
||||||
const columns = [ |
|
||||||
{id: 'planSno', name: '번호', cell: (row, i) => (<div>{i + 1}</div>)}, |
|
||||||
{id: 'fltPurpose', name: '비행목적', cell: row => (<div>{row.fltPurpose}</div>)}, |
|
||||||
{ |
|
||||||
id: 'fltMethod', name: '비행방식', cell: row => { |
|
||||||
const displayName = row.areaList && row.areaList.length > 0 && row.areaList[0].fltMethod || '-'; |
|
||||||
return <div>{displayName}</div> |
|
||||||
} |
|
||||||
}, |
|
||||||
{id: 'schFltStDt', name: '출발일', cell: row => (<div>{row.schFltStDt}</div>)}, |
|
||||||
{id: 'aprvlYn', name: '승인여부', cell: row => (<div>{row.aprvlYn}</div>)}, |
|
||||||
{ |
|
||||||
id: 'moveDetail', name: '상세보기', cell: row => { |
|
||||||
return <Button.Ripple color='primary' size='sm' onClick={() => { |
|
||||||
handleMoveDetail(row.planSno)} |
|
||||||
}>상세</Button.Ripple>; |
|
||||||
} |
|
||||||
} |
|
||||||
]; |
|
||||||
|
|
||||||
// 최초 비행계획서 목록 조회
|
|
||||||
useEffect(() => { |
|
||||||
handleSearch(searchData); |
|
||||||
}, []) |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
if (user?.cstmrSno) { |
|
||||||
dispatch( |
|
||||||
JOIN_LIST.request({ |
|
||||||
cstmrSno: user?.cstmrSno |
|
||||||
}) |
|
||||||
); |
|
||||||
} |
|
||||||
}, [user]) |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
console.log(aprvProc) |
|
||||||
if (aprvProc && aprvProc.result > 0) { |
|
||||||
handleSearch(searchData); |
|
||||||
} |
|
||||||
}, [aprvProc]) |
|
||||||
|
|
||||||
|
|
||||||
const handleSearch = (data) => { |
|
||||||
dispatch(FlightAction.FLIGHT_APRV_LIST.request(data)); |
|
||||||
} |
|
||||||
const handleChangeSearchData = (values) => { |
|
||||||
setSearchData(prevState => ({ |
|
||||||
...prevState, |
|
||||||
...values |
|
||||||
})) |
|
||||||
} |
|
||||||
const handleChangeSelected = ({selectedRows}) => { |
|
||||||
setSelPlanSnoList(selectedRows.map(item => item.planSno)) |
|
||||||
} |
|
||||||
const handleClickAprv = (type) => (e) => { |
|
||||||
// notAprov, aprv
|
|
||||||
// console.log(type, selPlanSnoList, e)
|
|
||||||
if (!selPlanSnoList || selPlanSnoList.length < 1) { |
|
||||||
alert('비행계획서를 선택해주세요.'); |
|
||||||
return; |
|
||||||
} |
|
||||||
; |
|
||||||
const sendData = { |
|
||||||
planSnoList: [...selPlanSnoList], |
|
||||||
aprvlYn: type === 'aprv' ? 'Y' : 'N' |
|
||||||
} |
|
||||||
dispatch(FlightAction.FLIGHT_APRV_PROC.request(sendData)); |
|
||||||
} |
|
||||||
|
|
||||||
return ( |
|
||||||
<CustomMainLayout title={"비행계획서 승인"}> |
|
||||||
<div className='pal-card-box'> |
|
||||||
<Row> |
|
||||||
<Col sm='4'> |
|
||||||
<FlightPlanGroupGrid |
|
||||||
data = {joinList} |
|
||||||
count = {joinListCount} |
|
||||||
selectGroup = {selectGroup} |
|
||||||
handleGroupSelect = {handleGroupSelect} |
|
||||||
handlerGroupCancel = {handlerGroupCancel} |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
<Col sm='8'> |
|
||||||
{selectGroup.cstmrSno !==0 ? ( |
|
||||||
<> |
|
||||||
<FlightPlanAprvSearch |
|
||||||
searchData={searchData} |
|
||||||
handleChangeSearchData={handleChangeSearchData} |
|
||||||
handleSearch={handleSearch} |
|
||||||
/> |
|
||||||
<FlightPlanAprvGrid |
|
||||||
data={aprvList} |
|
||||||
columns={columns} |
|
||||||
handleChangeSelected={handleChangeSelected} |
|
||||||
handleClickAprv={handleClickAprv} |
|
||||||
joinList={joinList} |
|
||||||
selectGroup={selectGroup} |
|
||||||
/> |
|
||||||
</> |
|
||||||
) : ( |
|
||||||
<div className='no-dataTable'> |
|
||||||
나의 그룹 목록에서 상세보기를 클릭하세요. |
|
||||||
</div> |
|
||||||
)} |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
</CustomMainLayout> |
|
||||||
) |
|
||||||
} |
|
||||||
|
|
||||||
export default FlightPlanAprvContainer_Df; |
|
Loading…
Reference in new issue