You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
4.0 KiB
143 lines
4.0 KiB
<template>
|
|
<view>
|
|
<view class='Popup' v-if='isShowAuth'>
|
|
<view class="logo-auth">
|
|
<image src='../static/img/logo.png' mode="aspectFit"></image>
|
|
</view>
|
|
<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 {
|
|
}
|
|
},
|
|
// 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);
|
|
// })
|
|
// },
|
|
setUserInfo(){
|
|
// uni.showLoading({title:'正在登录中'});
|
|
// Routine.getCode().then(code=>{
|
|
// this.getUserInfo(code);
|
|
// uni.switchTab({url:'/pages/user/index'});
|
|
|
|
// }).catch(res=>{
|
|
// uni.hideLoading();
|
|
// })
|
|
},
|
|
// getLogoUrl(){
|
|
// this.logoUrl = app.globalData.site_logo
|
|
// // let that = this;
|
|
// // if (Cache.has(LOGO_URL)) {
|
|
// // this.logoUrl = Cache.get(LOGO_URL);
|
|
// // return;
|
|
// // }
|
|
// // getLogo().then(res=>{
|
|
// // that.logoUrl = res.data.logo_url
|
|
// // Cache.set(LOGO_URL,that.logoUrl);
|
|
// // })
|
|
// },
|
|
close(){
|
|
console.log('1111');
|
|
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{
|
|
.logo-auth{
|
|
z-index: -1;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 0%;
|
|
transform: translate(-50%,-50%);
|
|
width:150rpx;
|
|
height:150rpx;
|
|
display:flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 8rpx solid #fff;
|
|
border-radius: 50%;
|
|
background: #fff;
|
|
}
|
|
image{
|
|
height: 80rpx;
|
|
margin-top: -54rpx;
|
|
}
|
|
}
|
|
|
|
.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:#a1bac5;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>
|
|
|