From 44efb13c0eb08d0b42c1bc62a6895538e05c582f Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Mon, 10 Jul 2023 11:16:42 +0800
Subject: [PATCH] fix: login error
---
src/views/Login/components/LoginForm.vue | 2 +-
src/views/Login/components/QrCodeForm.vue | 2 +-
src/views/Login/components/SSOLogin.vue | 14 ++++++++++++--
3 files changed, 14 insertions(+), 4 deletions(-)
diff --git a/src/views/Login/components/LoginForm.vue b/src/views/Login/components/LoginForm.vue
index 323069b9..d0bbb57c 100644
--- a/src/views/Login/components/LoginForm.vue
+++ b/src/views/Login/components/LoginForm.vue
@@ -9,7 +9,7 @@
label-width="120px"
size="large"
>
- <el-row style="maring-left: -10px; maring-right: -10px">
+ <el-row style="margin-left: -10px; margin-right: -10px">
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
<el-form-item>
<LoginFormTitle style="width: 100%" />
diff --git a/src/views/Login/components/QrCodeForm.vue b/src/views/Login/components/QrCodeForm.vue
index ba62dcd9..fd184ff6 100644
--- a/src/views/Login/components/QrCodeForm.vue
+++ b/src/views/Login/components/QrCodeForm.vue
@@ -1,5 +1,5 @@
<template>
- <el-row v-show="getShow" style="maring-left: -10px; maring-right: -10px">
+ <el-row v-show="getShow" style="margin-left: -10px; margin-right: -10px">
<el-col :span="24" style="padding-left: 10px; padding-right: 10px">
<LoginFormTitle style="width: 100%" />
</el-col>
diff --git a/src/views/Login/components/SSOLogin.vue b/src/views/Login/components/SSOLogin.vue
index 7abdd221..f31ab0e5 100644
--- a/src/views/Login/components/SSOLogin.vue
+++ b/src/views/Login/components/SSOLogin.vue
@@ -55,7 +55,14 @@ const client = ref({
name: '',
logo: ''
})
-const queryParams = reactive({
+interface queryType {
+ responseType: string
+ clientId: string
+ redirectUri: string
+ state: string
+ scopes: string[]
+}
+const queryParams = reactive<queryType>({
// URL 上的 client_id、scope 等参数
responseType: '',
clientId: '',
@@ -64,7 +71,10 @@ const queryParams = reactive({
scopes: [] // 优先从 query 参数获取；如果未传递，从后端获取
})
const ssoVisible = computed(() => unref(getLoginState) === LoginStateEnum.SSO) // 是否展示 SSO 登录的表单
-const formData = reactive({
+interface formType {
+ scopes: string[]
+}
+const formData = reactive<formType>({
scopes: [] // 已选中的 scope 数组
})
const formLoading = ref(false) // 表单是否提交中