pav
/
pav-fe-kac
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat/운항과 관제과 로직 변경

master
sanguu516 1 month ago
parent
886def3c5b
commit
8f2ddc437f
4 changed files with 203 additions and 151 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 89
      src/components/flight/ControlApprovalsTable.js
  2. 12
      src/components/flight/NewFlightApprovalsReport.js
  3. 90
      src/components/flight/OperationApprovalsTable.js
  4. 31
      src/components/flight/OperationCheckBoxModal.js

89
src/components/flight/ControlApprovalsTable.js
Unescape View File

@ -88,6 +88,7 @@ export default function ControlApprovalsTable(props) {
dtl: record.dtl, dtl: record.dtl,
era: record.era, era: record.era,
rm: record.rm, rm: record.rm,
reqRadius: record.reqRadius,
...record ...record
}); });
setEditingKey(record.key); setEditingKey(record.key);
@ -112,7 +113,8 @@ export default function ControlApprovalsTable(props) {
fltElev: row.fltElev || '', fltElev: row.fltElev || '',
dtl: row.dtl || '', dtl: row.dtl || '',
era: row.era || '', era: row.era || '',
rm: row.rm || '' rm: row.rm || '',
reqRadius: row.reqRadius || ''
} }
]) ])
); );
@ -544,12 +546,14 @@ export default function ControlApprovalsTable(props) {
width: '130px', width: '130px',
render: (areaList, record) => render: (areaList, record) =>
areaList.length <= 1 ? ( areaList.length <= 1 ? (
areaList[0].reviewedType === 'U' ? ( areaList[0].reviewedType === 'R' ? (
'검토불필요'
) : areaList[0].reviewedType === 'R' ? (
'검토완료' '검토완료'
) : areaList[0].reviewedType === 'W' ? ( ) : areaList[0].reviewedType === 'C' ? (
'검토대기' '검토요청취소'
) : areaList[0].reviewedType === 'Q' ? (
'검토요청'
) : areaList[0].reviewedType === 'A' ? (
'검토재요청'
) : ( ) : (
<Button color='flat-dark' onClick={() => handleIsModal(record)}> <Button color='flat-dark' onClick={() => handleIsModal(record)}>
<> <>
@ -812,12 +816,14 @@ export default function ControlApprovalsTable(props) {
align: 'center', align: 'center',
width: '130px', width: '130px',
render: (text, record) => { render: (text, record) => {
return text === 'U' ? ( return text === 'R' ? (
'검토불필요'
) : text === 'R' ? (
'검토완료' '검토완료'
) : text === 'W' ? ( ) : text === 'C' ? (
'검토대기' '검토요청취소'
) : text === 'Q' ? (
'검토요청'
) : text === 'A' ? (
'검토재요청'
) : ( ) : (
<Button color='flat-dark' onClick={() => handleIsModal(record)}> <Button color='flat-dark' onClick={() => handleIsModal(record)}>
<> <>
@ -1212,40 +1218,58 @@ export default function ControlApprovalsTable(props) {
} }
}; };
// 체크박스 업데이트 함수 // 체크박스 핸들러
const handleCheckbox = async () => { const handleCheckbox = async type => {
if (checkList.length === 0) { if (checkList.length === 0) {
return handlerErrorModal( return handlerErrorModal('검토 실패', '검토 항목을 선택해주세요.', false);
'검토 실패',
'검토할 항목을 선택해주세요.',
false
);
} }
try {
const planAreaSnoList = [ const planAreaSnoList = [
...new Set( ...new Set(
checkList checkList
.filter(item => item.startsWith('child_')) // 'child_'로 시작하는 항목 필터링 .filter(item => item.startsWith('child_'))
.map(item => item.split('_').pop()) // 마지막 언더바 이후의 숫자 추출 .map(item => item.split('_').pop())
) )
]; ];
dispatch(
updateLaancAprvReview({ planAreaSnoList, reviewedType: 'R' }) const res = laancAprvList.flatMap(item =>
).then(() => { item.areaList.filter(area =>
planAreaSnoList.includes(area.planAreaSno.toString())
)
);
// 검토 완료, 요청 반려 조건 확인
const checkCondition =
type === 'R'
? item => item.reviewedType !== 'Q'
: item => item.reviewedType !== 'R';
// 에러 메시지
const errorMessages = {
R: ['검토 완료', '확인결과 대기인 신청건만 검토완료 요청이 가능합니다.'],
C: ['요청 반려', '확인결과 대기인 신청건만 요청반려 요청이 가능합니다.']
};
// 검토 완료, 요청 반려 조건 확인
if (res.some(checkCondition)) {
return handlerErrorModal(...errorMessages[type]);
}
// 요청 성공 호출
try {
await dispatch(
updateLaancAprvReview({ planAreaSnoList, reviewedType: type })
);
props.handlerSearch( props.handlerSearch(
props.filterId, props.filterId,
{ { startDate: props.startDate, endDate: props.endDate },
startDate: props.startDate,
endDate: props.endDate
},
props.filterArea props.filterArea
); );
});
setCheckList([]); setCheckList([]);
} catch (error) { } catch (error) {
return handlerErrorModal( return handlerErrorModal(
'검토 실패', '검토 실패',
'검토를 실패하였습니다. 다시 시도해주세요.', '검토 요청을 실패하였습니다. 다시 시도해주세요.',
false false
); );
} }
@ -1274,9 +1298,12 @@ export default function ControlApprovalsTable(props) {
</span> </span>
</div> </div>
<div className='download'> <div className='download'>
<Button color='primary' size='sm' onClick={() => handleCheckbox()}> <Button color='primary' size='sm' onClick={() => handleCheckbox('R')}>
검토 완료 검토 완료
</Button> </Button>
<Button color='primary' size='sm' onClick={() => handleCheckbox('C')}>
요청 반려
</Button>
<Button <Button
color='primary' color='primary'
size='sm' size='sm'

12
src/components/flight/NewFlightApprovalsReport.js
Unescape View File

@ -1,6 +1,14 @@
import { useState, useEffect, useRef } from 'react'; import { useState, useEffect, useRef } from 'react';
import Flatpickr from 'react-flatpickr'; import Flatpickr from 'react-flatpickr';
import { Button, Input, CustomInput, Col, Row, FormGroup, Label } from '@component/ui'; import {
Button,
Input,
CustomInput,
Col,
Row,
FormGroup,
Label
} from '@component/ui';
import { Search, Calendar } from 'react-feather'; import { Search, Calendar } from 'react-feather';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { import {
@ -82,7 +90,7 @@ export default function NewFlightApprovalsReport(props) {
<div className='list-input'> <div className='list-input'>
<div className='layer-content'> <div className='layer-content'>
<FormGroup> <FormGroup>
<Label for=''>신청번호</Label> <Label for='filterId'>신청번호</Label>
<Input <Input
type='text' type='text'
bsSize='sm' bsSize='sm'

90
src/components/flight/OperationApprovalsTable.js
Unescape View File

@ -104,6 +104,8 @@ export default function OperationApprovalsTable(props) {
text = '검토완료'; text = '검토완료';
} else if (type === 'W') { } else if (type === 'W') {
text = '검토대기'; text = '검토대기';
} else if (type === 'Q') {
text = '검토요청';
} else if (type === 'C') { } else if (type === 'C') {
text = '검토취소'; text = '검토취소';
} }
@ -498,6 +500,8 @@ export default function OperationApprovalsTable(props) {
counts.unapproved += 1; counts.unapproved += 1;
} else if (item.reviewedType === 'R') { } else if (item.reviewedType === 'R') {
counts.reviewed += 1; counts.reviewed += 1;
} else if (item.reviewedType === 'Q') {
counts.request += 1;
} else if (item.reviewedType === 'W') { } else if (item.reviewedType === 'W') {
counts.wait += 1; counts.wait += 1;
} else if (item.reviewedType === 'C') { } else if (item.reviewedType === 'C') {
@ -505,7 +509,7 @@ export default function OperationApprovalsTable(props) {
} }
return counts; return counts;
}, },
{ reviewed: 0, wait: 0, cancel: 0, unapproved: 0 } { reviewed: 0, wait: 0, cancel: 0, unapproved: 0, request: 0 }
); );
return ( return (
@ -514,7 +518,10 @@ export default function OperationApprovalsTable(props) {
<> <>
검토완료: {approvalCounts.reviewed}건 <br /> 검토완료: {approvalCounts.reviewed}건 <br />
검토대기:{approvalCounts.wait}건 <br /> 검토대기:{approvalCounts.wait}건 <br />
검토취소: 검토요청:
{approvalCounts.request}건
<br />
검토요청취소:
{approvalCounts.cancel}건 {approvalCounts.cancel}건
<br /> <br />
검토불필요: 검토불필요:
@ -765,7 +772,9 @@ export default function OperationApprovalsTable(props) {
: text === 'R' : text === 'R'
? '검토완료' ? '검토완료'
: text === 'C' : text === 'C'
? '검토취소' ? '검토요청취소'
: text === 'Q'
? '검토요청'
: '검토대기'; : '검토대기';
} }
}, },
@ -944,6 +953,7 @@ export default function OperationApprovalsTable(props) {
dtl: record.dtl, dtl: record.dtl,
era: record.era, era: record.era,
rm: record.rm, rm: record.rm,
reqRadius: record.reqRadius,
...record ...record
}); });
setEditingKey(record.key); setEditingKey(record.key);
@ -968,7 +978,8 @@ export default function OperationApprovalsTable(props) {
fltElev: row.fltElev || '', fltElev: row.fltElev || '',
dtl: row.dtl || '', dtl: row.dtl || '',
era: row.era || '', era: row.era || '',
rm: row.rm || '' rm: row.rm || '',
reqRadius: row.reqRadius || ''
} }
]) ])
); );
@ -1211,64 +1222,54 @@ export default function OperationApprovalsTable(props) {
// 체크박스 업데이트 함수 // 체크박스 업데이트 함수
const handleCheckbox = async type => { const handleCheckbox = async type => {
if (checkList.length === 0) { if (checkList.length === 0) {
return handlerErrorModal( return handlerErrorModal('검토 실패', '검토 항목을 선택해주세요.', false);
type === 'R' ? '재 요청 요청 실패' : '검토 요청 실패',
type === 'R'
? '재 요청 항목을 선택해주세요.'
: '검토 항목을 선택해주세요.',
false
);
} }
const planAreaSnoList = [ const planAreaSnoList = [
...new Set( ...new Set(
checkList checkList
.filter(item => item.startsWith('child_')) // 'child_'로 시작하는 항목 필터링 .filter(item => item.startsWith('child_'))
.map(item => item.split('_').pop()) // 마지막 언더바 이후의 숫자 추출 .map(item => item.split('_').pop())
) )
]; ];
// res에서 planAreaSnoList에 해당하는 데이터만 추출 2차원 배열 말고 1차원 배열로 추출
const res = laancAprvList.flatMap(item => const res = laancAprvList.flatMap(item =>
item.areaList.filter(area => item.areaList.filter(area =>
planAreaSnoList.includes(area.planAreaSno.toString()) planAreaSnoList.includes(area.planAreaSno.toString())
) )
); );
if (type === 'A') { // 검토 요청, 재 요청 조건
const check = !res.some(item => item.approvalCd !== 'R'); const checkCondition = {
if (!check) { A: item => item.reviewedType !== 'R',
return handlerErrorModal( Q: item => item.reviewedType !== 'W'
};
// 요청 실패 시 에러 메시지
const errorMessages = {
A: [
'재 요청 요청 실패', '재 요청 요청 실패',
'검토결과 완료인 신청건만 재 요청이 가능합니다.' '검토결과 완료인 신청건만 재 요청이 가능합니다.'
); ],
} else { Q: ['검토 요청 실패', '검토결과 대기인 신청건만 요청이 가능합니다.']
};
// 요청 성공 시 액션 핸들러
const actionHandlers = {
A: () => {
setCheckData(res); setCheckData(res);
setIsCheckBoxModal(true); setIsCheckBoxModal(true);
} },
} else if (type === 'R') { Q: async () => {
const check = res.some(
item => item.approvalCd !== 'R' && item.approvalCd !== 'C'
);
if (!check) {
return handlerErrorModal(
'검토 요청 실패',
'검토결과 대기인 신청건만 요청이 가능합니다.'
);
} else {
try { try {
dispatch( await dispatch(
updateLaancAprvReview({ planAreaSnoList, reviewedType: 'R' }) updateLaancAprvReview({ planAreaSnoList, reviewedType: 'Q' })
).then(() => { );
props.handlerSearch( props.handlerSearch(
props.filterId, props.filterId,
{ { startDate: props.startDate, endDate: props.endDate },
startDate: props.startDate,
endDate: props.endDate
},
props.filterArea props.filterArea
); );
});
setCheckList([]); setCheckList([]);
} catch (error) { } catch (error) {
return handlerErrorModal( return handlerErrorModal(
@ -1278,8 +1279,17 @@ export default function OperationApprovalsTable(props) {
); );
} }
} }
};
// 요청 실패 시 에러 메시지 핸들러
if (res.some(checkCondition[type])) {
return handlerErrorModal(...errorMessages[type]);
} }
// 요청 성공 시 액션 핸들러 실행
await actionHandlers[type]();
}; };
return ( return (
<div className='layer-content'> <div className='layer-content'>
<div className='layer-ti'> <div className='layer-ti'>
@ -1324,7 +1334,7 @@ export default function OperationApprovalsTable(props) {
</span> </span>
</div> </div>
<div className='download'> <div className='download'>
<Button color='primary' size='sm' onClick={() => handleCheckbox('R')}> <Button color='primary' size='sm' onClick={() => handleCheckbox('Q')}>
검토 요청 검토 요청
</Button> </Button>
<Button color='primary' size='sm' onClick={() => handleCheckbox('A')}> <Button color='primary' size='sm' onClick={() => handleCheckbox('A')}>

31
src/components/flight/OperationCheckBoxModal.js
Unescape View File

@ -100,6 +100,8 @@ export default function OperationCheckBoxModal(props) {
}; };
const handleConfirm = async () => { const handleConfirm = async () => {
try {
// 필수값 체크
if (tempDataSource.filter(item => !item.reviewedReason).length > 0) { if (tempDataSource.filter(item => !item.reviewedReason).length > 0) {
return props.handlerErrorModal( return props.handlerErrorModal(
'필수값 입력 오류', '필수값 입력 오류',
@ -107,19 +109,23 @@ export default function OperationCheckBoxModal(props) {
false false
); );
} }
const planAreaSnoList = tempDataSource.map(item => item.planAreaSno); const planAreaSnoList = tempDataSource.map(item => item.planAreaSno);
dispatch(updateLaancAprv(tempDataSource)) // 첫 번째 비동기 요청 - 완료될 때까지 기다립니다.
.then(updateRes => { const updateRes = await dispatch(updateLaancAprv(tempDataSource));
if (updateRes.meta.requestStatus === 'fulfilled') {
return dispatch( // 첫 번째 요청이 성공적으로 완료되었는지 확인
updateLaancAprvReview({ planAreaSnoList, reviewedType: 'A' }) if (updateRes.meta.requestStatus !== 'fulfilled') {
);
} else {
throw new Error('요청 처리에 실패했습니다.'); throw new Error('요청 처리에 실패했습니다.');
} }
})
.then(() => { // 두 번째 비동기 요청 - 첫 번째 요청이 성공했을 때만 실행됩니다.
await dispatch(
updateLaancAprvReview({ planAreaSnoList, reviewedType: 'A' })
);
// 두 요청이 모두 성공했을 때 후속 작업
props.handlerSearch( props.handlerSearch(
props.filterId, props.filterId,
{ {
@ -130,15 +136,16 @@ export default function OperationCheckBoxModal(props) {
); );
props.handlerErrorModal('성공', '재검토 요청이 완료되었습니다.', false); props.handlerErrorModal('성공', '재검토 요청이 완료되었습니다.', false);
props.setIsCheckBoxModal(false); props.setIsCheckBoxModal(false);
}) } catch (err) {
.catch(err => { // 에러 발생 시 처리
props.handlerErrorModal( props.handlerErrorModal(
'실패', '실패',
'재검토 요청을 실패하였습니다. 다시 시도해주세요.', '재검토 요청을 실패하였습니다. 다시 시도해주세요.',
true true
); );
}); }
}; };
const defaultColumns = [ const defaultColumns = [
{ {
title: ( title: (

Write Preview
Loading…
Cancel
Save