Loki
/
fish-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改微信获取用户信息错误的问题

master
Gao xiaosong 3 years ago
parent
77d44b1a26
commit
7fd577d574
1 changed files with 270 additions and 278 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 548
      pages/user/User/index.vue

548
pages/user/User/index.vue
Unescape View File

@ -1,11 +1,11 @@
<template> <template>
<view class="user"> <view class="user">
<view v-if="$store.getters.token || userInfo.uid"> <view v-if="$store.getters.token || userInfo.uid">
<view class="getUserBaseData header bg-color-red acea-row row-between-wrapper" v-if="!userInfo.avatar && !userInfo.nickname"> <view class="getUserBaseData header bg-color-red acea-row row-between-wrapper" v-if="$deviceType === 'routine' && !userInfo.avatar && !userInfo.nickname">
<button class="userDataBtn" v-if="canIUseGetUserProfile" @tap="getUserInfoProfile">授权并查看用户信息</button> <button class="userDataBtn" v-if="weixin" @tap="getUserInfoProfile">授权并查看用户信息</button>
<button class="userDataBtn" v-else @getuserinfo="getUserInfo" open-type="getUserInfo">授权并查看用户信息</button> <button class="userDataBtn" v-else @getuserinfo="getUserInfo" open-type="getUserInfo">授权并查看用户信息</button>
</view> </view>
<view class="header bg-color-red acea-row row-between-wrapper" v-else> <view class="header bg-color-red acea-row row-between-wrapper" v-else>
<view class="picTxt acea-row row-between-wrapper"> <view class="picTxt acea-row row-between-wrapper">
<view class="pictrue"> <view class="pictrue">
<image :src="userInfo.avatar" /> <image :src="userInfo.avatar" />
@ -131,303 +131,295 @@
</view> </view>
</template> </template>
<script> <script>
import { mapState, mapGetters, mapMutations, mapActions } from 'vuex' import {
import { getUserInfo, getMenuUser, wxappAuth, bindingPhone, wxappBindingPhone, wxappGetUserInfo } from '@/api/user' mapState,
import { isWeixin, VUE_APP_RESOURCES_URL, parseQuery, getProvider } from '@/utils' mapGetters,
mapMutations,
mapActions
} from 'vuex'
import {
getUserInfo,
getMenuUser,
wxappAuth,
bindingPhone,
wxappBindingPhone,
wxappGetUserInfo
} from '@/api/user'
import {
isWeixin,
VUE_APP_RESOURCES_URL,
parseQuery,
getProvider
} from '@/utils'
import SwitchWindow from '@/components/SwitchWindow' import SwitchWindow from '@/components/SwitchWindow'
import Authorization from '@/pages/authorization/index' import Authorization from '@/pages/authorization/index'
import cookie from '@/utils/store/cookie' import cookie from '@/utils/store/cookie'
import { wechat, oAuth, } from '@/libs/wechat'
const NAME = 'User' const NAME = 'User'
export default { export default {
name: NAME, name: NAME,
components: { components: {
SwitchWindow, SwitchWindow,
Authorization, Authorization,
}, },
props: {}, props: {},
data: function() { data: function() {
return { return {
canIUseGetUserProfile: false, weixin: false,
MyMenus: [], MyMenus: [],
switchActive: false, switchActive: false,
isWeixin: false, isWeixin: false,
} }
}, },
computed: mapGetters(['userInfo']), computed: {
onLoad() { ...mapGetters(['userInfo']),
if (wx.getUserProfile) { ...mapState(['$deviceType'])
this.canIUseGetUserProfile = true
}
}, },
methods: { onLoad() {
...mapMutations(['updateAuthorizationPage']), if (this.$deviceType==='weixin') {
toLogin() { this.weixin = true
this.$yrouter.push('/pages/user/Login/index') }
}, },
goReturnList() { methods: {
this.$yrouter.push('/pages/order/ReturnList/index') ...mapMutations(['updateAuthorizationPage']),
}, toLogin() {
goMyOrder(type) { this.$yrouter.push('/pages/user/Login/index')
this.$yrouter.push({ },
path: '/pages/order/MyOrder/index', goReturnList() {
query: { this.$yrouter.push('/pages/order/ReturnList/index')
type, },
}, goMyOrder(type) {
}) this.$yrouter.push({
}, path: '/pages/order/MyOrder/index',
goBindPhone() { query: {
this.$yrouter.push('/pages/user/BindingPhone/index') type,
}, },
goUserCoupon() {
this.$yrouter.push('/pages/user/coupon/UserCoupon/index')
},
goIntegral() {
this.$yrouter.push('/pages/user/signIn/Integral/index')
},
goUserPromotion() {
this.$yrouter.push('/pages/user/promotion/UserPromotion/index')
},
goUserAccount() {
this.$yrouter.push('/pages/user/UserAccount/index')
},
goPersonalData() {
this.$yrouter.push('/pages/user/PersonalData/index')
},
getPhoneNumber (e) {
// 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定
if (e.mp.detail.errMsg == 'getPhoneNumber:ok') {
uni.showLoading({
title: '绑定中',
})
wxappBindingPhone({
encryptedData: e.mp.detail.encryptedData,
iv: e.mp.detail.iv,
}) })
.then(res => { },
// this.User(); goBindPhone() {
this.$store.dispatch('userInfo', true) this.$yrouter.push('/pages/user/BindingPhone/index')
uni.hideLoading() },
uni.showToast({ goUserCoupon() {
title: res.msg, this.$yrouter.push('/pages/user/coupon/UserCoupon/index')
icon: 'success', },
duration: 2000, goIntegral() {
this.$yrouter.push('/pages/user/signIn/Integral/index')
},
goUserPromotion() {
this.$yrouter.push('/pages/user/promotion/UserPromotion/index')
},
goUserAccount() {
this.$yrouter.push('/pages/user/UserAccount/index')
},
goPersonalData() {
this.$yrouter.push('/pages/user/PersonalData/index')
},
getPhoneNumber(e) {
// 判断一下这里是不是小程序 如果是小程序，走获取微信手机号进行绑定
if (e.mp.detail.errMsg == 'getPhoneNumber:ok') {
uni.showLoading({
title: '绑定中',
}) })
}) wxappBindingPhone({
.catch(error => { encryptedData: e.mp.detail.encryptedData,
uni.hideLoading() iv: e.mp.detail.iv,
this.$store.dispatch('userInfo', true) })
console.log(error) .then(res => {
// this.User();
this.$store.dispatch('userInfo', true)
uni.hideLoading()
uni.showToast({
title: res.msg,
icon: 'success',
duration: 2000,
})
})
.catch(error => {
uni.hideLoading()
this.$store.dispatch('userInfo', true)
console.log(error)
uni.showToast({
title: error.msg || error.response.data.msg || error.response.data.message,
icon: 'none',
duration: 2000,
})
})
// // 获取当前环境的服务商
// uni.getProvider({
// service: "oauth",
// success: function (res) {
// // 此处可以排除h5
// if (res.provider) {
// uni.login({
// success: loginRes => {
// bindingPhone({
// code: loginRes.code,
// encryptedData: e.mp.detail.encryptedData,
// iv: e.mp.detail.iv
// })
// .then(res => {
// // this.User();
// this.$store.dispatch("userInfo", true);
// uni.hideLoading();
// uni.showToast({
// title: res.msg,
// icon: "success",
// duration: 2000
// });
// })
// .catch(error => {
// uni.hideLoading();
// this.$store.dispatch("userInfo", true);
// console.log(error);
// uni.showToast({
// title: error.msg ||
// error.response.data.msg ||
// error.response.data.message,
// icon: "none",
// duration: 2000
// });
// });
// },
// fail() {
// reject("绑定失败");
// }
// });
// }
// },
// fail() {
// reject("获取环境服务商失败");
// }
// });
} else {
uni.showToast({ uni.showToast({
title: error.msg || error.response.data.msg || error.response.data.message, title: '已拒绝授权',
icon: 'none', icon: 'none',
duration: 2000, duration: 2000,
}) })
}) }
// // 获取当前环境的服务商 },
// uni.getProvider({ // 获取用户授权，读取头像、昵称
// service: "oauth", getUserInfo(data) {
// success: function (res) { if (data.detail.errMsg == 'getUserInfo:fail auth deny') {
// // 此处可以排除h5 uni.showToast({
// if (res.provider) { title: '取消授权',
// uni.login({ icon: 'none',
// success: loginRes => {
// bindingPhone({
// code: loginRes.code,
// encryptedData: e.mp.detail.encryptedData,
// iv: e.mp.detail.iv
// })
// .then(res => {
// // this.User();
// this.$store.dispatch("userInfo", true);
// uni.hideLoading();
// uni.showToast({
// title: res.msg,
// icon: "success",
// duration: 2000
// });
// })
// .catch(error => {
// uni.hideLoading();
// this.$store.dispatch("userInfo", true);
// console.log(error);
// uni.showToast({
// title: error.msg ||
// error.response.data.msg ||
// error.response.data.message,
// icon: "none",
// duration: 2000
// });
// });
// },
// fail() {
// reject("绑定失败");
// }
// });
// }
// },
// fail() {
// reject("获取环境服务商失败");
// }
// });
} else {
uni.showToast({
title: '已拒绝授权',
icon: 'none',
duration: 2000,
})
}
},
// 获取用户授权，读取头像、昵称
getUserInfo(data) {
if (data.detail.errMsg == 'getUserInfo:fail auth deny') {
uni.showToast({
title: '取消授权',
icon: 'none',
duration: 2000,
})
return
}
},
// 申请获取用户信息
getUserInfoProfile(data) {
wx.getUserProfile({
lang: 'zh_CN',
desc: '需要获取您的信息用来展示',
success: res => {
uni.showLoading({
title: '正在更新信息...',
duration: 2000, duration: 2000,
}) })
getProvider() return
.then(provider => { // 环境提供商 }
if (!provider) { },
reject() // 申请获取用户信息
} getUserInfoProfile(data) {
// 获取开发code if (isWeixin()) {
uni.login({ let wechatInit = wechat()
provider: provider, if (wechatInit) {
success: async loginRes => { await oAuth()
wxappGetUserInfo({ }
encryptedData: res.encryptedData, }
iv: res.iv, },
code: loginRes.code, // 开发code changeswitch(data) {
}).then(res => { this.switchActive = data
if (res.status === 200) { },
this.userInfo.avatar = res.data.avatar // 获取用户信息
this.userInfo.nickname = res.data.nickname MenuUser() {
} else { getMenuUser()
uni.showLoading({ .then(res => {
title: res.msg, uni.hideLoading()
duration: 2000, this.MyMenus = res.data.routine_my_menus
})
}
})
}
})
}) })
.catch(error => {
uni.hideLoading()
console.log(error)
})
},
goPages(index) {
let url = this.MyMenus[index].uniapp_url
if (url === '/pages/user/promotion/UserPromotion/index' && this.userInfo.statu === 1) {
if (!this.userInfo.isPromoter) {
uni.showToast({
title: '您还没有推广权限！！',
icon: 'none',
duration: 2000,
})
return
}
} }
})
},
changeswitch(data) {
this.switchActive = data
},
// 获取用户信息
MenuUser() {
getMenuUser()
.then(res => {
uni.hideLoading()
this.MyMenus = res.data.routine_my_menus
})
.catch(error => {
uni.hideLoading()
console.log(error)
})
},
goPages(index) {
let url = this.MyMenus[index].uniapp_url
if (url === '/pages/user/promotion/UserPromotion/index' && this.userInfo.statu === 1) {
if (!this.userInfo.isPromoter) {
uni.showToast({
title: '您还没有推广权限！！',
icon: 'none',
duration: 2000,
})
return
}
}
if (url === '/pages/orderAdmin/OrderIndex/index' && !this.userInfo.adminid) { if (url === '/pages/orderAdmin/OrderIndex/index' && !this.userInfo.adminid) {
uni.showToast({ uni.showToast({
title: '您还不是管理员！！', title: '您还不是管理员！！',
icon: 'none', icon: 'none',
duration: 2000, duration: 2000,
}) })
return return
} }
console.log(this.userInfo) console.log(this.userInfo)
if (url === '/pages/orderAdmin/OrderCancellation/index' && !this.userInfo.checkStatus) { if (url === '/pages/orderAdmin/OrderCancellation/index' && !this.userInfo.checkStatus) {
uni.showToast({ uni.showToast({
title: '您没有核销权限,请后台店员设置！！', title: '您没有核销权限,请后台店员设置！！',
icon: 'none', icon: 'none',
duration: 2000, duration: 2000,
}) })
return return
} }
this.$yrouter.push({ this.$yrouter.push({
path: this.MyMenus[index].uniapp_url, path: this.MyMenus[index].uniapp_url,
}) })
}, },
goPages2() { goPages2() {
this.$yrouter.push({ this.$yrouter.push({
path: '/pages/shop/GoodsList/index', path: '/pages/shop/GoodsList/index',
query: { query: {
// id: 0, // id: 0,
title: '积分商城', title: '积分商城',
isIntegral: true, isIntegral: true,
}, },
}) })
}, },
}, },
watch: { watch: {
userInfo() { userInfo() {
this.MenuUser() this.MenuUser()
}, },
}, },
onShow() { onShow() {
if (this.$store.getters.token) { if (this.$store.getters.token) {
// //
uni.showLoading({ uni.showLoading({
title: '加载中', title: '加载中',
}) })
this.$store.dispatch('getUser', true) this.$store.dispatch('getUser', true)
this.MenuUser() this.MenuUser()
this.isWeixin = isWeixin() this.isWeixin = isWeixin()
} }
}, },
onHide() { onHide() {
console.log('离开用户中心') console.log('离开用户中心')
this.updateAuthorizationPage(false) this.updateAuthorizationPage(false)
}, },
} }
</script> </script>
<style lang="less"> <style lang="less">
.getUserBaseData{ .getUserBaseData {
.userDataBtn{ .userDataBtn {
width: 80%; width: 80%;
height: 80rpx; height: 80rpx;
background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%); background: linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%); background: -moz-linear-gradient(to right, #f35447 0%, #ff8e3c 100%);
border-radius: 40rpx; border-radius: 40rpx;
font-size: 30rpx; font-size: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
} }
.footer-line-height { .footer-line-height {
height: 1 * 100rpx; height: 1 * 100rpx;
} }

Write Preview
Loading…
Cancel
Save