<script>
|
var QQMapWX = require('@/utils/qqmap-wx-jssdk.js')
|
import { mapState } from 'vuex'
|
export default {
|
computed: {
|
...mapState(['userInfo', 'token'])
|
},
|
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.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.getUserInfo()
|
if (res.code === 200) {
|
await that.$store.commit('setUserInfo', res.data)
|
await that.$store.commit('setOpenId', res.data.openId)
|
}
|
// 设置定位
|
await that.checkLocationAuth()
|
}
|
},
|
onShow: function() {
|
console.log('App Show')
|
},
|
onHide: function() {
|
console.log('App Hide')
|
},
|
methods: {
|
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()
|
}
|
}
|
});
|
},
|
goToAppSetting() {
|
var that = this;
|
uni.openSetting({
|
success: (res) => {
|
if (res.authSetting['scope.userLocation']) {
|
that.positioning()
|
}
|
that.$isResolve()
|
}
|
});
|
},
|
// 定位
|
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: 'FJKBZ-W5BW3-QGV3M-OEJKT-3H5K7-7FFPM'
|
});
|
qqmapsdk.reverseGeocoder({
|
locParam,
|
success: function(res) {
|
console.log(res, '==================获取地址');
|
that.$store.commit('setPosition', res)
|
that.$isResolve()
|
},
|
fail: (err) => {
|
console.error('获取位置失败===========', err);
|
that.$isResolve()
|
}
|
});
|
}
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
@import "uview-ui/index.scss";
|
</style>
|
