페이지 이동 시 나의그룹 목록 초기화

src/components/basis/flight/aprv/FlightPlanAprvGroupGrid.js

@@ -1,67 +1,83 @@
-import React, {} from 'react';
-import { GridDatabase } from "../../../crud/grid/GridDatatable";
-import {
-    Card,
-    Button
-} from 'reactstrap';
+import React from 'react';
+import { GridDatabase } from '../../../crud/grid/GridDatatable';
+import { Card, Button } from 'reactstrap';
 
+const FlightPlanAprvGroupGrid = ({
+  data,
+  count,
+  selectGroup,
+  handlerGroupCancel,
+  handleGroupSelect
+}) => {
+  const columns = [
+    {
+      // id: 'groupNm',
+      name: '그룹 명',
+      selector: 'groupNm',
+      minWidth: '102px',
+      sortable: true,
+      cell: row => <div>{row.groupNm}</div>
+      // cell: row => {
+      //   return row?.groupNm;
+      // }
+    },
+    {
+      // id: 'groupId',
+      name: '그룹 코드',
+      selector: 'groupId',
+      minWidth: '102px',
+      sortable: true,
+      cell: row => <div>{row.groupId}</div>
+    },
+    {
+      name: '',
+      sortable: true,
+      cell: row => {
+        return selectGroup?.groupId === row?.groupId ? (
+          <Button.Ripple
+            color='danger'
+            className='badge badge-danger'
+            onClick={() => handlerGroupCancel()}
+          >
+            선택취소
+          </Button.Ripple>
+        ) : (
+          <Button.Ripple
+            color='primary'
+            className='badge badge-primary'
+            onClick={() => {
+              handleGroupSelect({
+                groupId: row?.groupId,
+                groupNm: row?.groupNm,
+                groupAuthCd: row?.groupAuthCd
+              });
+            }}
+          >
+            상세보기
+          </Button.Ripple>
+        );
+      }
+    }
+  ];
 
-const FlightPlanAprvGroupGrid = ({ data, count, selectGroup, handlerGroupCancel, handleGroupSelect }) => {
-
-    const columns = [
-        {id: 'groupNm', name: '그룹 명', minWidth: '102px', cell: row => (<div>{row.groupNm}</div>)},
-        {id: 'groupId', name: '그룹 코드', minWidth: '102px', sortable: true, cell: row => (<div>{row.groupId}</div>)},
-        {sortable: true, cell: row => {
-            return selectGroup?.groupId === row?.groupId ? (
-                <Button.Ripple
-                    color='danger'
-                    className='badge badge-danger'
-                    onClick={() => handlerGroupCancel()}
-                >
-                    선택취소
-                </Button.Ripple>
-            ) : (
-                <Button.Ripple
-                    color='primary'
-                    className='badge badge-primary'
-                    onClick={() => {
-                        handleGroupSelect({
-                            groupId: row?.groupId,
-                            groupNm: row?.groupNm,
-                            groupAuthCd: row?.groupAuthCd
-                        })
-                    }
-                    }
-                >
-                    상세보기
-                </Button.Ripple>
-            )
-        }}
-    ];
-
-    return (
-        <>
-            <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
-                <div>
-                    <h4>나의 그룹 목록</h4>
-                    <span className='search-case'>검색결과 총 {count}건</span>
-                </div>
-                <div className='d-flex align-items-center'></div>
-            </div>
-            <div className='invoice-list-wrapper'>
-                <Card>
-                    <div className='invoice-list-dataTable'>
-                        <GridDatabase
-                            data={data}
-                            count={count}
-                            columns={columns}
-                        />
-                    </div>
-                </Card>
-            </div>
-        </>
-    )
-
-}
+  return (
+    <>
+      <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
+        <div>
+          <h4>나의 그룹 목록</h4>
+          <span className='search-case'>검색결과 총 {count}건</span>
+        </div>
+        <div className='d-flex align-items-center'></div>
+      </div>
+      <div className='invoice-list-wrapper'>
+        <Card>
+          <div className='invoice-list-dataTable'>
+            <GridDatabase data={data} count={count} columns={columns} />
+          </div>
+        </Card>
+      </div>
+    </>
+  );
+};
 
 export default FlightPlanAprvGroupGrid;

src/containers/basis/dron/BasisDronContainer.js

@@ -141,6 +141,7 @@ export const BasisDronContainer = props => {
   ];
 
   useEffect(() => {
+    handlerCancel();
     if (selectData) {
       handlerDronSearch();
     }

src/containers/basis/flight/aprv/FlightPlanAprvContainer.js

@@ -11,6 +11,7 @@ import { useHistory } from 'react-router-dom';
 import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid';
 import { JOIN_LIST } from '../../../../modules/basis/group/actions/basisGroupAction';
 import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
+import FlightPlanAprvGroupGrid from '../../../../components/basis/flight/aprv/FlightPlanAprvGroupGrid';
 
 const initSearchData = {
   schFltStDt: moment()
@@ -133,6 +134,7 @@ const FlightPlanAprvContainer = () => {
 
   // 최초 비행계획서 목록 조회
   useEffect(() => {
+    handlerGroupCancel();
     // handleSearch(searchData);
   }, []);
   useEffect(() => {
@@ -208,7 +210,7 @@ const FlightPlanAprvContainer = () => {
                         />
                     </Col> */}
           <Col sm='4'>
-            <FlightPlanGroupGrid
+            <FlightPlanAprvGroupGrid
               data={joinList}
               count={joinListCount}
               selectGroup={selectGroup}
@@ -231,6 +233,7 @@ const FlightPlanAprvContainer = () => {
                   joinList={joinList}
                   selectGroup={selectGroup}
                   handleChangeSelected={handleChangeSelected}
+                  handleMoveDetail={handleMoveDetail}
                 />
               </>
             ) : (

src/containers/basis/flight/plan/FlightPlanContainer.js

@@ -114,6 +114,10 @@ const FlightPlanContainer = () => {
     }
   }, [user]);
 
+  useEffect(() => {
+    handlerGroupCancel();
+  }, []);
+
   return (
     <CustomMainLayout title={'비행계획서 신청'}>
       <div className='pal-card-box'>