调接口加页面

MrShi

2026-04-17 f39ca3c49d26abd10f76fc67506b9c603a13547c

 small-program/App.vue

@@ -3,40 +3,45 @@
   var QQMapWX = require('@/utils/qqmap-wx-jssdk.js')
   export default {
      computed: {
         ...mapState(['userInfo','openid'])
         ...mapState(['userInfo','token'])
      },
      onLaunch: function() {  
         // var that = this;
         // if (!this.openid || this.openid =='') {
         //    uni.login({
         //       provider: 'weixin',
         //       success: async function (loginRes) {
         //          let { code } = loginRes;
         //          let res = await that.$u.api.wxLogin({ code })
         //          if (res && res.code === 200) {
         //             that.$store.commit('setToken', res.data.token)
         //             that.$store.commit('setOpenid', res.data.openid)
         //             that.$store.commit('setUserInfo', res.data.member)
							
         //          }
         //       }
         //    });
         // } else {
         //    var that = this
         //    let res = this.$u.api.getMemberInfo({}).then(res =>{ 
         //       if (res && res.code === 200) { 
         //          that.$store.commit('setUserInfo', res.data) 
         //       } else {
         //          that.$store.commit('setToken','')
         //          that.$store.commit('setUserInfo',{}) 
         //       }
         //    })
         // }
         // uni.showShareMenu({
         //   withShareTicket: true,
         //   menus: ['shareAppMessage', 'shareTimeline']
         // })

      onLaunch: async function() {
         var that = this;
         if (!this.token) {
            uni.login({
               provider: 'weixin',
               success: async function (loginRes) {
                  let { code } = loginRes;
                  let res = await that.$u.api.wxLogin({ code })
                  if (res && res.code === 200) {
                     // 判断有无openid
                     if (res.data.openid) {
                        await that.$store.commit('setOpenId', res.data.openid)
                     }
                     // 判断有无token
                     if (res.data.token) {
                        await that.$store.commit('setToken', res.data.token)
                     }
                     // 判断有无用户信息
                     if (res.data.member) {
                        await that.$store.commit('setUserInfo', res.data.member)
                        await that.$store.commit('setOpenId', res.data.member.openId)
                     }
                     // 设置定位
                     await that.checkLocationAuth()
                  }
               }
            });
         } else {
            // 缓存用户信息
            let res = await that.$u.api.getMemberInfo({})
            if (res.code === 200) {
               await that.$store.commit('setUserInfo', res.data)
               await that.$store.commit('setOpenId', res.data.openId)
            }
            // 设置定位
            await that.checkLocationAuth()
         }
      },
      onShow: function() {
         // this.getLocaltionBiz() 
@@ -45,6 +50,89 @@
         console.log('App Hide')
      },
      methods:{
         // 定位
         positioning() {
            var that = this;
            uni.getLocation({
               type: 'gcj02',
               highAccuracyExpireTime: 3000,
               isHighAccuracy: true,
               success: function (addr) {
                  const locParam = { latitude: addr.latitude, longitude: addr.longitude };
                  const qqmapsdk = new QQMapWX({
                     key: 'WE3BZ-HN6WS-ONDOH-62QCV-MNL6F-5NFNE'
                  });
                  qqmapsdk.reverseGeocoder({
                     locParam,
                     success: async function(res) {
                        console.log(res, '==================获取地址');
                        let info = res.result;
                        locParam.province = info.address_component.province;
                        locParam.city = info.address_component.city;
                        locParam.area = info.address_component.district;
                        locParam.street = info.address_component.street;
                        var ta = info.address  || '地址获取失败' ;
                        if(info.formatted_addresses  && info.formatted_addresses.recommend){
                           ta =info.formatted_addresses.recommend
                        }
                        locParam.address =ta	
                        const resCity = await that.$u.api.getCityByName({ cityName: locParam.city })
                        if (resCity.code === 200) {
                           locParam.cityId = resCity.data.id
                        }										
                        that.$store.commit('setPosition',locParam)
                        that.$isResolve()
                     },
                     fail: (err) => {
                        console.error('获取位置失败===========', err);
                        that.$store.commit('setPosition',locParam)
                        that.$isResolve()
                     }
                  });
               }
            });
         },
         goToAppSetting() {
            var that = this;
             uni.openSetting({
                 success: (res) => {
                  if (res.authSetting['scope.userLocation']) {
                     that.positioning()
                  }
                  that.$isResolve()
                 }
             });
         },
         checkLocationAuth() {
             uni.getSetting({
                 success: (res) => {
                     if (!res.authSetting['scope.userLocation']) {
                         uni.authorize({
                             scope: 'scope.userLocation',
                             success: () => {
                                 this.positioning()
                             },
                             fail: () => {
                                 uni.showModal({
                                     title: '提示',
                                     content: '需要获取您的位置信息，请在设置中开启位置权限',
                                     confirmText: '去设置',
                                     success: (res) => {
                                         if (res.confirm) {
                                             this.goToAppSetting();
                                         } else {
                                    this.$isResolve()
                                 }
                                     }
                                 });
                             }
                         });
                     } else {
                         this.positioning()
                     }
                 }
             });
         },
         getLocaltionBiz(){
            var that =this
            uni.getLocation({
@@ -54,7 +142,7 @@
                  uni.setStorageSync('address', locParam);
                  var address =null
                  const qqmapsdk = new QQMapWX({
                      key: '4PXBZ-JLBC7-LCLXG-P2SZX-C4HYE-LDBLQ' //腾讯地图申请的key（后续需要公司提供，个人开发者额度有限）
                      key: 'WE3BZ-HN6WS-ONDOH-62QCV-MNL6F-5NFNE' //腾讯地图申请的key（后续需要公司提供，个人开发者额度有限）
                   });  
                    // 腾讯地图逆地理编码
                  qqmapsdk.reverseGeocoder({
@@ -80,7 +168,6 @@
                        that.$isResolve()
                     }
                  });
                  // that.$store.commit('setPosition',locParam)
                  that.$isResolve()
               },
               fail: (err) => {