승인관리 - 컴포넌트 간격 수정

src/components/basis/group/BasisGroupApprovalGrid.js

@@ -23,10 +23,11 @@ import { ExcelExportButton } from '../../crud/excel/ExcelExportButton';
 
 export const BasisGroupApprovalGrid = props => {
   return (
-    <div className='pal-card-box'>
+    // <div className='pal-card-box'>
-      <Row>
+    //   <Row>
-        <Col>
+    //     <Col>
-          <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
+    <>
+      <div className='mt-2 cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
         <div>
           <h4>{props.title} 목록</h4>
           <span className='search-case'>검색결과 총 {props.count}건</span>
@@ -54,8 +55,9 @@ export const BasisGroupApprovalGrid = props => {
           </div>
         </Card>
       </div>
-        </Col>
+    </>
-      </Row>
+    //     </Col>
-    </div>
+    //   </Row>
+    // </div>
   );
 };

src/components/basis/group/BasisGroupApprovalSearch.js

@@ -51,13 +51,13 @@ export const BasisGroupApprovalSearch = props => {
   // }, [isCheckBox]);
   let aprvYn = 'A';
   const initCheckState = {
-    'all': aprvYn == 'A',
+    all: aprvYn == 'A',
-    'yes': (aprvYn == 'Y' || aprvYn == 'A'),
+    yes: aprvYn == 'Y' || aprvYn == 'A',
-    'no': (aprvYn == 'N' || aprvYn == 'A'),
+    no: aprvYn == 'N' || aprvYn == 'A'
-  }
+  };
   const [checkState, setCheckState] = useState(initCheckState);
 
-  const handleChangeCheckbox = (e) => {
+  const handleChangeCheckbox = e => {
     const { name, value, checked } = e.target;
     let val;
     switch (value) {
@@ -66,50 +66,51 @@ export const BasisGroupApprovalSearch = props => {
         props.setParams({
           ...props.params,
           aprvYn: val
-        })
+        });
         setCheckState({
-          'all': checked,
+          all: checked,
-          'yes': checked,
+          yes: checked,
-          'no': checked
+          no: checked
-        })
+        });
         break;
       case 'Y':
-        if (checked && checkState.no) val = ''
+        if (checked && checkState.no) val = '';
-        else if (checked && !checkState.no) val = 'Y'
+        else if (checked && !checkState.no) val = 'Y';
-        else if (!checked && checkState.no) val = 'N'
+        else if (!checked && checkState.no) val = 'N';
-        else if (!checked && !checkState.no) val = '-'
+        else if (!checked && !checkState.no) val = '-';
         props.setParams({
           ...props.params,
           aprvYn: val
-        })
+        });
         setCheckState(prevState => ({
-          'all': prevState.no && checked,
+          all: prevState.no && checked,
-          'yes': checked,
+          yes: checked,
-          'no': prevState.no
+          no: prevState.no
-        }))
+        }));
         break;
       case 'N':
-        if (checked && checkState.yes) val = ''
+        if (checked && checkState.yes) val = '';
-        else if (checked && !checkState.yes) val = 'N'
+        else if (checked && !checkState.yes) val = 'N';
-        else if (!checked && checkState.yes) val = 'Y'
+        else if (!checked && checkState.yes) val = 'Y';
-        else if (!checked && !checkState.yes) val = '-'
+        else if (!checked && !checkState.yes) val = '-';
         props.setParams({
           ...props.params,
           aprvYn: val
-        })
+        });
         setCheckState(prevState => ({
-          'all': prevState.yes && checked,
+          all: prevState.yes && checked,
-          'yes': prevState.yes,
+          yes: prevState.yes,
-          'no': checked
+          no: checked
-        }))
+        }));
         break;
       default:
         break;
     }
-  }
+  };
 
   return (
-    <div className='pal-card-box'>
+    // <div className='pal-card-box'>
+    <div>
       <Row>
         <Col>
           <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>