비행구역 반경 정수 통일 및 유효성 검사

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

@@ -17,7 +17,6 @@ const FlightPlanAreaDetailForm = ({
   handleBufferList,
   data,
   mapControl,
-  // test,
   isDone,
   isDisabled
 }) => {
@@ -133,62 +132,12 @@ const FlightPlanAreaDetailForm = ({
                                     });
                                   }}
                                 />
-                                {/* {isDisabled || isDone ? (
-                                  <Input
-                                    type='text'
-                                    id='bufferZone'
-                                    name='bufferZone'
-                                    bsSize='sm'
-                                    disabled={isDisabled || isDone}
-                                    placeholder='반경'
-                                    value={
-                                      data[0].bufferZone
-                                        ? data[0].bufferZone
-                                        : ''
-                                    }
-                                    onChange={e => {
-                                      const { name, value } = e.target;
-                                      handleChange({
-                                        name,
-                                        value
-                                      });
-                                    }}
-                                  />
-                                ) : (
-                                  <Input
-                                    type='text'
-                                    id='bufferZone'
-                                    name='bufferZone'
-                                    bsSize='sm'
-                                    readOnly={
-                                      coordList[0].lat &&
-                                      data[0].areaType &&
-                                      data[0].areaType != 'POLYGON'
-                                        ? false
-                                        : true
-                                    }
-                                    placeholder='반경'
-                                    value={
-                                      data[0].bufferZone
-                                        ? data[0].bufferZone
-                                        : ''
-                                    }
-                                    onChange={e => {
-                                      const { name, value } = e.target;
-                                      handleChange({
-                                        name,
-                                        value
-                                      });
-                                    }}
-                                  />
-                                )} */}
                               </div>
                               <div className='m_ft_box'>
                                 <Button.Ripple
                                   className='mr-1'
                                   color='primary'
                                   size='sm'
-                                  // disabled={isDisabled || isDone}
                                   disabled={
                                     isDisabled || isDone
                                       ? true
@@ -202,33 +151,6 @@ const FlightPlanAreaDetailForm = ({
                                 >
                                   적용
                                 </Button.Ripple>
-                                {/* {isDisabled || isDone ? (
-                                  <Button.Ripple
-                                    className='mr-1'
-                                    color='primary'
-                                    size='sm'
-                                    disabled={isDisabled || isDone}
-                                    onClick={() => handleBufferList()}
-                                  >
-                                    적용
-                                  </Button.Ripple>
-                                ) : (
-                                  <Button.Ripple
-                                    className='mr-1'
-                                    color='primary'
-                                    size='sm'
-                                    disabled={
-                                      coordList[0].lat &&
-                                      data[0].areaType &&
-                                      data[0].areaType != 'POLYGON'
-                                        ? false
-                                        : true
-                                    }
-                                    onClick={() => handleBufferList()}
-                                  >
-                                    적용
-                                  </Button.Ripple>
-                                )} */}
                               </div>
                             </FormGroup>
                           </Col>

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

@@ -70,11 +70,21 @@ const FlightPlanAreaDetailContainer = ({ handleModal, isDone, isDisabled }) => {
   };
 
   const handleChange = ({ name, value }) => {
+    let size;
+    if (name === 'bufferZone') {
+      const regex = /^[0-9]{0,100}$/;
+      if (regex.test(value)) {
+        size = value;
+      } else {
+        return;
+      }
+    }
     setAreaDetail(prevState => {
       const areaList = prevState.map((area, i) => {
         return {
           ...area,
-          [name]: value
+          ...(value === 'bufferZone' ? { [name]: size } : { [name]: value })
+          // [name]: value
         };
       });
 

src/modules/control/gp/apis/controlGpApi.ts

@@ -46,29 +46,23 @@ export const controlGpApi = {
       return null;
     }
 
-    const { data } = await axios.get(
-      `api/ctr/cntrl/flight_plan/${idntfNum}`
-    );
+    const { data } = await axios.get(`api/ctr/cntrl/flight_plan/${idntfNum}`);
 
     return data;
   },
   checkPlanContains: async (rq: ControlGpPlanContainsRQ) => {
-    if(!rq.idntfNum) {
-        return null;
+    if (!rq.idntfNum) {
+      return null;
     }
 
-    const { data } = await axios.post(
-      `api/ctr/cntrl/contains`, rq
-    );
+    const { data } = await axios.post(`api/ctr/cntrl/contains`, rq);
 
     return data;
   },
   getArcrftWarnList: async (id: string) => {
-    if(!id) return null;
+    if (!id) return null;
 
-    const { data } = await axios.get(
-      `api/ctr/cntrl/arcrft/warn/list?id=${id}`
-    );
+    const { data } = await axios.get(`api/ctr/cntrl/arcrft/warn/list?id=${id}`);
 
     return data;
   }