|
|
@ -9,6 +9,7 @@ import { |
|
|
|
import { FlightPlanDraw } from '../../../map/naver/draw/FlightPlanDraw'; |
|
|
|
import { FlightPlanDraw } from '../../../map/naver/draw/FlightPlanDraw'; |
|
|
|
import { initFlightBas } from '../../../../modules/basis/flight/models/basisFlightModel'; |
|
|
|
import { initFlightBas } from '../../../../modules/basis/flight/models/basisFlightModel'; |
|
|
|
import { AREA_COORDINATE_LIST_SAVE } from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
import { AREA_COORDINATE_LIST_SAVE } from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
|
|
|
import {flightPlanAPI} from '../../../../modules/basis/flight/apis/basisFlightApi' |
|
|
|
|
|
|
|
|
|
|
|
const FlightPlanAreaMap = props => { |
|
|
|
const FlightPlanAreaMap = props => { |
|
|
|
const dispatch = useDispatch(); |
|
|
|
const dispatch = useDispatch(); |
|
|
@ -24,7 +25,7 @@ const FlightPlanAreaMap = props => { |
|
|
|
initFlightBas.initDetail.areaList |
|
|
|
initFlightBas.initDetail.areaList |
|
|
|
); |
|
|
|
); |
|
|
|
|
|
|
|
|
|
|
|
const [searchData, setSearchData] = useState(); |
|
|
|
const [query, setQuery] = useState(); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
NaverMapInit(); |
|
|
|
NaverMapInit(); |
|
|
@ -135,15 +136,16 @@ const FlightPlanAreaMap = props => { |
|
|
|
setMapAreaCoordList(areaList); |
|
|
|
setMapAreaCoordList(areaList); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
const handleSearch = () => { |
|
|
|
const handleSearch = async() => { |
|
|
|
// console.log(searchData, 'encoding');
|
|
|
|
const res = await flightPlanAPI.searchArea({query: query}); |
|
|
|
}; |
|
|
|
console.log(res.data.items, '<<<') |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const handleChange = e => { |
|
|
|
const handleChange = e => { |
|
|
|
const { name, value } = e.target; |
|
|
|
const { name, value } = e.target; |
|
|
|
|
|
|
|
|
|
|
|
if (name == 'searchInput') { |
|
|
|
if (name == 'searchInput') { |
|
|
|
setSearchData(encodeURI(value)); |
|
|
|
setQuery(value); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
@ -173,19 +175,7 @@ const FlightPlanAreaMap = props => { |
|
|
|
/> |
|
|
|
/> |
|
|
|
) : null} |
|
|
|
) : null} |
|
|
|
|
|
|
|
|
|
|
|
<Button.Ripple |
|
|
|
<div className='map-comp'> |
|
|
|
color='primary' |
|
|
|
|
|
|
|
className='area-button' |
|
|
|
|
|
|
|
onClick={e => handlerDrawType('RESET')} |
|
|
|
|
|
|
|
// {...props.test? (
|
|
|
|
|
|
|
|
// {}
|
|
|
|
|
|
|
|
// ):(
|
|
|
|
|
|
|
|
// {disabled:false}
|
|
|
|
|
|
|
|
// )}
|
|
|
|
|
|
|
|
disabled={props.test} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
초기화 |
|
|
|
|
|
|
|
</Button.Ripple> |
|
|
|
|
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='searchInput' |
|
|
|
id='searchInput' |
|
|
@ -193,17 +183,31 @@ const FlightPlanAreaMap = props => { |
|
|
|
className='area-input' |
|
|
|
className='area-input' |
|
|
|
placeholder='검색명을 입력하세요.' |
|
|
|
placeholder='검색명을 입력하세요.' |
|
|
|
onChange={handleChange} |
|
|
|
onChange={handleChange} |
|
|
|
// bsSize='sm'
|
|
|
|
bsSize='sm' |
|
|
|
/> |
|
|
|
/> |
|
|
|
<Button.Ripple |
|
|
|
<Button.Ripple |
|
|
|
// className='mr-1'
|
|
|
|
|
|
|
|
className='area-button' |
|
|
|
className='area-button' |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
onClick={handleSearch} |
|
|
|
onClick={handleSearch} |
|
|
|
// size='sm'
|
|
|
|
size='sm' |
|
|
|
> |
|
|
|
> |
|
|
|
검색 |
|
|
|
검색 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
|
|
|
|
|
{/* <Button.Ripple |
|
|
|
|
|
|
|
color='primary' |
|
|
|
|
|
|
|
className='area-button' |
|
|
|
|
|
|
|
onClick={e => handlerDrawType('RESET')} |
|
|
|
|
|
|
|
// {...props.test? (
|
|
|
|
|
|
|
|
// {}
|
|
|
|
|
|
|
|
// ):(
|
|
|
|
|
|
|
|
// {disabled:false}
|
|
|
|
|
|
|
|
// )}
|
|
|
|
|
|
|
|
disabled={props.test} |
|
|
|
|
|
|
|
size='sm' |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
초기화 |
|
|
|
|
|
|
|
</Button.Ripple> */} |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
@ -229,12 +233,25 @@ const FlightPlanAreaMap = props => { |
|
|
|
Circle |
|
|
|
Circle |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
|
<Button.Ripple |
|
|
|
<Button.Ripple |
|
|
|
|
|
|
|
className='mr-1' |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
onClick={e => handlerDrawType('POLYGON')} |
|
|
|
onClick={e => handlerDrawType('POLYGON')} |
|
|
|
disabled={props.test} |
|
|
|
disabled={props.test} |
|
|
|
> |
|
|
|
> |
|
|
|
Polygon |
|
|
|
Polygon |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
|
|
|
|
|
<Button.Ripple |
|
|
|
|
|
|
|
color='primary' |
|
|
|
|
|
|
|
onClick={e => handlerDrawType('RESET')} |
|
|
|
|
|
|
|
// {...props.test? (
|
|
|
|
|
|
|
|
// {}
|
|
|
|
|
|
|
|
// ):(
|
|
|
|
|
|
|
|
// {disabled:false}
|
|
|
|
|
|
|
|
// )}
|
|
|
|
|
|
|
|
disabled={props.test} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
초기화 |
|
|
|
|
|
|
|
</Button.Ripple> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</CardBody> |
|
|
|
</CardBody> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
|