新增康大登录页面配置

.config.dev.js

@@ -44,6 +44,9 @@ module.exports = {
     },
     ciis: {
       url: 'http://ciis-learning2.ezijing.com'
+    },
+    campbellsville: {
+      url: 'http://campbellsville-learning2.ezijing.com'
     }
   }
 }

.config.pro.js

@@ -25,6 +25,9 @@ module.exports = {
     },
     ciis: {
       url: 'http://ciis-learning.ezijing.com'
+    },
+    campbellsville: {
+      url: 'http://campbellsville-learning.ezijing.com'
     }
   }
 }

.config.test.js

@@ -26,6 +26,9 @@ module.exports = {
     },
     ciis: {
       url: 'http://ciis-learning2.ezijing.com'
+    },
+    campbellsville: {
+      url: 'http://campbellsville-learning2.ezijing.com'
     }
   }
 }

src/pages/campbellsville/components/layout.vue

+<template>
+  <div class="wrapper">
+    <header class="header">
+      <div class="inner">
+        <div class="header-logo">
+          <img src="../assets/logo.png" />
+        </div>
+      </div>
+    </header>
+    <section class="main">
+      <div class="bg"></div>
+      <div class="inner">
+        <div class="main-hd hidden-xs-only">
+          <img src="../assets/login_logo.png" class="login-logo" />
+          <h1 class="login-title">在线学习系统</h1>
+        </div>
+        <div class="main-bd">
+          <router-view></router-view>
+        </div>
+      </div>
+    </section>
+    <footer class="footer">
+      <p class="t2">
+        Copyright © 2020 Zijing Education. All rights reserved.
+        <br />清控紫荆（北京）教育科技股份有限公司 京ICP证150431号 京公网安备 11010802023681号
+      </p>
+    </footer>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.header {
+  padding: 15px 20px;
+  .inner {
+    max-width: 980px;
+    margin: 0 auto;
+  }
+}
+.header-title {
+  margin-top: 5px;
+  font-size: 32px;
+  font-weight: 700;
+  letter-spacing: 5px;
+}
+.main {
+  position: relative;
+  .inner {
+    position: relative;
+    display: flex;
+    max-width: 700px;
+    margin: -200px auto 0;
+    background-color: #fff;
+    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
+  }
+}
+.bg {
+  height: 360px;
+  background: url(../assets/login_bg.png) no-repeat center center;
+  background-size: cover;
+}
+.main-hd {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 260px;
+  text-align: center;
+  background-color: #bb133e;
+  color: #fff;
+}
+.login-logo {
+  margin-bottom: 30px;
+}
+.login-title {
+  font-weight: normal;
+  font-size: 20px;
+  line-height: 28px;
+  color: #fff;
+  margin: 0;
+}
+.main-bd {
+  flex: 1;
+  padding: 40px;
+}
+.footer {
+  padding: 20px 10px;
+  text-align: center;
+  .t1 {
+    color: #535353;
+  }
+  .t2 {
+    margin-top: 10px;
+    color: #898989;
+  }
+}
+@media (max-width: 768px) {
+  .bg {
+    height: 215px;
+  }
+  .main .inner {
+    margin: -120px 20px 0;
+  }
+  .main-bd {
+    padding: 20px;
+  }
+}
+</style>

src/pages/campbellsville/login.vue

+<template>
+  <router-view @success="handleSuccess"></router-view>
+</template>
+
+<script>
+export default {
+  methods: {
+    handleSuccess(response) {
+      const { url } = webConf.others.campbellsville
+      window.location.href = url
+    }
+  }
+}
+</script>

src/pages/campbellsville/password.vue

+<template>
+  <div class="password">
+    <el-page-header @back="$router.push('login')" title="返回登录" content="忘记密码"></el-page-header>
+    <div class="password-form">
+      <router-view></router-view>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.password-form {
+  margin-top: 20px;
+}
+</style>

src/pages/ciis/components/layout.vue

@@ -28,10 +28,6 @@
   </div>
 </template>
 
-<script>
-export default { name: 'CiisLayout' }
-</script>
-
 <style lang="scss" scoped>
 .header {
   padding: 15px 20px;

src/pages/ciis/login.vue

@@ -12,9 +12,3 @@ export default {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-::v-deep .login-footer a {
-  color: inherit;
-}
-</style>

src/pages/ciis/password.vue

@@ -7,10 +7,6 @@
   </div>
 </template>
 
-<script>
-export default {}
-</script>
-
 <style lang="scss" scoped>
 .password-form {
   margin-top: 20px;

src/pages/kelley/components/layout.vue

@@ -22,10 +22,6 @@
   </div>
 </template>
 
-<script>
-export default { name: 'SofiaLayout' }
-</script>
-
 <style lang="scss" scoped>
 .wrapper {
   min-height: 100vh;

src/pages/kelley/password.vue

@@ -7,10 +7,6 @@
   </div>
 </template>
 
-<script>
-export default {}
-</script>
-
 <style lang="scss" scoped>
 .password {
   width: 100%;

src/pages/sofia/components/layout.vue

@@ -22,10 +22,6 @@
   </div>
 </template>
 
-<script>
-export default { name: 'SofiaLayout' }
-</script>
-
 <style lang="scss" scoped>
 .wrapper {
   min-height: 100vh;

src/pages/sofia/password.vue

@@ -7,10 +7,6 @@
   </div>
 </template>
 
-<script>
-export default {}
-</script>
-
 <style lang="scss" scoped>
 .password {
   width: 100%;

src/pages/wmp/components/layout.vue

@@ -3,10 +3,10 @@
     <div class="login-box">
       <div class="login-mian">
         <div class="left">
-          <img src="../assets/login-tit1.png" alt="" class="txt1">
-          <img src="../assets/login-tit2.png" alt="" class="txt2">
-          <img v-if="imgUrl==='pc'" src="../assets/login-tit3-pc.png" alt="" class="txt3">
-          <img v-if="imgUrl==='mobile'" src="../assets/login-tit3.png" alt="" class="txt3">
+          <img src="../assets/login-tit1.png" alt="" class="txt1" />
+          <img src="../assets/login-tit2.png" alt="" class="txt2" />
+          <img v-if="imgUrl === 'pc'" src="../assets/login-tit3-pc.png" alt="" class="txt3" />
+          <img v-if="imgUrl === 'mobile'" src="../assets/login-tit3.png" alt="" class="txt3" />
         </div>
         <div class="login-modules">
           <router-view></router-view>
@@ -15,22 +15,22 @@
     </div>
     <div class="mobile-login" :style="setHeight">
       <div class="title-box">
-        <img src="../assets/mlogin-tit1.png" alt="" class="tit1">
-        <img src="../assets/mlogin-tit2.png" alt="" class="tit2">
+        <img src="../assets/mlogin-tit1.png" alt="" class="tit1" />
+        <img src="../assets/mlogin-tit2.png" alt="" class="tit2" />
       </div>
       <div class="logo-box">
-        <img src="../assets/mlogin-logo1.png" alt="" class="tit1">
-        <img src="../assets/mlogin-logo2.png" alt="" class="tit2">
+        <img src="../assets/mlogin-logo1.png" alt="" class="tit1" />
+        <img src="../assets/mlogin-logo2.png" alt="" class="tit2" />
       </div>
       <div class="text-box">
-        <img src="../assets/login-tit1.png" alt="" class="tit1">
-        <img src="../assets/login-tit2.png" alt="" class="tit2">
-        <img src="../assets/login-tit3.png" alt="" class="tit3">
+        <img src="../assets/login-tit1.png" alt="" class="tit1" />
+        <img src="../assets/login-tit2.png" alt="" class="tit2" />
+        <img src="../assets/login-tit3.png" alt="" class="tit3" />
       </div>
       <div class="mlogin-modules">
         <router-view></router-view>
       </div>
-      <!-- <div class="new-user" @click="go">我是新用户?</div> -->
+      <div class="new-user" @click="$router.push('register')">我是新用户?</div>
     </div>
   </div>
 </template>
@@ -44,7 +44,7 @@ export default {
       setHeight: 0
     }
   },
-  created () {
+  created() {
     if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
       this.imgUrl = 'mobile'
     } else {
@@ -56,73 +56,73 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-::v-deep .el-button--primary{
+::v-deep .el-button--primary {
   background: #006dbf;
   border: none;
 }
-.login-page{
+.login-page {
   width: 100%;
   height: 100%;
 }
-.mobile-login{
+.mobile-login {
   width: 100%;
   height: 100%;
   background: url('../assets/mlogin-bg.png');
-  background-size:100% 100%;
-  .title-box{
+  background-size: 100% 100%;
+  .title-box {
     padding-top: 13px;
-    .tit1{
+    .tit1 {
       width: 40%;
     }
-    .tit2{
+    .tit2 {
       width: 40%;
       margin-top: 10px;
     }
-    img{
+    img {
       display: block;
       margin-left: 13%;
     }
   }
-  .logo-box{
+  .logo-box {
     width: 75%;
     margin: 0 auto;
-    margin-top:15%;
+    margin-top: 15%;
     overflow: hidden;
-    .tit2{
+    .tit2 {
       float: right;
     }
-    img{
+    img {
       float: left;
       display: block;
       width: 45%;
     }
   }
-  .text-box{
+  .text-box {
     padding-top: 5%;
     width: 75%;
     margin: 0 auto;
-    img{
+    img {
       display: block;
       width: 100%;
       margin-top: 5%;
     }
   }
-  .mlogin-modules{
+  .mlogin-modules {
     width: 75%;
     margin: 10% auto;
   }
 }
-.login-box{
+.login-box {
   width: 100%;
   height: 100%;
   background: url('../assets/login-bg.png');
-  background-size:100% 100%;
-  .login-mian{
+  background-size: 100% 100%;
+  .login-mian {
     position: relative;
     width: 1100px;
     height: 100%;
     margin: 0 auto;
-    .left{
+    .left {
       position: absolute;
       top: 50%;
       left: 0;
@@ -130,21 +130,21 @@ export default {
       -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
       transform: translateY(-50%);
-      img{
+      img {
         display: block;
       }
-      .txt1{
+      .txt1 {
         width: 544px;
       }
-      .txt2{
+      .txt2 {
         width: 541px;
         margin: 30px 0;
       }
-      .txt3{
+      .txt3 {
         width: 542px;
       }
     }
-    .login-modules{
+    .login-modules {
       position: absolute;
       top: 50%;
       -webkit-transform: translateY(-50%);
@@ -156,21 +156,34 @@ export default {
     }
   }
 }
-.new-user{
+.new-user {
   font-size: 16px;
-  font-weight:bold;
-  color:rgba(255,158,100,1);
+  font-weight: bold;
+  color: rgba(255, 158, 100, 1);
   text-align: center;
   padding-top: 30px;
   text-decoration: underline;
 }
 /* normal 登录 */
-.code-login a{ float: left; cursor: pointer; color:#186AA9;text-decoration:none;}
-.forget-pwd a{ float: right; cursor: pointer; color:#186AA9;}
-@media screen and (max-width: 480px){
-  .login-box{display: none;}
+.code-login a {
+  float: left;
+  cursor: pointer;
+  color: #186aa9;
+  text-decoration: none;
 }
-@media screen and (min-width: 1000px){
-  .mobile-login{display: none;}
+.forget-pwd a {
+  float: right;
+  cursor: pointer;
+  color: #186aa9;
+}
+@media screen and (max-width: 480px) {
+  .login-box {
+    display: none;
+  }
+}
+@media screen and (min-width: 1000px) {
+  .mobile-login {
+    display: none;
+  }
 }
 </style>

src/pages/wmp/login.vue

@@ -12,9 +12,3 @@ export default {
   }
 }
 </script>
-
-<style lang="scss" scoped>
-::v-deep .login-footer a {
-  color: inherit;
-}
-</style>

src/pages/wmp/password.vue

@@ -7,10 +7,6 @@
   </div>
 </template>
 
-<script>
-export default {}
-</script>
-
 <style lang="scss" scoped>
 .password-form {
   margin-top: 20px;

src/router/routes.js

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