59 lines
1.4 KiB
Vue
59 lines
1.4 KiB
Vue
<template>
|
|
<el-card shadow="always" class="search_header_top_row1">
|
|
<el-form :inline="true" :model="filterForm" class="demo-form-inline">
|
|
<el-form-item label="地址搜索：">
|
|
<el-select v-model.trim="filterForm.address" placeholder="请输入地址" clearable filterable>
|
|
<el-option v-for="item in addressList.list" :key="item.value" :label="item.label"
|
|
:value="item.value" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="经纬度：">
|
|
<el-input v-model.trim="filterForm.lngLat" placeholder="请输入经纬度" clearable />
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-button type="primary" @click="serachFn">保存地点</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-card>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const emits = defineEmits(['search', 'reset', 'export', 'add'])
|
|
const addressList = reactive({
|
|
list: [{
|
|
|
|
value: 'Option1',
|
|
label: 'Option1',
|
|
},
|
|
{
|
|
value: 'Option2',
|
|
label: 'Option2',
|
|
|
|
}]
|
|
})
|
|
|
|
const filterForm = reactive({
|
|
address: '',
|
|
lngLat: '',
|
|
})
|
|
|
|
const serachFn = () => {
|
|
emits('search', filterForm)
|
|
}
|
|
|
|
const resetFn = () => {
|
|
emits('reset')
|
|
}
|
|
|
|
const exportFn = () => {
|
|
emits('export')
|
|
}
|
|
const addFn = () => {
|
|
emits('add')
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|