feat: 新增sbu-plus-sdau模块

src/components/loginAccount.vue

@@ -62,7 +62,7 @@ export default {
   computed: {
     // 重定向地址
     nextUrl() {
-      const nextUrl = window.sessionStorage.getItem('next_url')
+      const nextUrl = window.localStorage.getItem('next_url')
       return nextUrl ? decodeURIComponent(nextUrl) : ''
     }
   },
@@ -94,7 +94,7 @@ export default {
       } else {
         this.$emit('success', response)
       }
-      window.sessionStorage.clear()
+      // window.sessionStorage.clear()
     }
   }
 }

src/components/loginCode.vue

@@ -61,7 +61,7 @@ export default {
   computed: {
     // 重定向地址
     nextUrl() {
-      const nextUrl = window.sessionStorage.getItem('next_url')
+      const nextUrl = window.localStorage.getItem('next_url')
       return nextUrl ? decodeURIComponent(nextUrl) : ''
     },
     disabledSend() {
@@ -96,7 +96,7 @@ export default {
       } else {
         this.$emit('success', response)
       }
-      window.sessionStorage.clear()
+      // window.sessionStorage.clear()
     },
     // 验证码
     sendCodeRequest() {

src/main.js

@@ -13,7 +13,7 @@ Vue.use(VueRouter)
 const router = createRouter()
 router.beforeEach((to, from, next) => {
   const nextUrl = to.query.rd || to.query.service || to.query.redirect_uri || to.query.next_url
-  nextUrl && window.sessionStorage.setItem('next_url', nextUrl)
+  nextUrl && window.localStorage.setItem('next_url', nextUrl)
   next()
 })
 

src/pages/sbu-plus-sdau/components/layout.vue

+<template>
+  <div class="wrapper">
+    <section class="main">
+      <div class="main-box">
+        <div class="main-box-hd">
+          <div class="logo">
+            <div class="logo-left">
+              <img src="../assets/logo_1.png" />
+            </div>
+            <div class="logo-right">
+              <img src="../assets/logo_2.png" />
+            </div>
+          </div>
+          <h1 class="title">纽约州立大学石溪分校硕士1+1</h1>
+        </div>
+        <div class="main-box-bd">
+          <router-view></router-view>
+        </div>
+      </div>
+      <language-switch />
+    </section>
+  </div>
+</template>
+
+<script>
+import languageSwitch from '@/components/languageSwitch.vue'
+export default {
+  components: { languageSwitch }
+}
+</script>
+
+<style lang="scss" scoped>
+.wrapper {
+  display: flex;
+  min-height: 100vh;
+  align-items: center;
+  justify-content: center;
+  // background: url(https://logincdn.msauth.net/shared/1.0/content/images/backgrounds/2_bc3d32a696895f78c19df6c717586a5d.svg);
+  background-size: cover;
+}
+.main-box {
+  width: 450px;
+  min-height: 500px;
+  margin: 0 auto;
+  background-color: #fff;
+  border-radius: 8px;
+  border: 1px solid #dadce0;
+  box-sizing: border-box;
+  color: #bb4767;
+  overflow: hidden;
+}
+.main-box-hd {
+  background: #a91940;
+  .logo {
+    display: flex;
+    align-items: center;
+    div {
+      flex: 1;
+      padding: 5px;
+    }
+    .logo-right {
+      background-color: #fff;
+    }
+    img {
+      display: block;
+      width: 100%;
+      height: auto;
+    }
+  }
+  .title {
+    margin: 0;
+    padding: 10px 0;
+    font-size: 20px;
+    color: #fff;
+    text-align: center;
+  }
+}
+.main-box-bd {
+  padding: 20px 40px;
+}
+.footer {
+  padding: 20px 10px;
+  .t1 {
+    text-align: right;
+    color: #d3d3d3;
+  }
+}
+::v-deep .title {
+  font-weight: normal;
+  text-align: center;
+  font-size: 20px;
+  color: #353535;
+  margin-bottom: 24px;
+}
+@media (max-width: 768px) {
+  .wrapper {
+    display: block;
+  }
+  .main {
+    padding: 20px;
+  }
+  .main-box {
+    width: 100%;
+    min-height: calc(100vh - 100px);
+    border: 0;
+    padding: 0;
+  }
+  .main-box-bd {
+    padding: 20px 0;
+  }
+}
+::v-deep .language-switch {
+  margin: 10px 0;
+  width: 80px;
+  .el-input__inner {
+    border: none;
+    padding-left: 0;
+  }
+  .el-select .el-input .el-select__caret {
+    color: #606266;
+  }
+}
+</style>

src/pages/sbu-plus-sdau/login.vue

+<template>
+  <div class="login">
+    <h1 class="title">{{ $t('main.title') }}</h1>
+    <div class="login-box">
+      <router-view @success="handleSuccess"></router-view>
+    </div>
+    <p class="footer" @click="$router.push({ path: '../register', query: $route.query })">{{ $t('login.register') }}</p>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleSuccess() {
+      window.location.href = document.referrer
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.footer {
+  margin-top: 30px;
+  clear: both;
+  color: #bb4767;
+  line-height: 52px;
+  cursor: pointer;
+}
+</style>

src/pages/sbu-plus-sdau/password.vue

+<template>
+  <div class="password">
+    <h1 class="title">{{ $t('password.title') }}</h1>
+    <router-view></router-view>
+    <p class="back" @click="$router.push({ path: 'login', query: $route.query })">{{ $t('password.backText') }}</p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.back {
+  margin-top: 10px;
+  color: #bb4767;
+  line-height: 52px;
+  cursor: pointer;
+}
+</style>

src/pages/sbu-plus-sdau/register.vue

+<template>
+  <div class="register">
+    <h1 class="title">注册</h1>
+    <router-view></router-view>
+    <p class="back" @click="$router.push({ path: 'login', query: $route.query })">{{ $t('password.backText') }}</p>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.back {
+  margin-top: 10px;
+  color: #bb4767;
+  line-height: 52px;
+  cursor: pointer;
+}
+</style>

src/router/routes.js

@@ -121,9 +121,7 @@ export default [
       {
         path: 'password',
         component: () => import(/* webpackChunkName: "wmp" */ '../pages/wmp/password.vue'),
-        children: [
-          { path: '', component: password, props: { sendcode: { signName: 'wmp', template: 'SMS_200191908' } } }
-        ]
+        children: [{ path: '', component: password, props: { sendcode: { signName: 'wmp', template: 'SMS_200191908' } } }]
       },
       {
         path: 'register',
@@ -408,5 +406,32 @@ export default [
         children: [{ path: '', component: register }]
       }
     ]
+  },
+  // 通用
+  {
+    path: '/sbu-plus-sdau',
+    component: () => import(/* webpackChunkName: "sbu-plus-sdau" */ '../pages/sbu-plus-sdau/components/layout.vue'),
+    children: [
+      { path: '', redirect: 'login/index' },
+      {
+        path: 'login',
+        component: () => import(/* webpackChunkName: "sbu-plus-sdau" */ '../pages/sbu-plus-sdau/login.vue'),
+        children: [
+          { path: '', redirect: 'index' },
+          { path: 'index', component: loginAccount },
+          { path: 'code', component: loginCode }
+        ]
+      },
+      {
+        path: 'password',
+        component: () => import(/* webpackChunkName: "sbu-plus-sdau" */ '../pages/sbu-plus-sdau/password.vue'),
+        children: [{ path: '', component: password }]
+      },
+      {
+        path: 'register',
+        component: () => import(/* webpackChunkName: "sbu-plus-sdau" */ '../pages/sbu-plus-sdau/register.vue'),
+        children: [{ path: '', component: register }]
+      }
+    ]
   }
 ]