feat/ 관제과 비행승인목록 변경감지시 새로고침

src/components/flight/ControlApprovalsTable.js

@@ -16,6 +16,7 @@ import {
 import { ConfirmModal } from '@component/modal/ConfirmModal';
 import { ERROR_MESSAGE, ERROR_TITLE } from '@src/configs/msgConst';
 import ScrollContainer from 'react-indiana-drag-scroll';
+import { clientRefreshAprvListParam } from '@src/redux/features/laanc/laancSlice';
 
 export default function ControlApprovalsTable(props) {
   const dispatch = useDispatch();
@@ -54,6 +55,15 @@ export default function ControlApprovalsTable(props) {
 
   const [currentPlanAreaSno, setCurrentPlanAreaSno] = useState(null);
 
+  useEffect(() => {
+    dispatch(
+      clientRefreshAprvListParam({
+        searchStDt: props.startDate,
+        searchEndDt: props.endDate
+      })
+    );
+  }, []);
+
   useEffect(() => {
     let approvalCdValue = { S: 0, F: 0, C: 0, U: 0 };
 
@@ -94,7 +104,6 @@ export default function ControlApprovalsTable(props) {
     handleSave,
     ...restProps
   }) => {
-    console.log('record>>>', record);
     // 저장 이벤트
     const save = async () => {
       try {

src/components/flight/OperationApprovalsTable.js

@@ -74,7 +74,6 @@ export default function OperationApprovalsTable(props) {
   }, []);
 
   useEffect(() => {
-    console.log(laancAprvList, '----list');
     let approvalCdValue = { S: 0, F: 0, C: 0, U: 0 };
 
     laancAprvList?.map(item => {

src/components/websocket/WebsocketClient.js

@@ -49,8 +49,6 @@ const WebsocketClient = () => {
       const data = e.data;
 
       const key = JSON.parse(data);
-
-      console.log(key, '-------');
       dispatch(getLaancAprvList({ ...laancAprvParamRef.current }));
     };
   };

src/containers/flight/ControlApprovalsContainer.js

@@ -17,7 +17,8 @@ import { useHistory } from 'react-router-dom';
 import useMapType from '@hooks/useMapType';
 import {
   clientSaveAreaCoordinateList,
-  clientChangeDrawType
+  clientChangeDrawType,
+  clientRefreshAprvListParam
 } from '@src/redux/features/laanc/laancSlice';
 import { MapControl } from '../../components/map/MapControl';
 import { clientSetIsMapLoading } from '@src/redux/features/laanc/laancSlice';
@@ -233,25 +234,26 @@ export default function ControlApprovalsContainer({ mode }) {
     setStartDate(searchDate.startDate);
     setEndDate(searchDate.endDate);
 
-    dispatch(
-      getLaancAprvList({
-        searchStDt: searchDate.startDate,
-        searchEndDt: searchDate.endDate,
-        ctprvn: filterArea.ctprvn === '시/도' ? '' : filterArea.ctprvn,
-        sig: filterArea.sig === '군/구' ? '' : filterArea.sig,
-        address: filterArea.address,
-        limitZoneCd:
-          checkState.limitZoneNm === '전체' ? '' : checkState.limitZoneNm,
-        ...(search !== '' ? { applyNo: search } : {}),
-        ...(checkState.reviewedType !== '전체'
-          ? { reviewedType: checkState.reviewedType }
-          : {}),
-        ...(checkState.reviewedProcType !== '전체'
-          ? { reviewedProcType: checkState.reviewedProcType }
-          : {})
-      })
-    );
-    // );
+    const param = {
+      searchStDt: searchDate.startDate,
+      searchEndDt: searchDate.endDate,
+      ctprvn: filterArea.ctprvn === '시/도' ? '' : filterArea.ctprvn,
+      sig: filterArea.sig === '군/구' ? '' : filterArea.sig,
+      address: filterArea.address,
+      limitZoneCd:
+        checkState.limitZoneNm === '전체' ? '' : checkState.limitZoneNm,
+      ...(search !== '' ? { applyNo: search } : {}),
+      ...(checkState.reviewedType !== '전체'
+        ? { reviewedType: checkState.reviewedType }
+        : {}),
+      ...(checkState.reviewedProcType !== '전체'
+        ? { reviewedProcType: checkState.reviewedProcType }
+        : {})
+    };
+
+    dispatch(getLaancAprvList(param));
+    dispatch(clientRefreshAprvListParam(param));
+
     setFilter(search);
   };
 

src/containers/flight/OperationApprovalsContainer.js

@@ -276,43 +276,26 @@ export default function OperationApprovalsContainer({ mode }) {
     setStartDate(searchDate.startDate);
     setEndDate(searchDate.endDate);
 
-    dispatch(
-      getLaancAprvList({
-        searchStDt: searchDate.startDate,
-        searchEndDt: searchDate.endDate,
-        ctprvn: filterArea.ctprvn === '시/도' ? '' : filterArea.ctprvn,
-        sig: filterArea.sig === '군/구' ? '' : filterArea.sig,
-        address: filterArea.address,
-        limitZoneCd:
-          checkState.limitZoneNm === '전체' ? '' : checkState.limitZoneNm,
-        ...(search !== '' ? { applyNo: search } : {}),
-        ...(checkState.reviewedType !== '전체'
-          ? { reviewedType: checkState.reviewedType }
-          : {}),
-        ...(checkState.reviewedProcType !== '전체'
-          ? { reviewedProcType: checkState.reviewedProcType }
-          : {})
-      })
-    );
+    const param = {
+      searchStDt: searchDate.startDate,
+      searchEndDt: searchDate.endDate,
+      ctprvn: filterArea.ctprvn === '시/도' ? '' : filterArea.ctprvn,
+      sig: filterArea.sig === '군/구' ? '' : filterArea.sig,
+      address: filterArea.address,
+      limitZoneCd:
+        checkState.limitZoneNm === '전체' ? '' : checkState.limitZoneNm,
+      ...(search !== '' ? { applyNo: search } : {}),
+      ...(checkState.reviewedType !== '전체'
+        ? { reviewedType: checkState.reviewedType }
+        : {}),
+      ...(checkState.reviewedProcType !== '전체'
+        ? { reviewedProcType: checkState.reviewedProcType }
+        : {})
+    };
+
+    dispatch(getLaancAprvList(param));
+    dispatch(clientRefreshAprvListParam(param));
 
-    dispatch(
-      clientRefreshAprvListParam({
-        searchStDt: searchDate.startDate,
-        searchEndDt: searchDate.endDate,
-        ctprvn: filterArea.ctprvn === '전체' ? '' : filterArea.ctprvn,
-        sig: filterArea.sig === '전체' ? '' : filterArea.sig,
-        address: filterArea.address,
-        limitZoneCd:
-          checkState.limitZoneNm === '전체' ? '' : checkState.limitZoneNm,
-        ...(search !== '' ? { applyNo: search } : {}),
-        ...(checkState.reviewedType !== '전체'
-          ? { reviewedType: checkState.reviewedType }
-          : {}),
-        ...(checkState.reviewedProcType !== '전체'
-          ? { reviewedProcType: checkState.reviewedProcType }
-          : {})
-      })
-    );
     setFilter(search);
   };