add xlearn

.config.dev.js

@@ -2,7 +2,6 @@ module.exports = {
   domain: 'dev.ezijing.com',
   url: 'https://login2.ezijing.com/api',
   isEnableToIphoneDebugger: false,
-  // apiBaseURL: '//demo-login.ezijing.com/',
   webpack: {
     externals: {
       CKEDITOR: 'window.CKEDITOR',
@@ -62,6 +61,9 @@ module.exports = {
     },
     campbellsville: {
       url: 'http://campbellsville-learning2.ezijing.com'
+    },
+    xlearn: {
+      url: 'http://sofia-learning2.ezijing.com'
     }
   }
 }

.config.pro.js

 module.exports = {
-  url: '//login.ezijing.com/api',
+  url: '/',
   DesDir: './client-dist',
-  apiBaseURL: '//login.ezijing.com/',
   isUploadStatic: false,
   isEnableToIphoneDebugger: false,
   webpack: {
@@ -43,6 +42,9 @@ module.exports = {
     },
     campbellsville: {
       url: 'http://campbellsville-learning.ezijing.com'
+    },
+    xlearn: {
+      url: 'http://sofia-learning.ezijing.com'
     }
   }
 }

.config.test.js

 module.exports = {
-  url: '//login2.ezijing.com',
+  url: '/',
   DesDir: './client-dist',
-  apiBaseURL: '//login2.ezijing.com/',
   CDN_DIR: 'static/build/learn-test/',
   isUploadStatic: false,
   isEnableToIphoneDebugger: true,
@@ -44,6 +43,9 @@ module.exports = {
     },
     campbellsville: {
       url: 'http://campbellsville-learning2.ezijing.com'
+    },
+    xlearn: {
+      url: 'http://sofia-learning2.ezijing.com'
     }
   }
 }

src/pages/xlearn/components/layout.vue

+<template>
+  <div class="wrapper">
+    <header class="header">
+      <div class="header-title">
+        <a :href="url">{{ title }}</a>
+      </div>
+    </header>
+    <section class="main">
+      <div class="bg"></div>
+      <div class="inner">
+        <div class="main-hd hidden-xs-only">
+          <h1 class="login-title">{{ subTitle }}</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>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '金融数字化营销职业技能培训',
+      subTitle: '',
+      url: webConf.others.xlearn.url
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.header {
+  padding: 24px 0;
+}
+.header-title {
+  font-size: 24px;
+  color: #222;
+  font-weight: 600;
+  text-align: center;
+  a {
+    text-decoration: none;
+    color: currentColor;
+  }
+}
+.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/xlearn/login.vue

+<template>
+  <router-view @success="handleSuccess"></router-view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '用户登录'
+    }
+  },
+  methods: {
+    handleSuccess(response) {
+      const { url } = webConf.others.xlearn
+      window.location.href = url
+    }
+  },
+  created() {
+    this.$parent.subTitle = this.title
+  }
+}
+</script>

src/pages/xlearn/password.vue

+<template>
+  <div class="password">
+    <router-view></router-view>
+    <p class="back" @click="$router.push('login')">返回登录</p>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: '忘记密码'
+    }
+  },
+  created() {
+    this.$parent.subTitle = this.title
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.back {
+  margin-top: 10px;
+  color: #007bad;
+  line-height: 52px;
+  cursor: pointer;
+}
+</style>

src/router/routes.js

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