<template>
  <SubTitleSelect :data="[{title:'绘制范围', value: 0}, {title:'行政区划', value: 1}]" :select="select" @changeSelect="changeSelect"/>
  <div class="search-draw-map">
    <a-radio-group v-model:value="drawMapType" v-if="select === 0">
      <a-radio-button value="rectangle">矩形</a-radio-button>
      <a-radio-button value="polygon">多边形</a-radio-button>
    </a-radio-group>
    <div style="height: 32px;" v-if="select === 1"></div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue"
import SubTitleSelect from '../../components/SubTitleSelect/index.vue'
const select = ref(0)
const changeSelect = (value) => {
  select.value = value
}
const drawMapType = ref('rectangle')
</script>

<style lang="scss" scoped>
.search-draw-map{
  background-color: #efefef;
  padding: 10px;
}
</style>
