gaoxs
5 years ago
13 changed files with 509 additions and 382 deletions
@ -1,52 +0,0 @@
|
||||
// import router from "../router";
|
||||
import store from "../store"; |
||||
import cookie from "@/utils/store/cookie"; |
||||
import { |
||||
isWeixin, |
||||
login, |
||||
replaceLogin, |
||||
getCurrentPageUrl, |
||||
getCurrentPageUrlWithArgs, |
||||
parseQuery, |
||||
replace, |
||||
handleQrCode |
||||
} from "@/utils"; |
||||
|
||||
export default function toLogin(push, backUrl) { |
||||
console.log('token失效，需要重新登录') |
||||
store.commit("LOGOUT"); |
||||
// 如果没有授权，走登录的接口重新授权
|
||||
// 授权获取失败会跳转到授权的接口
|
||||
console.log(store.getters.isAuthorization, '是否有登陆权限') |
||||
if (store.getters.isAuthorization) { |
||||
login() |
||||
return |
||||
} |
||||
console.log(store.getters.isAuthorizationPage, '判断是不是登录页面或者授权页面') |
||||
// 判断当前是不是已经在登录页面或者授权页，防止二次跳转
|
||||
if (store.getters.isAuthorizationPage || getCurrentPageUrl() == '/pages/user/Login/index') { |
||||
console.log('已经是登录页面或者授权页面，跳出方法') |
||||
return |
||||
} |
||||
|
||||
// 判断是不是扫描的砍价海报进来的
|
||||
if (getCurrentPageUrl() == 'pages/activity/DargainDetails/index' && handleQrCode()) { |
||||
console.log('是扫描的砍价海报进来的') |
||||
let url = handleQrCode(); |
||||
if (url) { |
||||
replaceLogin({ |
||||
redirect: `/${getCurrentPageUrl()}`, |
||||
id: url.bargainId, |
||||
partake: url.uid |
||||
}) |
||||
} else { |
||||
console.log('是扫描的砍价海报进来的,但是没有获取到参数') |
||||
replaceLogin() |
||||
} |
||||
} else { |
||||
console.log('无特殊情况，重新登录') |
||||
replaceLogin() |
||||
} |
||||
store.commit("UPDATE_AUTHORIZATION", false); |
||||
store.commit("UPDATE_AUTHORIZATIONPAGE", true); |
||||
} |
||||
@ -1,211 +1,255 @@
|
||||
<template> |
||||
<view class="container"> |
||||
<view v-if="!token"> |
||||
<!-- 小程序 --> |
||||
<view v-if="$deviceType == 'routine'"> |
||||
<view class="getUserInfo"> |
||||
<text>您还未允许微信登录授权，请点击下方按钮允许微信授权登录。</text> |
||||
<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">允许微信登录授权</button> |
||||
<view style="height:20rpx"></view> |
||||
<button @click="back">取消微信登录授权</button> |
||||
</view> |
||||
</view> |
||||
<!-- app --> |
||||
<view v-if="$deviceType == 'app'"> |
||||
<view class="getUserInfo"> |
||||
<text>请先登录</text> |
||||
<button type="primary" @click="this.toLogin">去登录</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="container"> |
||||
<view v-if="!token"> |
||||
<!-- 小程序 --> |
||||
<view v-if="$deviceType == 'routine'&&authorize"> |
||||
<view class="getUserInfo"> |
||||
<text>您还未允许微信登录授权，请点击下方按钮允许微信授权登录。</text> |
||||
<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">允许微信登录授权</button> |
||||
<view style="height:20rpx"></view> |
||||
<button @click="back">取消微信登录授权</button> |
||||
</view> |
||||
</view> |
||||
<!-- app --> |
||||
<view v-if="$deviceType == 'app'&&authorize"> |
||||
<view class="getUserInfo"> |
||||
<text>请先登录</text> |
||||
<button type="primary" @click="this.toLogin">去登录</button> |
||||
</view> |
||||
</view> |
||||
<view v-if="!authorize"> |
||||
<view class="getUserInfo"> |
||||
<text>登录中</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { mapState, mapMutations, mapActions } from 'vuex'; |
||||
import { mapState, mapMutations, mapActions } from "vuex"; |
||||
// 组件 |
||||
// import request from "@//api/request"; |
||||
import { wxappAuth, getUser } from '@/api/user'; |
||||
import dayjs from 'dayjs'; |
||||
import cookie from '@/utils/store/cookie'; |
||||
import { login } from '@/utils'; |
||||
import { wxappAuth, getUser } from "@/api/user"; |
||||
import dayjs from "dayjs"; |
||||
import cookie from "@/utils/store/cookie"; |
||||
import { login, authorize } from "@/utils"; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapState(['isAuthorization','$deviceType','token']) |
||||
}, |
||||
onShow() { |
||||
this.UPDATE_AUTHORIZATIONPAGE(true); |
||||
}, |
||||
onHide() { |
||||
this.UPDATE_AUTHORIZATIONPAGE(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
onUnload() { |
||||
this.UPDATE_AUTHORIZATIONPAGE(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
methods: { |
||||
...mapActions(['changeAuthorization', 'setUserInfo']), |
||||
...mapMutations(['UPDATE_AUTHORIZATIONPAGE', 'CHANGE_TABTAR']), |
||||
back() { |
||||
this.$yrouter.switchTab({ |
||||
path: '/pages/home/index', |
||||
query: {} |
||||
}); |
||||
}, |
||||
getUserInfo(data) { |
||||
if (data.detail.errMsg == 'getUserInfo:fail auth deny') { |
||||
uni.showToast({ |
||||
title: '取消授权', |
||||
icon: 'none', |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
uni.showLoading({ |
||||
title: '登录中' |
||||
}); |
||||
login({ |
||||
success: () => {} |
||||
}); |
||||
}, |
||||
toLogin() { |
||||
this.$yrouter.push({ |
||||
path: '/pages/user/Login/index', |
||||
query: {} |
||||
}); |
||||
} |
||||
}, |
||||
onUnload() {}, |
||||
mounted() { |
||||
} |
||||
data() { |
||||
return { |
||||
authorize: false |
||||
}; |
||||
}, |
||||
computed: { |
||||
...mapState(["isAuthorization", "$deviceType", "token"]) |
||||
}, |
||||
onShow() { |
||||
this.UPDATE_AUTHORIZATIONPAGE(true); |
||||
// // 先校验用户是否授权，如果没有授权，显示授权按钮 |
||||
console.log("先校验用户是否授权，如果没有授权，显示授权按钮"); |
||||
authorize("userInfo") |
||||
.then(res => { |
||||
console.log(res); |
||||
}) |
||||
.catch(error => { |
||||
console.log(error); |
||||
// 用户未授权，显示授权按钮 |
||||
this.authorize = true; |
||||
}); |
||||
}, |
||||
onHide() { |
||||
console.log("离开授权页面,11111"); |
||||
this.UPDATE_AUTHORIZATIONPAGE(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
onUnload() { |
||||
console.log("离开授权页面,11111"); |
||||
this.UPDATE_AUTHORIZATIONPAGE(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
methods: { |
||||
...mapActions(["changeAuthorization", "setUserInfo"]), |
||||
...mapMutations(["UPDATE_AUTHORIZATIONPAGE", "CHANGE_TABTAR"]), |
||||
back() { |
||||
this.$yrouter.switchTab({ |
||||
path: "/pages/home/index", |
||||
query: {} |
||||
}); |
||||
}, |
||||
getUserInfo(data) { |
||||
if (data.detail.errMsg == "getUserInfo:fail auth deny") { |
||||
uni.showToast({ |
||||
title: "取消授权", |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
return; |
||||
} |
||||
uni.showLoading({ |
||||
title: "登录中" |
||||
}); |
||||
login() |
||||
.then(res => { |
||||
this.$yrouter.replace({ path: cookie.get("redirect") }); |
||||
}) |
||||
.catch(error => { |
||||
console.log(error); |
||||
uni.showToast({ |
||||
title: error, |
||||
icon: "none", |
||||
duration: 2000 |
||||
}); |
||||
}); |
||||
}, |
||||
toLogin() { |
||||
this.$yrouter.push({ |
||||
path: "/pages/user/Login/index", |
||||
query: {} |
||||
}); |
||||
} |
||||
}, |
||||
onUnload() { |
||||
console.log("离开授权页面,11111"); |
||||
this.UPDATE_AUTHORIZATIONPAGE(false); |
||||
this.changeAuthorization(false); |
||||
}, |
||||
mounted() { |
||||
this.UPDATE_AUTHORIZATIONPAGE(true); |
||||
// // 先校验用户是否授权，如果没有授权，显示授权按钮 |
||||
console.log("先校验用户是否授权，如果没有授权，显示授权按钮"); |
||||
authorize("userInfo") |
||||
.then(res => { |
||||
console.log(res); |
||||
}) |
||||
.catch(error => { |
||||
console.log(error); |
||||
// 用户未授权，显示授权按钮 |
||||
this.authorize = true; |
||||
}); |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.sp-cell { |
||||
height: 20rpx; |
||||
height: 20rpx; |
||||
} |
||||
|
||||
.getUserInfo { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
padding: 30px; |
||||
|
||||
text { |
||||
font-size: 30rpx; |
||||
text-align: center; |
||||
margin-bottom: 20px; |
||||
} |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
padding: 30px; |
||||
|
||||
text { |
||||
font-size: 30rpx; |
||||
text-align: center; |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
.container { |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: flex-start; |
||||
position: relative; |
||||
flex: 1; |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: flex-start; |
||||
position: relative; |
||||
} |
||||
|
||||
.tab-bar { |
||||
font-size: 0; |
||||
display: flex; |
||||
align-items: center; |
||||
background: rgba(255, 255, 255, 0.9); |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 99; |
||||
border-top: 1px solid rgba(248, 248, 248, 1); |
||||
|
||||
.tab-bar-item { |
||||
flex: 1; |
||||
height: 49px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
|
||||
&.active { |
||||
text { |
||||
color: #ee7559; |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
display: none; |
||||
background: #f9f9f9; |
||||
|
||||
&.active { |
||||
display: block; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
display: block; |
||||
background: #f9f9f9; |
||||
|
||||
&.active { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
width: 25px; |
||||
height: 25px; |
||||
background: #f9f9f9; |
||||
|
||||
image { |
||||
width: 25px; |
||||
height: 25px; |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic-active { |
||||
} |
||||
|
||||
text { |
||||
font-size: 10px; |
||||
color: rgb(160, 160, 160); |
||||
line-height: 10px; |
||||
margin-top: 5px; |
||||
} |
||||
font-size: 0; |
||||
display: flex; |
||||
align-items: center; |
||||
background: rgba(255, 255, 255, 0.9); |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
z-index: 99; |
||||
border-top: 1px solid rgba(248, 248, 248, 1); |
||||
|
||||
.tab-bar-item { |
||||
flex: 1; |
||||
height: 49px; |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
|
||||
&.active { |
||||
text { |
||||
color: #ee7559; |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
display: none; |
||||
background: #f9f9f9; |
||||
|
||||
&.active { |
||||
display: block; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
display: block; |
||||
background: #f9f9f9; |
||||
|
||||
&.active { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic { |
||||
width: 25px; |
||||
height: 25px; |
||||
background: #f9f9f9; |
||||
|
||||
image { |
||||
width: 25px; |
||||
height: 25px; |
||||
} |
||||
} |
||||
|
||||
.tab-bar-pic-active { |
||||
} |
||||
|
||||
text { |
||||
font-size: 10px; |
||||
color: rgb(160, 160, 160); |
||||
line-height: 10px; |
||||
margin-top: 5px; |
||||
} |
||||
} |
||||
|
||||
.tab-bar-bg { |
||||
padding-top: 46px; |
||||
width: 100%; |
||||
padding-top: 46px; |
||||
width: 100%; |
||||
} |
||||
|
||||
.view-item { |
||||
display: none; |
||||
width: 100%; |
||||
display: none; |
||||
width: 100%; |
||||
} |
||||
|
||||
.view-item-active { |
||||
display: block; |
||||
display: block; |
||||
} |
||||
|
||||
.getUserInfo { |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
padding: 30px; |
||||
|
||||
p { |
||||
margin-bottom: 20px; |
||||
} |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
padding: 30px; |
||||
|
||||
p { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
._van-dialog { |
||||
z-index: 99999999999; |
||||
z-index: 99999999999; |
||||
} |
||||
</style> |
||||
|
||||
Loading…
Reference in new issue