기초정보관리 그룹선택 데이터 분리작업

src/containers/basis/dron/BasisDronContainer.js

@@ -173,12 +173,12 @@ export const BasisDronContainer = props => {
   //   return;
   // };
 
-  useEffect(() => {
-    handlerCancel();
-    // if (selectData) {
-    //   handlerDronSearch();
-    // }
-  }, []);
+  // useEffect(() => {
+  //   handlerCancel();
+  //   // if (selectData) {
+  //   //   handlerDronSearch();
+  //   // }
+  // }, []);
 
   useEffect(() => {
     if (user?.cstmrSno) {

src/containers/basis/group/BasisGroupApprovalContainer.js

@@ -17,7 +17,8 @@ export const BasisGroupApprovalContainer = props => {
     joinListCount,
     groupList,
     groupListCount,
-    selectData,
+    // selectData,
+    aprvSelect,
     total
   } = useSelector(state => state.groupState);
 
@@ -71,7 +72,8 @@ export const BasisGroupApprovalContainer = props => {
       // width: '100px',
       sortable: true,
       cell: row => {
-        return selectData?.groupId === row?.groupId ? (
+        // return selectData?.groupId === row?.groupId ? (
+        return aprvSelect?.groupId === row?.groupId ? (
           <Button.Ripple
             color='danger'
             className='badge badge-danger'
@@ -107,7 +109,10 @@ export const BasisGroupApprovalContainer = props => {
       (user.authId === 'USER' && groupAuthCd === 'MASTER') ||
       (user.authId === 'USER' && aprvlYn === 'Y' && groupAuthCd === 'LEADER')
     ) {
-      dispatch(Actions.SELECT({ groupId: groupId, groupNm: groupNm }));
+      // dispatch(Actions.SELECT({ groupId: groupId, groupNm: groupNm }));
+      dispatch(
+        Actions.GROUP_APRV_SELECT({ groupId: groupId, groupNm: groupNm })
+      );
 
       if (user?.cstmrSno) {
         setParams({
@@ -138,7 +143,8 @@ export const BasisGroupApprovalContainer = props => {
   };
 
   const handlerCancel = () => {
-    dispatch(Actions.SELECT());
+    // dispatch(Actions.SELECT());
+    dispatch(Actions.GROUP_APRV_SELECT());
 
     setParams({
       ...params,
@@ -152,7 +158,8 @@ export const BasisGroupApprovalContainer = props => {
       setParams({
         ...params,
         cstmrSno: user?.cstmrSno,
-        groupId: selectData?.groupId,
+        // groupId: selectData?.groupId,
+        groupId: aprvSelect?.groupId,
         aprvYn: ''
       });
       if (user.authId === 'SUPER' || user.authId === 'ADMIN') {
@@ -161,7 +168,8 @@ export const BasisGroupApprovalContainer = props => {
         dispatch(
           Actions.JOIN_LIST.request({
             cstmrSno: user?.cstmrSno,
-            groupId: selectData?.groupId
+            // groupId: selectData?.groupId
+            groupId: aprvSelect?.groupId
           })
         );
       }
@@ -307,9 +315,9 @@ export const BasisGroupApprovalContainer = props => {
     }
   };
 
-  useEffect(() => {
-    handlerCancel();
-  }, []);
+  // useEffect(() => {
+  //   handlerCancel();
+  // }, []);
 
   const handlerSearch = () => {
     const param = params;
@@ -391,7 +399,8 @@ export const BasisGroupApprovalContainer = props => {
             )}
           </Col>
           <Col sm='12' lg='12'>
-            {!selectData ? (
+            {/* {!selectData ? ( */}
+            {!aprvSelect ? (
               <div className='mt-2 no-dataTable'>
                 그룹 목록에서 상세보기를 클릭하세요.
               </div>

src/containers/basis/group/BasisGroupUsersContainer.js

@@ -16,9 +16,9 @@ export const BasisGroupUsersContainer = props => {
     joinListCount,
     groupList,
     groupListCount,
-    selectData,
+    // selectData,
+    userSelect,
     userCount,
-
     userList,
     count,
     total
@@ -90,7 +90,8 @@ export const BasisGroupUsersContainer = props => {
       name: '',
       sortable: true,
       cell: row => {
-        return selectData?.groupId === row?.groupId ? (
+        // return selectData?.groupId === row?.groupId ? (
+        return userSelect?.groupId === row?.groupId ? (
           <Button.Ripple
             color='danger'
             className='badge badge-danger'
@@ -284,10 +285,10 @@ export const BasisGroupUsersContainer = props => {
     }
   ];
 
-  useEffect(() => {
-    // handlerSearch();
-    handlerCancel();
-  }, []);
+  // useEffect(() => {
+  //   // handlerSearch();
+  //   handlerCancel();
+  // }, []);
 
   const handlerSearch = () => {
     if (params.cstmrSno && user?.cstmrSno) {
@@ -312,7 +313,8 @@ export const BasisGroupUsersContainer = props => {
         dispatch(
           Actions.JOIN_LIST.request({
             cstmrSno: user.cstmrSno,
-            groupId: selectData?.groupId
+            // groupId: selectData?.groupId
+            groupId: userSelect?.groupId
           })
         );
       }
@@ -326,7 +328,8 @@ export const BasisGroupUsersContainer = props => {
 
   const handlerDetail = (groupId, groupNm, groupAuthCd, aprvlYn) => {
     //권한 상관없이 조회 가능
-    dispatch(Actions.SELECT({ groupId: groupId, groupNm, groupNm }));
+    // dispatch(Actions.SELECT({ groupId: groupId, groupNm, groupNm }));
+    dispatch(Actions.GROUP_USER_SELECT({ groupId: groupId, groupNm, groupNm }));
     const param = params;
     param.groupId = groupId;
     param.memberNm = '';
@@ -340,7 +343,8 @@ export const BasisGroupUsersContainer = props => {
   };
 
   const handlerCancel = () => {
-    dispatch(Actions.SELECT());
+    // dispatch(Actions.SELECT());
+    dispatch(Actions.GROUP_USER_SELECT());
     setParams({
       ...params,
       groupId: '',
@@ -473,7 +477,7 @@ export const BasisGroupUsersContainer = props => {
           </Col>
           {/* <Col sm='12'> */}
           <Col sm='12' lg='12'>
-            {selectData ? (
+            {userSelect ? (
               <>
                 <BasisGroupUsersSearch
                   handlerInput={handlerInput}
@@ -498,7 +502,8 @@ export const BasisGroupUsersContainer = props => {
           </Col>
           {/* <Col sm='12'> */}
           <Col sm='12' lg='12'>
-            {selectData ? (
+            {/* {selectData ? ( */}
+            {userSelect ? (
               <BasisGroupUsersGrid
                 data={userList}
                 title={'사용자'}

src/modules/basis/group/actions/basisGroupAction.ts

@@ -104,6 +104,8 @@ const GROUP_MAIN_LIST_FAILURE = 'basis/group/GROUP_MAIN_LIST_FAILURE';
 
 //그룹 선택
 const SELECT_GROUP = 'basis/group/SELECT_GROUP';
+const APRV_GROUP_SELECT = 'basis/group/APRV_GROUP_SELECT';
+const USER_GROUP_SELECT = 'basis/group/USER_GROUP_SELECT';
 
 export const MY_LIST = createAsyncAction(
   MY_LIST_REQUEST,
@@ -221,6 +223,8 @@ export const USER_DELEGATE = createAsyncAction(
 )<UserGroupState, string, AxiosError>();
 
 export const SELECT = createAction(SELECT_GROUP)<SelectData>();
+export const GROUP_APRV_SELECT = createAction(APRV_GROUP_SELECT)<SelectData>();
+export const GROUP_USER_SELECT = createAction(USER_GROUP_SELECT)<SelectData>();
 
 const actions = {
   MY_LIST,
@@ -241,7 +245,10 @@ const actions = {
   USER_DELEGATE,
   GROUP_MYLIST,
   GROUP_MAIN_LIST,
-  SELECT
+
+  SELECT,
+  GROUP_APRV_SELECT,
+  GROUP_USER_SELECT
 };
 
 export type GroupAction = ActionType<typeof actions>;

src/modules/basis/group/models/basisGroupModel.ts

@@ -8,7 +8,6 @@ export interface GroupState {
   groupList: GroupData[] | undefined;
   aprvList: AprvGroupData[] | undefined;
   userList: UserGroupData[] | undefined;
-  selectData: SelectData | undefined;
   groupId: string | '';
   newGroupId: String | '';
   searchParams: string | '';
@@ -23,6 +22,10 @@ export interface GroupState {
   groupListCount: number | 0;
   aprvCount: number | 0;
   userCount: number | 0;
+
+  selectData: SelectData | undefined;
+  aprvSelect: SelectData | undefined;
+  userSelect: SelectData | undefined;
 }
 
 export interface GroupSearchData {
@@ -123,6 +126,8 @@ export const initGroup = {
   searchParams: '',
   error: undefined,
   selectData: undefined,
+  aprvSelect: undefined,
+  userSelect: undefined,
   page: 1,
   total: 0,
   count: 0

src/modules/basis/group/reducers/basisGroupReducer.ts

@@ -106,4 +106,16 @@ export const groupReducer = createReducer<GroupState, Actions.GroupAction>(
       const selectData = action.payload;
       draft.selectData = selectData;
     })
+  )
+  .handleAction(Actions.GROUP_APRV_SELECT, (state, action) =>
+    produce(state, draft => {
+      const selectData = action.payload;
+      draft.aprvSelect = selectData;
+    })
+  )
+  .handleAction(Actions.GROUP_USER_SELECT, (state, action) =>
+    produce(state, draft => {
+      const selectData = action.payload;
+      draft.userSelect = selectData;
+    })
   );