feat: 登录逻辑的调整
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import { loginAuth, bindPhone } from "@/manager/LoginManager";
|
import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager";
|
||||||
import { clientId } from "@/constant/base";
|
import { clientId } from "@/constant/base";
|
||||||
import { useAppStore } from "@/store";
|
import { useAppStore } from "@/store";
|
||||||
|
|
||||||
@@ -10,16 +10,28 @@ export const goBack = () => uni.navigateBack({ delta: 1 });
|
|||||||
|
|
||||||
// 登录逻辑
|
// 登录逻辑
|
||||||
export const onLogin = async (e) => {
|
export const onLogin = async (e) => {
|
||||||
console.info("onLogin code: ", e.detail);
|
console.info("onLogin code: ", e);
|
||||||
|
|
||||||
return new Promise(async (resolve, reject) => {
|
return new Promise(async (resolve, reject) => {
|
||||||
// 判断用户拒绝
|
// 判断用户拒绝
|
||||||
if (e.detail.errno === 104) {
|
if (e !== undefined && e && e.detail && e.detail.errno === 104) {
|
||||||
reject();
|
reject();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
await loginAuth(e).then(async () => {
|
await loginAuth(e).then(async () => {
|
||||||
|
// 检查手机号是否绑定
|
||||||
|
const checkRes = await checkPhone();
|
||||||
|
if (checkRes.data) {
|
||||||
|
resolve();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (e === undefined) {
|
||||||
|
resolve();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
const { code } = e.detail;
|
const { code } = e.detail;
|
||||||
|
|
||||||
// 绑定手机号
|
// 绑定手机号
|
||||||
|
|||||||
@@ -11,7 +11,10 @@ export const getWeChatAuthCode = (e) => {
|
|||||||
// #endif
|
// #endif
|
||||||
|
|
||||||
// 判断用户拒绝授权
|
// 判断用户拒绝授权
|
||||||
if (e.detail.errMsg === "getPhoneNumber:fail user deny") {
|
if (
|
||||||
|
e !== undefined &&
|
||||||
|
e.detail.errMsg === "getPhoneNumber:fail user deny"
|
||||||
|
) {
|
||||||
reject();
|
reject();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -48,13 +48,9 @@ const bindPhone = async (params) => {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const checkPhone = async (phone) => {
|
const checkPhone = async () => {
|
||||||
try {
|
const response = await checkUserPhone();
|
||||||
const response = await checkUserPhone(phone);
|
|
||||||
return response;
|
return response;
|
||||||
} catch (error) {
|
|
||||||
throw err;
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export { loginAuth, bindPhone, checkPhone };
|
export { loginAuth, bindPhone, checkPhone };
|
||||||
|
|||||||
@@ -106,6 +106,7 @@ const handleLogout = () => {
|
|||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
uni.clearStorageSync();
|
uni.clearStorageSync();
|
||||||
appStore.setHasToken(false);
|
appStore.setHasToken(false);
|
||||||
|
appStore.setTokenExpired(true);
|
||||||
emits("closeDrawer");
|
emits("closeDrawer");
|
||||||
uni.$emit(NOTICE_EVENT_LOGOUT);
|
uni.$emit(NOTICE_EVENT_LOGOUT);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,15 +29,25 @@
|
|||||||
>
|
>
|
||||||
微信一键登录
|
微信一键登录
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button
|
<button
|
||||||
v-if="isAgree"
|
v-if="isAgree && !appStore.tokenExpired"
|
||||||
class="login-btn"
|
class="login-btn"
|
||||||
open-type="getPhoneNumber"
|
|
||||||
type="primary"
|
type="primary"
|
||||||
|
open-type="getPhoneNumber"
|
||||||
@getphonenumber="getPhoneNumber"
|
@getphonenumber="getPhoneNumber"
|
||||||
>
|
>
|
||||||
微信一键登录
|
微信一键登录
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
v-if="isAgree && appStore.tokenExpired"
|
||||||
|
class="login-btn"
|
||||||
|
type="primary"
|
||||||
|
@click="handleLogin"
|
||||||
|
>
|
||||||
|
微信一键登录
|
||||||
|
</button>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 协议勾选 -->
|
<!-- 协议勾选 -->
|
||||||
@@ -79,6 +89,8 @@ import CheckBox from "@/components/CheckBox/index.vue";
|
|||||||
import AgreePopup from "./components/AgreePopup/index.vue";
|
import AgreePopup from "./components/AgreePopup/index.vue";
|
||||||
import { zniconsMap } from "@/static/fonts/znicons.js";
|
import { zniconsMap } from "@/static/fonts/znicons.js";
|
||||||
import { getCurrentConfig } from "@/constant/base";
|
import { getCurrentConfig } from "@/constant/base";
|
||||||
|
import { useAppStore } from "@/store";
|
||||||
|
const appStore = useAppStore();
|
||||||
|
|
||||||
const isAgree = ref(false);
|
const isAgree = ref(false);
|
||||||
const visible = ref(false);
|
const visible = ref(false);
|
||||||
@@ -113,6 +125,20 @@ const getPhoneNumber = (e) => {
|
|||||||
.catch(() => {});
|
.catch(() => {});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleLogin = () => {
|
||||||
|
console.log("handleLogin");
|
||||||
|
onLogin()
|
||||||
|
.then(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: "登录成功",
|
||||||
|
icon: "success",
|
||||||
|
});
|
||||||
|
appStore.setTokenExpired(false);
|
||||||
|
goBack();
|
||||||
|
})
|
||||||
|
.catch(() => {});
|
||||||
|
};
|
||||||
|
|
||||||
// 处理同意协议点击事件
|
// 处理同意协议点击事件
|
||||||
const handleAgreeClick = (type) => {
|
const handleAgreeClick = (type) => {
|
||||||
visible.value = true;
|
visible.value = true;
|
||||||
|
|||||||
@@ -60,6 +60,7 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
|
|||||||
uni.setStorageSync("token", "");
|
uni.setStorageSync("token", "");
|
||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
appStore.setHasToken(false);
|
appStore.setHasToken(false);
|
||||||
|
appStore.setTokenExpired(true);
|
||||||
uni.$emit(NOTICE_EVENT_LOGOUT);
|
uni.$emit(NOTICE_EVENT_LOGOUT);
|
||||||
goLogin();
|
goLogin();
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,6 +6,7 @@ export const useAppStore = defineStore("app", {
|
|||||||
title: "",
|
title: "",
|
||||||
sceneId: "",
|
sceneId: "",
|
||||||
hasToken: false,
|
hasToken: false,
|
||||||
|
tokenExpired: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
getters: {},
|
getters: {},
|
||||||
@@ -17,8 +18,11 @@ export const useAppStore = defineStore("app", {
|
|||||||
setSceneId(data) {
|
setSceneId(data) {
|
||||||
this.sceneId = data;
|
this.sceneId = data;
|
||||||
},
|
},
|
||||||
setHasToken(data) {
|
setHasToken(status) {
|
||||||
this.hasToken = data;
|
this.hasToken = status;
|
||||||
|
},
|
||||||
|
setTokenExpired(status) {
|
||||||
|
this.tokenExpired = status;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user