193 lines
3.6 KiB
Vue
193 lines
3.6 KiB
Vue
<template>
|
||
<view class="container">
|
||
<view v-if="!isAuthorization">
|
||
<view class="getUserInfo">
|
||
<text>您还未允许微信登录授权，请点击下方按钮允许微信授权登录。</text>
|
||
<view style="height:20rpx"></view>
|
||
<button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">允许微信登录授权</button>
|
||
<view style="height:20rpx"></view>
|
||
<button @click="back">取消微信登录授权</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
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";
|
||
|
||
export default {
|
||
data() {
|
||
return {};
|
||
},
|
||
computed: {
|
||
...mapState(["isAuthorization"])
|
||
},
|
||
onShow() {
|
||
this.UPDATE_AUTHORIZATIONPAGE(true);
|
||
},
|
||
onHide() {
|
||
this.UPDATE_AUTHORIZATIONPAGE(false);
|
||
this.changeAuthorization(false);
|
||
},
|
||
onUnload() {
|
||
this.UPDATE_AUTHORIZATIONPAGE(false);
|
||
this.changeAuthorization(false);
|
||
},
|
||
methods: {
|
||
...mapActions(["changeAuthorization", "changeUserInfo"]),
|
||
...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: () => {}
|
||
});
|
||
}
|
||
},
|
||
onUnload() {},
|
||
mounted() {}
|
||
};
|
||
</script>
|
||
|
||
<style lang="less">
|
||
.sp-cell {
|
||
height: 20rpx;
|
||
}
|
||
|
||
.getUserInfo {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
padding: 30px;
|
||
|
||
p {
|
||
margin-bottom: 20px;
|
||
}
|
||
}
|
||
|
||
.container {
|
||
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;
|
||
}
|
||
}
|
||
|
||
.tab-bar-bg {
|
||
padding-top: 46px;
|
||
width: 100%;
|
||
}
|
||
|
||
.view-item {
|
||
display: none;
|
||
width: 100%;
|
||
}
|
||
|
||
.view-item-active {
|
||
display: block;
|
||
}
|
||
|
||
.getUserInfo {
|
||
display: flex;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
padding: 30px;
|
||
|
||
p {
|
||
margin-bottom: 20px;
|
||
}
|
||
}
|
||
|
||
._van-dialog {
|
||
z-index: 99999999999;
|
||
}
|
||
</style>
|