From df14112e48f7f112b2bd2c4f7e08dcbc59d8bacc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?qkr7828=28=EB=B0=95=EC=9E=AC=EC=9A=B0=29?=
 <qkr7828@palnet.co.kr>
Date: Tue, 9 Aug 2022 11:50:50 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B8=B0=EC=B2=B4=EA=B2=80=EC=83=89=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../basis/flight/plan/FlightPlanArcrft.js     | 10 ++--
 .../flight/plan/FlightPlanArcrftContainer.js  | 51 ++++++++-----------
 .../flight/plan/FlightPlanPilotContainer.js   |  2 +-
 3 files changed, 27 insertions(+), 36 deletions(-)

diff --git a/src/components/basis/flight/plan/FlightPlanArcrft.js b/src/components/basis/flight/plan/FlightPlanArcrft.js
index 5ed285f6..7cf45df6 100644
--- a/src/components/basis/flight/plan/FlightPlanArcrft.js
+++ b/src/components/basis/flight/plan/FlightPlanArcrft.js
@@ -3,7 +3,7 @@ import {Button, Card, CardBody, Col, CustomInput, Row, FormGroup, Input, Label}
 import {Search} from 'react-feather';
 import {GridDatabase} from '../../../crud/grid/GridDatatable';
 
-const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft, onClickEvent, inputVal, returnArcrft,onChange }) => {
+const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft, onClickEvent, name, returnArcrft,onChange }) => {
     const columns = [
         {id: 'groupNm', name: '그룹 명', cell: row => (<div>{row.groupNm}</div>)},
         {id: 'arcrftModelNm', name: '모델 명', cell: row => (<div>{row.arcrftModelNm}</div>)},
@@ -57,7 +57,7 @@ const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft, onClickEvent, inputV
                                                             type='text'
                                                             id='ownerNm'
                                                             name='ownerNm'
-                                                            value={inputVal}
+                                                            value={name}
                                                             onChange={onChange}
                                                             bsSize='sm'
                                                             // onKeyPress={props.onKeyPress}
@@ -85,15 +85,15 @@ const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft, onClickEvent, inputV
                     <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'>검색결과 총 {!!returnArcrft ? [returnArcrft].length : 0}건</span>
+                            <span className='search-case'>검색결과 총 {!!returnArcrft ? returnArcrft.length : 0}건</span>
                         </div>                        
                     </div>
                     <div className='invoice-list-wrapper'>
                         <Card>
                             <div className='invoice-list-dataTable'>
                                 <GridDatabase                                    
-                                    data={[returnArcrft]}
-                                    count={returnArcrft ? [returnArcrft].length : 0}
+                                    data={returnArcrft}
+                                    count={returnArcrft ? returnArcrft.length : 0}
                                     columns={columns}
                                     // pagination={props.pagination}
                                 />
diff --git a/src/containers/basis/flight/plan/FlightPlanArcrftContainer.js b/src/containers/basis/flight/plan/FlightPlanArcrftContainer.js
index d7096047..49ffde70 100644
--- a/src/containers/basis/flight/plan/FlightPlanArcrftContainer.js
+++ b/src/containers/basis/flight/plan/FlightPlanArcrftContainer.js
@@ -8,7 +8,7 @@ const FlightPlanArcrftContainer = ({handleModal, type}) => {
     const dispatch = useDispatch();
     const { arcrftList } = useSelector(state => state.flightState);
     const [returnArcrft, setReturnArcrft] = useState('');
-    const [inputVal , setInputVal] = useState('');
+    const [name , setName] = useState('');
 
     /* 기체 조회 */
     const handleSearch = () => {
@@ -34,44 +34,35 @@ const FlightPlanArcrftContainer = ({handleModal, type}) => {
         handleSearch();
     }, [])
 
-    const onClickEvent= (e)=> {
-        setInputVal(e.target.value);
-        
-        onTest();
-        setInputVal('');
+
+    useEffect(() => {
+        setReturnArcrft(arcrftList)
+    }, [arcrftList])
+
+    const onChange =(e) =>{
+       setName(e.target.value);
     }
-    const onChange = (e) => {
-        setInputVal(e.target.value);
-      };
-    useEffect(()=> {
-        console.log('>>>>')
-        if(arcrftList) {
-            onTest();
+    
+    const onClickEvent = () => {
+        
+        const filterArcrft = arcrftList.filter(arcrft => arcrft.ownerNm.toLowerCase().includes(name.toLowerCase()));
+
+        if (name === '') {                        
+            const resetArcrfts = arcrftList;
+            setReturnArcrft(resetArcrfts)
+        } else {
+            setReturnArcrft(filterArcrft)
         }
-        },[arcrftList])
-    const onTest = () => {
-        console.log(arcrftList)
-        const [MATCHVALUE] = arcrftList.filter((unit) =>
-        unit.ownerNm.includes(inputVal));
-        arcrftList.filter((unit) =>{
-            if(inputVal==''){
-                setReturnArcrft(unit)
-            }else if(unit.ownerNm.includes(inputVal)){
-                setReturnArcrft(MATCHVALUE)
-            }else if (inputVal != ''){
-                setReturnArcrft('')
-               }
-         })
-    }
+    
+    };
     
     return (
         <FlightPlanArcrft
             arcrftList = {arcrftList}
             handleSelectArcrft={handleSelectArcrft}
             returnArcrft={returnArcrft}
-            setInputVal={setInputVal}
             onClickEvent={onClickEvent}
-            inputVal={inputVal}
+            name={name}
             onChange={onChange}
         />
     )
diff --git a/src/containers/basis/flight/plan/FlightPlanPilotContainer.js b/src/containers/basis/flight/plan/FlightPlanPilotContainer.js
index f58efd79..572d4b3b 100644
--- a/src/containers/basis/flight/plan/FlightPlanPilotContainer.js
+++ b/src/containers/basis/flight/plan/FlightPlanPilotContainer.js
@@ -46,7 +46,7 @@ const FlightPlanPilotContainer = ({ handleModal, type }) => {
     
     const onClickEvent = () => {
         
-        const filterPilot = pilotList.filter(pilot => pilot.memberName.includes(name));
+        const filterPilot = pilotList.filter(pilot => pilot.memberName.toLowerCase().includes(name.toLowerCase()));
 
         if (name === '') {                        
             const resetPilots = pilotList;