Browse Source

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

master
Gao xiaosong 3 years ago
parent
commit
7fd577d574
  1. 548
      pages/user/User/index.vue

548
pages/user/User/index.vue

@ -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;
} }

Loading…
Cancel
Save