From 9ecc792eb82c7a94f35ea7f2056567202c6efbff Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Mon, 13 Mar 2023 11:00:19 +0800
Subject: [PATCH] 地图选点方式改变，点击按钮后根据所选行政区跳转
---
src/views/fire/fireAdd.vue | 26 ++++++++++++++++++++------
1 files changed, 20 insertions(+), 6 deletions(-)
diff --git a/src/views/fire/fireAdd.vue b/src/views/fire/fireAdd.vue
index 1a962b1..a456c4d 100644
--- a/src/views/fire/fireAdd.vue
+++ b/src/views/fire/fireAdd.vue
@@ -1,12 +1,14 @@
<template>
<basic-container>
<el-row>
- <el-col :span="12">
+ <el-col :span="11">
<avue-form ref="form" v-model="form" :option="option" @submit="submit"></avue-form>
+ </el-col>
+ <el-col :span="1">
+
</el-col>
<el-col :span="12">
<OpenLayersMap ref="olMap" @getMapData="getMapData" :map-location="mapLocation"></OpenLayersMap>
-<!-- <avue-input-map v-model="form"></avue-input-map>-->
</el-col>
</el-row>
</basic-container>
@@ -15,6 +17,8 @@
<script>
import {add} from "@/api/fire/fire";
import OpenLayersMap from "@/components/OpenLayersMap/index";
+import axios from "@/router/axios"
+import {getDetail} from "@/api/base/region";
export default {
name: "fireAdd",
components: {OpenLayersMap},
@@ -75,7 +79,7 @@
} else {
callback()
}
- }
+ },
},
{
label:'具体地址',
@@ -157,7 +161,9 @@
"form.location":{
handler(newVal){
if (newVal){
- this.$refs.olMap.getLocation(newVal)
+ if (newVal.length == 3){
+ this.getRegionDetail(newVal)
+ }
}
}
}
@@ -187,8 +193,16 @@
},
//获取地图经纬度
getMapData(data){
- this.form.lon = data[0][0]
- this.form.lat = data[0][1]
+ this.form.lon = data[0]
+ this.form.lat = data[1]
+ },
+ getRegionDetail(regionCode){
+ let code = regionCode[2]
+ getDetail(code).then(res=>{
+ let data = res.data.data
+ let regionName = [data.provinceName,data.cityName,data.districtName]
+ this.$refs.olMap.getLocation(regionCode,regionName)
+ })
}
}
}
--
Gitblit v1.9.3