비행계획서 - readOnly처리

src/components/basis/flight/plan/FlightPlanForm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import {
     Card,
     CardBody,
@@ -18,11 +18,11 @@ import { FlightPlanModal } from './FlightPlanModal';
 import FlightPlanArcrftContainer from '../../../../containers/basis/flight/plan/FlightPlanArcrftContainer';
 import FlightPlanAreaContainer from '../../../../containers/basis/flight/plan/FlightPlanAreaContainer';
 import { X } from 'react-feather';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 
 
 const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDelete, modal, handleDeleteArray }) => {
-    const {areaList, pilotList, arcrftList} = data;
+  const {areaList, pilotList, arcrftList} = data;
 
     return (
         <Row>
@@ -520,31 +520,6 @@ const AreaForm = ({data, handleChange, index}) => {
 const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
     return (<div className='search-info-box'>
         <Row>
-            <Col className='list-input' lg={3} md={6} sm={12}>
-                <FormGroup>
-                    <Label for='test'>
-                        <span className='necessary'>*</span>그룹 명
-                    </Label>
-                    <Input
-                        type='text'
-                        id='groupNm'
-                        name='groupNm'
-                        // defaultValue={data.groupNm}
-                        value={data.groupNm}
-                        bsSize='sm'
-                        placeholder=''
-                        onChange={(e) => {
-                            const {name, value} = e.target;
-                            handleChange({
-                                type: 'pilot',
-                                name,
-                                value,
-                                index
-                            })
-                        }}
-                    />
-                </FormGroup>
-            </Col>
             <Col className='list-input' lg={3} md={6} sm={12}>
                 <FormGroup>
                     <Label for='test'>
@@ -567,6 +542,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                                 index
                             })
                         }}
+                        readOnly
 
                     />
                 </FormGroup>
@@ -615,6 +591,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                                     index
                                 })
                             }}
+                            readOnly
 
                         />
                     </div>
@@ -642,6 +619,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                                 index
                             })
                         }}
+                        readOnly
 
                     />
                 </FormGroup>
@@ -678,14 +656,14 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
             <Col className='list-input' lg={3} md={6} sm={12}>
                 <FormGroup>
                     <Label for='test'>
-                        <span className='necessary'>*</span>그룹 명
+                        <span className='necessary'>*</span>식별코드
                     </Label>
                     <Input
                         type='text'
                         id='groupNm'
                         name='groupNm'
-                        // defaultValue={data.groupNm}
-                        value={data.groupNm}
+                        // defaultValue={data.idntfNum}
+                        value={data.idntfNum}
                         bsSize='sm'
                         placeholder=''
                         onChange={(e) => {
@@ -697,6 +675,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                                 index
                             })
                         }}
+                        readOnly
 
                     />
                 </FormGroup>
@@ -723,6 +702,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                                 index
                             })
                         }}
+                        readOnly
 
                     />
                 </FormGroup>
@@ -749,6 +729,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                                 index
                             })
                         }}
+                        readOnly
 
                     />
                 </FormGroup>
@@ -775,6 +756,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                                 index
                             })
                         }}
+                        readOnly
 
                     />
                 </FormGroup>

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

@@ -378,11 +378,9 @@ const FlightPlanDetailContainer = () => {
                 break;
         }
     }
-    useEffect(()=>{
-        console.log(detailData);
-    },[detailData])
     // 저장
     const handleSave = () => {
+      console.log('detail>>>', detailData)
        
          if (!detailData.memberName) {
             setModal2({