提交 6dad7dcc authored 作者: 王鹏飞's avatar 王鹏飞

chore: 新增cuw登录页

上级 fe1f520a
......@@ -59,6 +59,9 @@ module.exports = {
ciis: {
url: 'http://ciis-learning2.ezijing.com'
},
cuw: {
url: 'http://cuw-learning2.ezijing.com'
},
campbellsville: {
url: 'http://campbellsville-learning2.ezijing.com'
},
......
......@@ -40,6 +40,9 @@ module.exports = {
ciis: {
url: 'http://ciis-learning.ezijing.com'
},
cuw: {
url: 'http://cuw-learning.ezijing.com'
},
campbellsville: {
url: 'http://campbellsville-learning.ezijing.com'
},
......
......@@ -41,6 +41,9 @@ module.exports = {
ciis: {
url: 'http://ciis-learning2.ezijing.com'
},
cuw: {
url: 'http://cuw-learning2.ezijing.com'
},
campbellsville: {
url: 'http://campbellsville-learning2.ezijing.com'
},
......
<template>
<div class="wrapper">
<header class="header">
<div class="inner">
<div class="header-logo">
<a :href="url"><img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_blue.svg" height="40px"/></a>
</div>
<language-switch />
</div>
</header>
<section class="main">
<div class="bg"></div>
<div class="inner">
<div class="main-hd hidden-xs-only">
<img src="https://webapp-pub.ezijing.com/project/cuw/cuw_logo_white.svg" class="login-logo" />
<h1 class="login-title">{{ $t('main.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>
<script>
import languageSwitch from '@/components/languageSwitch.vue'
export default {
components: { languageSwitch },
data() {
return {
url: webConf.others.ciis.url
}
}
}
</script>
<style lang="scss" scoped>
.header {
padding: 15px 20px;
.inner {
max-width: 1400px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
}
.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 {
width: 200px;
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>
<template>
<router-view :headers="{ x_app: 'nbd' }" @success="handleSuccess"></router-view>
</template>
<script>
export default {
methods: {
handleSuccess(response) {
const { url } = webConf.others.cuw
window.location.href = url
}
}
}
</script>
<template>
<div class="password">
<el-page-header
@back="$router.push('login')"
:title="$t('password.backText')"
:content="$t('password.title')"
></el-page-header>
<div class="password-form">
<router-view :headers="{ x_app: 'nbd' }"></router-view>
</div>
</div>
</template>
<style lang="scss" scoped>
.password-form {
margin-top: 20px;
}
</style>
......@@ -312,6 +312,28 @@ export default [
}
]
},
// cuw
{
path: '/cuw',
component: () => import(/* webpackChunkName: "cuw" */ '../pages/cuw/components/layout.vue'),
children: [
{ path: '', redirect: 'login/index' },
{
path: 'login',
component: () => import(/* webpackChunkName: "cuw" */ '../pages/cuw/login.vue'),
children: [
{ path: '', redirect: 'index' },
{ path: 'index', component: loginAccount },
{ path: 'code', component: loginCode }
]
},
{
path: 'password',
component: () => import(/* webpackChunkName: "cuw" */ '../pages/cuw/password.vue'),
children: [{ path: '', component: password }]
}
]
},
// campbellsville
{
path: '/campbellsville',
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论