perf: 优化站点经纬度获取

base-manager-ui/admin/src/main.js

@@ -22,8 +22,8 @@ import "quill/dist/quill.bubble.css";
 import { ColorPicker } from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 Vue.use(ColorPicker);
-import { VueJsonp } from "vue-jsonp";
-Vue.use(VueJsonp);
+// import { VueJsonp } from "vue-jsonp";
+// Vue.use(VueJsonp);
 // 公共样式
 import "@/assets/css/common.css";
 Vue.use(VueQuillEditor);

base-manager-ui/admin/src/pages/basicset/site/components/addsite.vue

@@ -306,6 +306,7 @@
 import { modelList, siteSave } from "@/services/basicsetFun";
 import YCheckbox from "@/components/ycheckbox/YCheckbox.vue";
 import YSwitch from "@/components/yswitch/YSwitch.vue";
+import axios from "axios";
 // import options from "@/utils/city";
 import { regionData } from "element-china-area-data";
 export default {
@@ -724,21 +725,26 @@ export default {
     getAddress(address) {
       this.$refs.ruleForm.validateField("detailAddress", (errVal) => {
         if (errVal !== "中心详细地址不能为空") {
-          this.$jsonp(`https://restapi.amap.com/v3/geocode/geo?parameters`, {
-            //官方接口
-            output: "jsonp",
-            key: "21e7ac78b448640e516f1eddc3ffd720", //key
-            address: address, //获取输入的位置
-          })
+          axios
+            .get("https://restapi.amap.com/v3/geocode/geo?parameters", {
+              params: {
+                key: "21e7ac78b448640e516f1eddc3ffd720", //key
+                address: address, //获取输入的位置
+              },
+            })
             .then((res) => {
-              let { location } = res.geocodes[0];
-              [
-                this.formInfo.longitude,
-                this.formInfo.latitude,
-              ] = location.split(",");
+              if (res.data.status == 1) {
+                let { location } = res.data.geocodes[0];
+                [
+                  this.formInfo.longitude,
+                  this.formInfo.latitude,
+                ] = location.split(",");
+              } else {
+                this.$message.error("经纬度获取失败，请输入正确的地址");
+              }
             })
-            .catch(() => {
-              this.$message.error("经纬度获取失败，请输入正确的地址");
+            .catch((err) => {
+              this.$message.error(err);
             });
         }
       });