146 lines
4.2 KiB
Vue
146 lines
4.2 KiB
Vue
<template>
|
||
<view>
|
||
<view class='Popup' v-if='isShowAuth'>
|
||
<image :src='logoUrl'></image>
|
||
<view class='title'>授权提醒</view>
|
||
<view class='tip'>请授权头像等信息，以便为您提供更好的服务</view>
|
||
<view class='bottom flex'>
|
||
<view class='item' @click='close'>随便逛逛</view>
|
||
<!-- #ifdef APP-PLUS -->
|
||
<button class='item grant' @click="setUserInfo">去授权</button>
|
||
<!-- #endif -->
|
||
<!-- #ifdef MP -->
|
||
<button class='item grant' type="primary" open-type="getUserInfo" lang="zh_CN" @getuserinfo="setUserInfo">去授权</button>
|
||
<!-- #endif -->
|
||
</view>
|
||
</view>
|
||
<view class='mask' v-if='isShowAuth' @click='close'></view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
const app = getApp();
|
||
import Cache from '../utils/cache';
|
||
import { getLogo } from '../api/public';
|
||
import { LOGO_URL } from '../config/cache';
|
||
import { mapGetters } from 'vuex';
|
||
import Routine from '../libs/routine';
|
||
|
||
export default {
|
||
name:'Authorize',
|
||
props:{
|
||
isAuto:{
|
||
type:Boolean,
|
||
default:true
|
||
},
|
||
isGoIndex:{
|
||
type:Boolean,
|
||
default:true
|
||
},
|
||
isShowAuth:{
|
||
type:Boolean,
|
||
default:false
|
||
}
|
||
},
|
||
data(){
|
||
return {
|
||
logoUrl:''
|
||
}
|
||
},
|
||
computed:mapGetters(['isLogin','userInfo']),
|
||
watch:{
|
||
isLogin(n){
|
||
n === true && this.$emit('onLoadFun',this.userInfo);
|
||
}
|
||
},
|
||
created() {
|
||
this.getLogoUrl();
|
||
this.setAuthStatus();
|
||
},
|
||
methods:{
|
||
setAuthStatus(){
|
||
Routine.authorize().then(res=>{
|
||
if(res.islogin === false)
|
||
this.setUserInfo();
|
||
else
|
||
this.$emit('onLoadFun',this.userInfo);
|
||
}).catch(res=>{
|
||
if (this.isAuto)
|
||
this.$emit('authColse',true);
|
||
})
|
||
},
|
||
getUserInfo(code){
|
||
Routine.getUserInfo().then(res=>{
|
||
let userInfo = res.userInfo
|
||
userInfo.code = code;
|
||
userInfo.spread_spid = app.globalData.spid;//获取推广人ID
|
||
userInfo.spread_code = app.globalData.code;//获取推广人分享二维码ID
|
||
userInfo.avatar = userInfo.userInfo.avatarUrl;
|
||
userInfo.city = userInfo.userInfo.city;
|
||
userInfo.country = userInfo.userInfo.country;
|
||
userInfo.nickName = userInfo.userInfo.nickName;
|
||
userInfo.province = userInfo.userInfo.province;
|
||
userInfo.sex = userInfo.userInfo.gender;
|
||
Routine.authUserInfo(code,userInfo).then(res=>{
|
||
uni.hideLoading();
|
||
this.$emit('authColse',false);
|
||
this.$emit('onLoadFun',this.userInfo);
|
||
}).catch(res=>{
|
||
uni.hideLoading();
|
||
uni.showToast({
|
||
title:res.message,
|
||
icon:'none',
|
||
duration:2000
|
||
});
|
||
})
|
||
}).catch(res =>{
|
||
uni.hideLoading();
|
||
})
|
||
},
|
||
setUserInfo(){
|
||
uni.showLoading({title:'正在登录中'});
|
||
Routine.getCode().then(code=>{
|
||
this.getUserInfo(code);
|
||
}).catch(res=>{
|
||
uni.hideLoading();
|
||
})
|
||
},
|
||
getLogoUrl(){
|
||
let that = this;
|
||
if (Cache.has(LOGO_URL)) {
|
||
this.logoUrl = Cache.get(LOGO_URL);
|
||
return;
|
||
}
|
||
getLogo().then(res=>{
|
||
that.logoUrl = res.data.logoUrl
|
||
Cache.set(LOGO_URL,that.logoUrl);
|
||
})
|
||
},
|
||
close(){
|
||
let pages = getCurrentPages(), currPage = pages[pages.length - 1];
|
||
if(this.isGoIndex){
|
||
uni.switchTab({url:'/pages/index/index'});
|
||
} else {
|
||
this.$emit('authColse',false);
|
||
}
|
||
// if (currPage && currPage.isShowAuth != undefined){
|
||
// currPage.isShowAuth = true;
|
||
// }
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped lang='scss'>
|
||
.Popup{width:500rpx;background-color:#fff;position:fixed;top:50%;left:50%;margin-left:-250rpx;transform:translateY(-50%);z-index:320;}
|
||
.Popup image{width:150rpx;height:150rpx;margin:-67rpx auto 0 auto;display:block;border: 8rpx solid #fff;border-radius: 50%}
|
||
.Popup .title{font-size:28rpx;color:#000;text-align:center;margin-top: 30rpx}
|
||
.Popup .tip{font-size:22rpx;color:#555;padding:0 24rpx;margin-top:25rpx;}
|
||
.Popup .bottom .item{width:50%;height:80rpx;background-color:#eeeeee;text-align:center;line-height:80rpx;font-size:24rpx;color:#666;margin-top:54rpx;}
|
||
.Popup .bottom .item.on{width: 100%}
|
||
.flex{display:flex;}
|
||
.Popup .bottom .item.grant{font-size:28rpx;color:#fff;font-weight:bold;background-color:$theme-color;border-radius:0;padding:0;}
|
||
.mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.65);z-index:310;}
|
||
|
||
</style>
|