Skip to content

L
login
提交 dab37748 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

增加登录页面

上级 44f01c65
隐藏空白字符变更
内嵌 并排
正在显示 包含 691 行增加 和 0 行删除
.config.dev.js
浏览文件 @ dab37748
......@@ -42,6 +42,18 @@ module.exports = {
wmp: {
url: 'http://wmp-learning2.ezijing.com'
},
bluestar: {
url: 'http://bluestar-learning2.ezijing.com'
},
ecollege: {
url: 'http://ecollege-learning2.ezijing.com'
},
enterprise: {
url: 'http://enterprise-learning2.ezijing.com'
},
demo: {
url: 'http://demo-learning2.ezijing.com'
},
seg: {
url: 'http://seg-learning2.ezijing.com'
},
......
.config.pro.js
浏览文件 @ dab37748
......@@ -23,6 +23,18 @@ module.exports = {
wmp: {
url: 'http://wmp-learning.ezijing.com'
},
bluestar: {
url: 'http://bluestar-learning.ezijing.com'
},
ecollege: {
url: 'http://ecollege-learning.ezijing.com'
},
enterprise: {
url: 'http://enterprise-learning.ezijing.com'
},
demo: {
url: 'http://demo-learning.ezijing.com'
},
seg: {
url: 'http://seg-learning.ezijing.com'
},
......
.config.test.js
浏览文件 @ dab37748
......@@ -24,6 +24,18 @@ module.exports = {
wmp: {
url: 'http://wmp-learning2.ezijing.com'
},
bluestar: {
url: 'http://bluestar-learning2.ezijing.com'
},
ecollege: {
url: 'http://ecollege-learning2.ezijing.com'
},
enterprise: {
url: 'http://enterprise-learning2.ezijing.com'
},
demo: {
url: 'http://demo-learning2.ezijing.com'
},
seg: {
url: 'http://seg-learning2.ezijing.com'
},
......
src/pages/bluestar/components/layout.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="wrapper">
<header class="header">
<div class="header-logo">
<a :href="url"><img src="../assets/logo.png" /></a>
</div>
<div class="header-title">蓝星青年干部综合管理能力提升培训</div>
</header>
<section class="main">
<router-view></router-view>
</section>
<footer class="footer">
<p class="t1">
学习平台服务电话：010-62793299
<br />服务时间：9:00-18:00
</p>
<p class="t2">
Copyright © 2020 Zijing Education. All rights reserved.
<br />清控紫荆（北京）教育科技股份有限公司 京ICP证150431号 京公网安备 11010802023681号
</p>
</footer>
</div>
</template>
<script>
export default {
data() {
return {
url: webConf.others.bluestar.url
}
}
}
</script>
<style lang="scss" scoped>
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.header {
height: 100px;
padding: 30px 0 20px;
text-align: center;
}
.header-title {
margin-top: 5px;
font-size: 32px;
font-weight: 700;
letter-spacing: 5px;
}
.main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #0069ac;
padding: 40px 20px;
}
.footer {
padding: 20px 10px;
text-align: center;
.t1 {
color: #535353;
}
.t2 {
margin-top: 10px;
color: #898989;
}
}
</style>
src/pages/bluestar/login.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="login">
<el-row type="flex" justify="space-between" align="middle" style="width: 100%">
<el-col :span="12" class="hidden-xs-only">
<div class="login-logo">
<img src="./assets/login_logo.png" />
</div>
</el-col>
<el-col :span="12" :xs="24">
<div class="login-box">
<router-view @success="handleSuccess"></router-view>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
methods: {
handleSuccess(response) {
const { url } = webConf.others.bluestar
window.location.href = url
}
}
}
</script>
<style lang="scss" scoped>
.login {
color: #fff;
width: 100%;
max-width: 660px;
margin: 0 auto;
}
::v-deep .el-button--primary {
background: #fff;
border: none;
color: #000;
}
::v-deep .el-checkbox {
color: #fff;
}
</style>
src/pages/bluestar/password.vue 0 → 100644
浏览文件 @ dab37748
<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 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
}
.password-form {
max-width: 340px;
margin: 40px auto;
}
::v-deep .el-button--primary {
background: #006dbf;
border: none;
}
</style>
src/pages/demo/components/layout.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="wrapper">
<header class="header">
<div class="inner">
<div class="header-logo">
<a :href="url"><img src="../assets/logo.png" /></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="../assets/login_logo.png" class="login-logo" width="40" />
<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.demo.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 {
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/demo/login.vue 0 → 100644
浏览文件 @ dab37748
<template>
<router-view @success="handleSuccess"></router-view>
</template>
<script>
export default {
methods: {
handleSuccess(response) {
const { url } = webConf.others.demo
window.location.href = url
}
}
}
</script>
src/pages/demo/password.vue 0 → 100644
浏览文件 @ dab37748
<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></router-view>
</div>
</div>
</template>
<style lang="scss" scoped>
.password-form {
margin-top: 20px;
}
</style>
src/pages/ecollege/components/layout.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="wrapper">
<header class="header">
<div class="header-logo">
<a :href="url"><img src="../assets/logo.png" /></a>
</div>
<div class="header-title">选修课在线学习系统</div>
</header>
<section class="main">
<router-view></router-view>
</section>
<footer class="footer">
<p class="t1">
学习平台服务电话：010-62793299
<br />服务时间：9:00-18:00
</p>
<p class="t2">
Copyright © 2020 Zijing Education. All rights reserved.
<br />清控紫荆（北京）教育科技股份有限公司 京ICP证150431号 京公网安备 11010802023681号
</p>
</footer>
</div>
</template>
<script>
export default {
data() {
return {
url: webConf.others.ecollege.url
}
}
}
</script>
<style lang="scss" scoped>
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.header {
height: 100px;
padding: 30px 0 20px;
text-align: center;
}
.header-title {
margin-top: 5px;
font-size: 32px;
font-weight: 700;
letter-spacing: 5px;
}
.main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #981838;
padding: 40px 20px;
}
.footer {
padding: 20px 10px;
text-align: center;
.t1 {
color: #535353;
}
.t2 {
margin-top: 10px;
color: #898989;
}
}
</style>
src/pages/ecollege/login.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="login">
<el-row type="flex" justify="space-between" align="middle" style="width: 100%">
<el-col :span="12" class="hidden-xs-only">
<div class="login-logo">
<img src="./assets/login_logo.png" />
</div>
</el-col>
<el-col :span="12" :xs="24">
<div class="login-box">
<router-view @success="handleSuccess"></router-view>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
methods: {
handleSuccess(response) {
const { url } = webConf.others.ecollege
window.location.href = url
}
}
}
</script>
<style lang="scss" scoped>
.login {
color: #fff;
width: 100%;
max-width: 660px;
margin: 0 auto;
}
::v-deep .el-checkbox {
color: #fff;
}
</style>
src/pages/ecollege/password.vue 0 → 100644
浏览文件 @ dab37748
<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 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
}
.password-form {
max-width: 340px;
margin: 40px auto;
}
</style>
src/pages/enterprise/components/layout.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="wrapper">
<header class="header">
<div class="header-logo">
<a :href="url"><img src="../assets/logo.png" /></a>
</div>
<div class="header-title">清控紫荆课堂</div>
</header>
<section class="main">
<router-view></router-view>
</section>
<footer class="footer">
<p class="t1">
学习平台服务电话：010-62793299
<br />服务时间：9:00-18:00
</p>
<p class="t2">
Copyright © 2020 Zijing Education. All rights reserved.
<br />清控紫荆（北京）教育科技股份有限公司 京ICP证150431号 京公网安备 11010802023681号
</p>
</footer>
</div>
</template>
<script>
export default {
data() {
return {
url: webConf.others.enterprise.url
}
}
}
</script>
<style lang="scss" scoped>
.wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.header {
height: 100px;
padding: 30px 0 20px;
text-align: center;
}
.header-title {
margin-top: 5px;
font-size: 32px;
font-weight: 700;
letter-spacing: 5px;
}
.main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #981838;
padding: 40px 20px;
}
.footer {
padding: 20px 10px;
text-align: center;
.t1 {
color: #535353;
}
.t2 {
margin-top: 10px;
color: #898989;
}
}
</style>
src/pages/enterprise/login.vue 0 → 100644
浏览文件 @ dab37748
<template>
<div class="login">
<el-row type="flex" justify="space-between" align="middle" style="width: 100%">
<el-col :span="12" class="hidden-xs-only">
<div class="login-logo">
<img src="./assets/login_logo.png" />
</div>
</el-col>
<el-col :span="12" :xs="24">
<div class="login-box">
<router-view @success="handleSuccess"></router-view>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
export default {
methods: {
handleSuccess(response) {
const { url } = webConf.others.enterprise
window.location.href = url
}
}
}
</script>
<style lang="scss" scoped>
.login {
color: #fff;
width: 100%;
max-width: 660px;
margin: 0 auto;
}
::v-deep .el-checkbox {
color: #fff;
}
</style>
src/pages/enterprise/password.vue 0 → 100644
浏览文件 @ dab37748
<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 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
}
.password-form {
max-width: 340px;
margin: 40px auto;
}
</style>
src/pages/kelley/login.vue
浏览文件 @ dab37748
......@@ -33,4 +33,7 @@ export default {
max-width: 660px;
margin: 0 auto;
}
::v-deep .el-checkbox {
color: #fff;
}
</style>
src/pages/sofia/login.vue
浏览文件 @ dab37748
......@@ -33,4 +33,7 @@ export default {
max-width: 660px;
margin: 0 auto;
}
::v-deep .el-checkbox {
color: #fff;
}
</style>
src/router/routes.js
浏览文件 @ dab37748
......@@ -5,6 +5,7 @@ const register = () => import(/* webpackChunkName: "login" */ '@/components/regi
export default [
{ path: '*', redirect: '/auth' },
// 通用
{
path: '/auth',
component: () => import(/* webpackChunkName: "auth" */ '../pages/auth/components/layout.vue'),
......@@ -31,6 +32,7 @@ export default [
}
]
},
// sofia
{
path: '/sofia',
component: () => import(/* webpackChunkName: "sofia" */ '../pages/sofia/components/layout.vue'),
......@@ -52,6 +54,7 @@ export default [
}
]
},
// kelley
{
path: '/kelley',
component: () => import(/* webpackChunkName: "kelley" */ '../pages/kelley/components/layout.vue'),
......@@ -73,6 +76,7 @@ export default [
}
]
},
// wmp
{
path: '/wmp',
component: () => import(/* webpackChunkName: "wmp" */ '../pages/wmp/components/layout.vue'),
......@@ -100,6 +104,95 @@ export default [
}
]
},
// bluestar
{
path: '/bluestar',
component: () => import(/* webpackChunkName: "bluestar" */ '../pages/bluestar/components/layout.vue'),
children: [
{ path: '', redirect: 'login/index' },
{
path: 'login',
component: () => import(/* webpackChunkName: "bluestar" */ '../pages/bluestar/login.vue'),
children: [
{ path: '', redirect: 'index' },
{ path: 'index', component: loginAccount },
{ path: 'code', component: loginCode }
]
},
{
path: 'password',
component: () => import(/* webpackChunkName: "bluestar" */ '../pages/bluestar/password.vue'),
children: [{ path: '', component: password }]
}
]
},
// ecollege
{
path: '/ecollege',
component: () => import(/* webpackChunkName: "ecollege" */ '../pages/ecollege/components/layout.vue'),
children: [
{ path: '', redirect: 'login/index' },
{
path: 'login',
component: () => import(/* webpackChunkName: "ecollege" */ '../pages/ecollege/login.vue'),
children: [
{ path: '', redirect: 'index' },
{ path: 'index', component: loginAccount },
{ path: 'code', component: loginCode }
]
},
{
path: 'password',
component: () => import(/* webpackChunkName: "ecollege" */ '../pages/ecollege/password.vue'),
children: [{ path: '', component: password }]
}
]
},
// enterprise
{
path: '/enterprise',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/enterprise/components/layout.vue'),
children: [
{ path: '', redirect: 'login/index' },
{
path: 'login',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/enterprise/login.vue'),
children: [
{ path: '', redirect: 'index' },
{ path: 'index', component: loginAccount },
{ path: 'code', component: loginCode }
]
},
{
path: 'password',
component: () => import(/* webpackChunkName: "enterprise" */ '../pages/enterprise/password.vue'),
children: [{ path: '', component: password }]
}
]
},
// demo
{
path: '/demo',
component: () => import(/* webpackChunkName: "demo" */ '../pages/demo/components/layout.vue'),
children: [
{ path: '', redirect: 'login/index' },
{
path: 'login',
component: () => import(/* webpackChunkName: "demo" */ '../pages/demo/login.vue'),
children: [
{ path: '', redirect: 'index' },
{ path: 'index', component: loginAccount },
{ path: 'code', component: loginCode }
]
},
{
path: 'password',
component: () => import(/* webpackChunkName: "demo" */ '../pages/demo/password.vue'),
children: [{ path: '', component: password }]
}
]
},
// seg
{
path: '/seg',
component: () => import(/* webpackChunkName: "seg" */ '../pages/seg/components/layout.vue'),
......@@ -121,6 +214,7 @@ export default [
}
]
},
// ciis
{
path: '/ciis',
component: () => import(/* webpackChunkName: "ciis" */ '../pages/ciis/components/layout.vue'),
......@@ -142,6 +236,7 @@ export default [
}
]
},
// campbellsville
{
path: '/campbellsville',
component: () => import(/* webpackChunkName: "campbellsville" */ '../pages/campbellsville/components/layout.vue'),
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论