src/permission.js

@@ -12,7 +12,7 @@ router.beforeEach(async (to, from, next) => {
     let store = useStore() //获取状态
     let token = getToken() //获取cookie
     // removeToken()
-    store.getPosition()
+    // store.getPosition()
 
     if (!token) {
       let paramsTarget = obtainUrlPathParameterTarget(location.href)

src/store/piniaIndex.js

@@ -27,22 +27,27 @@ const instance = defineStore('user', {
 
   actions: {
     getPosition() {
-      // initAMap().then(() => {
+      initAMap().then(() => {
-      //   console.log(3)
+        // console.log(3)
-      //   let AMap = Vue.prototype.$AMap
+        let AMap = Vue.prototype.$AMap
-      //   let geolocation = new AMap.Geolocation({
+        let geolocation = new AMap.Geolocation({
-      //     // enableHighAccuracy: true // 是否使用高精度定位，默认：true
+          // enableHighAccuracy: true // 是否使用高精度定位，默认：true
-      //   })
+        })
-      //   geolocation.getCurrentPosition(function (status, result) {
+        geolocation.getCurrentPosition(function (status, result) {
-      //     console.log('status', status)
+          console.log(2)
-      //     console.log('result', result)
+          if (status === 'complete') {
-      //   })
+            let { lat: latitude, lng: longitude } = result.position
-      // })
+            this.position = { latitude, longitude }
-      // return
+            console.log('this.position', this.position)
+          }
+        })
+      })
+      return
 
       if (navigator?.geolocation?.getCurrentPosition) {
         navigator.geolocation.getCurrentPosition(
           position => {
+            console.log('position.coords', position.coords)
             let { latitude, longitude } = position.coords
             this.position = { latitude, longitude }
           },

src/views/HomeView.vue

@@ -19,6 +19,9 @@
 import homeNavBar from '@/components/homeNavBar.vue'
 import listItem from '@/components/listItem.vue'
 import oilSiteApi from '@/api/oil-site.js'
+
+import initAMap from '@/utils/amap.js'
+
 export default {
   components: {
     homeNavBar,
@@ -122,39 +125,44 @@ export default {
       return !position?.latitude && !position?.longitude ? true : false
     },
     getlist() {
-      let position = this.$pinia.state.value.user.position
+      initAMap().then(() => {
-      // console.log('position', position)
+        let AMap = this.$AMap
-      // console.log(Object.assign(this.page.params, position), position, '地理位置数据')
+        let geolocation = new AMap.Geolocation({
-      if (this.positionChenk(position)) {
+          // enableHighAccuracy: true // 是否使用高精度定位，默认：true
-        position = JSON.parse(localStorage.getItem('position'))
-        if (this.positionChenk(position)) {
-          // console.log(position, this.$pinia.state.value.user.position, '地理位置错误')
-          this.finished = true
-          return
-        }
-      }
-      this.page.params = Object.assign(this.page.params, position)
-      this.loading = true
-      oilSiteApi
-        .getSiteList(this.page)
-        .then(res => {
-          if (res.code == 20000) {
-            if (res.data.list.length < 10) {
-              this.finished = true
-            }
-            if (this.page.currentPage == 1) {
-              this.list = res.data.list
-            } else {
-              this.list = this.list.concat(res.data.list)
-            }
-            this.loading = false
-            this.refreshing = false
-          }
-          // console.log(res)
         })
-        .catch(error => {
+        geolocation.getCurrentPosition((status, result) => {
-          this.finished = true
+          if (status === 'complete') {
+            let { lat: latitude, lng: longitude } = result.position
+
+            // this.position = { latitude, longitude }
+            // console.log('this.position', this.position)
+
+            let position = { latitude, longitude }
+
+            this.page.params = Object.assign(this.page.params, position)
+            this.loading = true
+            oilSiteApi
+              .getSiteList(this.page)
+              .then(res => {
+                if (res.code == 20000) {
+                  if (res.data.list.length < 10) {
+                    this.finished = true
+                  }
+                  if (this.page.currentPage == 1) {
+                    this.list = res.data.list
+                  } else {
+                    this.list = this.list.concat(res.data.list)
+                  }
+                  this.loading = false
+                  this.refreshing = false
+                }
+              })
+              .catch(error => {
+                this.finished = true
+              })
+          }
         })
+      })
     }
   }
 }