feat: 社交平台登录

src/api/login/index.ts

@@ -47,6 +47,18 @@ export const smsLogin = (data: SmsLoginVO) => {
   return request.post({ url: '/system/auth/sms-login', data })
   return request.post({ url: '/system/auth/sms-login', data })
 }
 }
 
 
+// 社交快捷登录，使用 code 授权码
+export function socialLogin(type: string, code: string, state: string) {
+  return request.post({
+    url: '/system/auth/social-login',
+    data: {
+      type,
+      code,
+      state
+    }
+  })
+}
+
 // 社交授权的跳转
 // 社交授权的跳转
 export const socialAuthRedirect = (type: number, redirectUri: string) => {
 export const socialAuthRedirect = (type: number, redirectUri: string) => {
   return request.get({
   return request.get({

src/api/login/types.ts

@@ -2,6 +2,9 @@ export type UserLoginVO = {
   username: string
   username: string
   password: string
   password: string
   captchaVerification: string
   captchaVerification: string
+  socialType?: string
+  socialCode?: string
+  socialState?: string
 }
 }
 
 
 export type TokenType = {
 export type TokenType = {

src/locales/zh-CN.ts

@@ -141,6 +141,7 @@ export default {
   },
   },
   router: {
   router: {
     login: '登录',
     login: '登录',
+    socialLogin: '社交登录',
     home: '首页',
     home: '首页',
     analysis: '分析页',
     analysis: '分析页',
     workplace: '工作台'
     workplace: '工作台'

src/router/modules/remaining.ts

@@ -186,12 +186,12 @@ const remainingRouter: AppRouteRecordRaw[] = [
     }
     }
   },
   },
   {
   {
-    path: '/sso',
-    component: () => import('@/views/Login/Login.vue'),
-    name: 'SSOLogin',
+    path: '/social-login',
+    component: () => import('@/views/Login/SocialLogin.vue'),
+    name: 'SocialLogin',
     meta: {
     meta: {
       hidden: true,
       hidden: true,
-      title: t('router.login'),
+      title: t('router.socialLogin'),
       noTagsView: true
       noTagsView: true
     }
     }
   },
   },

src/views/Login/components/LoginForm.vue

@@ -284,8 +284,13 @@ const doSocialLogin = async (type: number) => {
       })
       })
     }
     }
     // 计算 redirectUri
     // 计算 redirectUri
+    // tricky: type、redirect需要先encode一次，否则钉钉回调会丢失。
+    // 配合 Login/SocialLogin.vue#getUrlValue() 使用
     const redirectUri =
     const redirectUri =
-      location.origin + '/social-login?type=' + type + '&redirect=' + (redirect.value || '/')
+      location.origin +
+      '/social-login?' +
+      encodeURIComponent(`type=${type}&redirect=${redirect.value || '/'}`)
+
     // 进行跳转
     // 进行跳转
     const res = await LoginApi.socialAuthRedirect(type, encodeURIComponent(redirectUri))
     const res = await LoginApi.socialAuthRedirect(type, encodeURIComponent(redirectUri))
     window.location.href = res
     window.location.href = res