添加fd登录页

.config.dev.js

@@ -73,6 +73,9 @@ module.exports = {
     },
     certs: {
       url: 'https://web-certs2.ezijing.com'
+    },
+    fd: {
+      url: 'https://fd-learn2.ezijing.com'
     }
   }
 }

.config.pro.js

@@ -54,6 +54,9 @@ module.exports = {
     },
     certs: {
       url: 'http://certs.ezijing.com'
+    },
+    fd: {
+      url: 'https://fd-learn2.ezijing.com'
     }
   }
 }

.config.test.js

@@ -55,6 +55,9 @@ module.exports = {
     },
     certs: {
       url: 'https://web-certs2.ezijing.com'
+    },
+    fd: {
+      url: 'https://fd-learn2.ezijing.com'
     }
   }
 }

src/pages/fd/components/layout.vue

+<template>
+  <div class="wrapper-box">
+    <div class="head-box">
+      <div class="head">
+        <img src="https://webapp-pub.ezijing.com/project/fd/logo.png">
+      </div>
+      <div class="head-title">在线学习及考试系统</div>
+    </div>
+    <div class="wrapper">
+      <section class="main">
+        <div class="main-box">
+          <!-- <div class="logo">
+            <a href="https://www.ezijing.com">
+              <img src="https://zws-imgs-pub.ezijing.com/pc/base/favicon.svg" width="40px" />
+            </a>
+          </div> -->
+          <router-view></router-view>
+        </div>
+        <!-- <language-switch /> -->
+      </section>
+    </div>
+    <div class="bottom-foot"></div>
+  </div>
+</template>
+
+<script>
+import languageSwitch from '@/components/languageSwitch.vue'
+export default {
+  components: { languageSwitch }
+}
+</script>
+
+<style lang="scss" scoped>
+.wrapper {
+  // display: flex;
+  // align-items: center;
+  // justify-content: center;
+  // height: 447px;
+  // margin-left: 200px;
+  padding: 50px;
+  background: url(https://webapp-pub.ezijing.com/project/fd/bg.png);
+  background-size: cover;
+}
+.wrapper-box{
+  .head-box{
+    background: rgba(169, 31, 59, 1);
+  }
+  .head{
+    width: 100%;
+    height: 92px;
+    background: rgba(169, 31, 59, 1);
+    display: flex;
+    align-items: center;
+    img{
+      margin-left: 67px;
+    }
+  }
+  .head-title{
+    height: 55px;
+    background: rgba(0, 0, 0, 0.13);
+    font-size: 26px;
+    font-weight: bold;
+    line-height: 55px;
+    color: #FFFFFF;
+    text-align: center;
+  }
+}
+.main-box {
+  width: 350px;
+  // min-height: 500px;
+  padding: 27px 40px 30px;
+  margin: 0 auto;
+  background-color: #fff;
+  border-radius: 8px;
+  border: 1px solid #dadce0;
+  box-sizing: border-box;
+  color: #bb4767;
+}
+.logo {
+  text-align: center;
+  padding-bottom: 16px;
+}
+.footer {
+  padding: 20px 10px;
+  .t1 {
+    text-align: right;
+    color: #d3d3d3;
+  }
+}
+::v-deep .title {
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 34px;
+  color: #A91F3B;
+  text-align: center;
+  letter-spacing: 10px;
+  margin-bottom: 27px;
+}
+.bottom-foot{
+  height: 76px;
+  background: rgba(169, 31, 59, 1);
+}
+@media (max-width: 768px) {
+  .wrapper {
+    display: block;
+  }
+  .main {
+    padding: 20px;
+  }
+  .main-box {
+    width: 100%;
+    min-height: calc(100vh - 100px);
+    border: 0;
+    padding: 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/fd/login.vue

+<template>
+  <div class="login">
+    <h1 class="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: 10px;
+  clear: both;
+  color: #bb4767;
+  line-height: 32px;
+  cursor: pointer;
+}
+</style>

src/pages/fd/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/fd/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

@@ -354,5 +354,32 @@ export default [
         component: () => import(/* webpackChunkName: "prp" */ '../pages/prp/register.vue')
       }
     ]
+  },
+  // fd
+  {
+    path: '/fd',
+    component: () => import(/* webpackChunkName: "auth" */ '../pages/fd/components/layout.vue'),
+    children: [
+      { path: '', redirect: 'login/index' },
+      {
+        path: 'login',
+        component: () => import(/* webpackChunkName: "fd" */ '../pages/fd/login.vue'),
+        children: [
+          { path: '', redirect: 'index' },
+          { path: 'index', component: loginAccount },
+          { path: 'code', component: loginCode }
+        ]
+      },
+      {
+        path: 'password',
+        component: () => import(/* webpackChunkName: "fd" */ '../pages/fd/password.vue'),
+        children: [{ path: '', component: password }]
+      },
+      {
+        path: 'register',
+        component: () => import(/* webpackChunkName: "fd" */ '../pages/fd/register.vue'),
+        children: [{ path: '', component: register }]
+      }
+    ]
   }
 ]