기체정보 검색기능 추가

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 }) => {
+const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft, onClickEvent, setInputVal, returnArcrft }) => {
     const columns = [
         {id: 'groupNm', name: '그룹 명', cell: row => (<div>{row.groupNm}</div>)},
         {id: 'arcrftModelNm', name: '모델 명', cell: row => (<div>{row.arcrftModelNm}</div>)},
@@ -34,7 +34,7 @@ const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft }) => {
                             <Button.Ripple
                                 color='primary'
                                 size='sm'
-                                // onClick={handleClickSearch}
+                                onClick={onClickEvent}
                             >
                                 <Search size={16}/>
                                 검색
@@ -58,7 +58,7 @@ const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft }) => {
                                                             id='ownerNm'
                                                             name='ownerNm'
                                                             // value={props.params.groupNm}
-                                                            // onChange={props.handlerInput}
+                                                            onChange={(e) => {setInputVal(e.target.value)}}
                                                             bsSize='sm'
                                                             // onKeyPress={props.onKeyPress}
                                                             placeholder='소유자 명을 입력하세요'
@@ -85,15 +85,15 @@ const FlightPlanArcrft = ({ arcrftList, handleSelectArcrft }) => {
                     <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'>검색결과 총 {!!arcrftList ? arcrftList.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={arcrftList}
-                                    count={arcrftList ? arcrftList.length : 0}
+                                    data={[returnArcrft]}
+                                    count={returnArcrft ? [returnArcrft].length : 0}
                                     columns={columns}
                                     // pagination={props.pagination}
                                 />

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

@@ -7,7 +7,8 @@ import * as Actions from '../../../../modules/basis/flight/actions/basisFlightAc
 const FlightPlanArcrftContainer = ({handleModal, type}) => {
     const dispatch = useDispatch();
     const { arcrftList } = useSelector(state => state.flightState);
-
+    const [returnArcrft, setReturnArcrft] = useState('');
+    const [inputVal , setInputVal] = useState('');
 
     /* 기체 조회 */
     const handleSearch = () => {
@@ -33,11 +34,39 @@ const FlightPlanArcrftContainer = ({handleModal, type}) => {
         handleSearch();
     }, [])
 
+    const onClickEvent= (e)=> {
+        setInputVal(e.target.value);
+        
+        onTest();
+    }
+    useEffect(()=> {
+        console.log('>>>>')
+        if(arcrftList) {
+            onTest();
+        }
+        },[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(unit)
+            }else if (inputVal != ''){
+                setReturnArcrft('')
+               }
+         })
+    }
     
     return (
         <FlightPlanArcrft
             arcrftList = {arcrftList}
             handleSelectArcrft={handleSelectArcrft}
+            returnArcrft={returnArcrft}
+            setInputVal={setInputVal}
+            onClickEvent={onClickEvent}
         />
     )
 }

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

@@ -39,7 +39,7 @@ const FlightPlanPilotContainer = ({handleModal, type}) => {
             if(pilotList) {
                 onTest();
             }
-    },[pilotList])
+          },[pilotList])
 
 
 
@@ -47,7 +47,6 @@ const FlightPlanPilotContainer = ({handleModal, type}) => {
         setInputVal(e.target.value);
         
         onTest();
-        setInputVal('');
     }
 
     const onTest = () => {
@@ -57,7 +56,7 @@ const FlightPlanPilotContainer = ({handleModal, type}) => {
             if(inputVal==''){
              setReturnPilot(unit)
             }else if(unit.memberName.includes(inputVal)){
-                //이부분 문제있어서 임시로 inputVal값과 동일한 값을 넣어둠... 해결해야함...
+                //이부분 문제있어서 임시로 inputVal값과 동일한 값을 넣어둠... 해결해야함...아악
              setReturnPilot(unit)
             }else if (inputVal != ''){
              setReturnPilot('')