clever 登录

src/permission.js

@@ -5,7 +5,7 @@ import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
 NProgress.configure({ showSpinner: false });
 
-const whiteList = ['/login', '/EnterSys']; // 重定向白名单
+const whiteList = ['/login', '/EnterSys', '/clever']; // 重定向白名单
 
 // 全局前置守卫
 router.beforeEach(async (to, from, next) => {

src/router/index.js

@@ -39,6 +39,10 @@ const routes = [
         });
     }
   },
+  {
+    path: '/clever',
+    component: () => import('@/views/clever/index.vue')
+  },
   // 首页
   {
     path: '/',

src/views/clever/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="clever">
+    <span class="clever-login" @click="jumpClever"></span>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'CleverPage'
+};
+</script>
+
+<script setup>
+// 跳转到 clever 登录
+function jumpClever() {
+  window.location.href =
+    'https://clever.com/oauth/authorize?response_type=code&redirect_uri=https%3A%2F%2Fgcls.helxsoft.cn%2FGCLS-Learn%2F%23%2Flogin&client_id=109504315cb1f90dd6cd';
+}
+</script>
+
+<style lang="scss" scoped>
+.clever {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: $bac-color;
+
+  &-login {
+    display: block;
+    width: 207px;
+    height: 46px;
+    cursor: pointer;
+    background: url('@/assets/login/clever-login.png') no-repeat center;
+  }
+}
+</style>