|
|
@ -10,11 +10,17 @@ import { |
|
|
|
Button |
|
|
|
Button |
|
|
|
} from 'reactstrap'; |
|
|
|
} from 'reactstrap'; |
|
|
|
|
|
|
|
|
|
|
|
const FlightPlanAreaDetailForm = ({ handleSave, handleClose, handleChange, handleBufferList, data }) => { |
|
|
|
const FlightPlanAreaDetailForm = ({ handleSave, handleClose, handleChange, handleBufferList, data, mapControl }) => { |
|
|
|
|
|
|
|
|
|
|
|
const coordList = data ? data[0].coordList : null;
|
|
|
|
const coordList = data ? data[0].coordList : null;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
|
|
|
console.log("상현",mapControl.drawType); |
|
|
|
|
|
|
|
}, [coordList]) |
|
|
|
|
|
|
|
// console.log("성횬"+props.data[0]);
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
|
|
|
|
|
|
|
|
<Card className='mb-0'> |
|
|
|
<Card className='mb-0'> |
|
|
|
<CardBody> |
|
|
|
<CardBody> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
@ -67,6 +73,7 @@ const FlightPlanAreaDetailForm = ({ handleSave, handleClose, handleChange, handl |
|
|
|
placeholdeer='' |
|
|
|
placeholdeer='' |
|
|
|
readOnly
|
|
|
|
readOnly
|
|
|
|
/> |
|
|
|
/> |
|
|
|
|
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
}
|
|
|
|
}
|
|
|
@ -92,9 +99,14 @@ const FlightPlanAreaDetailForm = ({ handleSave, handleClose, handleChange, handl |
|
|
|
name='bufferZone' |
|
|
|
name='bufferZone' |
|
|
|
bsSize='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='반경'
|
|
|
|
placeholder='반경'
|
|
|
|
|
|
|
|
readOnly={coordList[0].lat && (mapControl.drawType===("LINE") || mapControl.drawType===("CIRCLE")) ? false : true }
|
|
|
|
|
|
|
|
|
|
|
|
value={data ? data[0].bufferZone : ''}
|
|
|
|
value={data ? data[0].bufferZone : ''}
|
|
|
|
onChange={(e) => { |
|
|
|
onChange={(e) => { |
|
|
|
|
|
|
|
|
|
|
|
const {name, value} = e.target; |
|
|
|
const {name, value} = e.target; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
handleChange({ |
|
|
|
handleChange({ |
|
|
|
name, |
|
|
|
name, |
|
|
|
value |
|
|
|
value |
|
|
@ -108,6 +120,8 @@ const FlightPlanAreaDetailForm = ({ handleSave, handleClose, handleChange, handl |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
onClick={() => handleBufferList()} |
|
|
|
onClick={() => handleBufferList()} |
|
|
|
|
|
|
|
disabled={coordList[0].lat && (mapControl.drawType===("LINE") || mapControl.drawType===("CIRCLE")) ? false : true } |
|
|
|
|
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
적용 |
|
|
|
적용 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
|