1
This commit is contained in:
wangjinlei
@@ -1,8 +1,10 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="login-wrap" v-loading="loading">
|
<div class="login-wrap" v-loading="loading">
|
||||||
<template>
|
<template>
|
||||||
<p class="ms_notes">Thank you for your login with your ORCID ID, please login or register TMR Publshing Group
|
<p class="ms_notes">
|
||||||
account to connect with your ORCID ID. </p>
|
Thank you for your login with your ORCID ID, please login or register TMR Publshing Group account to connect with your ORCID
|
||||||
|
ID.
|
||||||
|
</p>
|
||||||
<!-- <p class="ms_noter">
|
<!-- <p class="ms_noter">
|
||||||
如果你拥有账户但没有绑定相应的ORCID，请点击绑定操作，<br/>
|
如果你拥有账户但没有绑定相应的ORCID，请点击绑定操作，<br/>
|
||||||
如果你没有账户，请点击注册进行相应操作
|
如果你没有账户，请点击注册进行相应操作
|
||||||
@@ -20,19 +22,29 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 密码 -->
|
<!-- 密码 -->
|
||||||
<el-form-item prop="password">
|
<el-form-item prop="password">
|
||||||
<el-input size="small" v-model="loginForm.password" auto-complete="off" placeholder="password" show-password>
|
<el-input
|
||||||
|
size="small"
|
||||||
|
v-model="loginForm.password"
|
||||||
|
auto-complete="off"
|
||||||
|
placeholder="password"
|
||||||
|
show-password
|
||||||
|
>
|
||||||
<i slot="prefix" class="el-icon-lock"></i>
|
<i slot="prefix" class="el-icon-lock"></i>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 按钮 -->
|
<!-- 按钮 -->
|
||||||
<el-row justify="center">
|
<el-row justify="center">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click.native.prevent="handleLogin" class="register-submit" style="width: 100%;">bind</el-button>
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click.native.prevent="handleLogin"
|
||||||
|
class="register-submit"
|
||||||
|
style="width: 100%"
|
||||||
|
>bind</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="Register" name="second">
|
<el-tab-pane label="Register" name="second">
|
||||||
@@ -47,13 +59,25 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 密码 -->
|
<!-- 密码 -->
|
||||||
<el-form-item prop="password">
|
<el-form-item prop="password">
|
||||||
<el-input size="small" v-model="registerForm.password" auto-complete="off" placeholder="password" show-password>
|
<el-input
|
||||||
|
size="small"
|
||||||
|
v-model="registerForm.password"
|
||||||
|
auto-complete="off"
|
||||||
|
placeholder="password"
|
||||||
|
show-password
|
||||||
|
>
|
||||||
<i slot="prefix" class="el-icon-lock"></i>
|
<i slot="prefix" class="el-icon-lock"></i>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 确认密码 -->
|
<!-- 确认密码 -->
|
||||||
<el-form-item prop="passwordd">
|
<el-form-item prop="passwordd">
|
||||||
<el-input size="small" v-model="registerForm.passwordd" auto-complete="off" placeholder="password" show-password>
|
<el-input
|
||||||
|
size="small"
|
||||||
|
v-model="registerForm.passwordd"
|
||||||
|
auto-complete="off"
|
||||||
|
placeholder="password"
|
||||||
|
show-password
|
||||||
|
>
|
||||||
<i slot="prefix" class="el-icon-lock"></i>
|
<i slot="prefix" class="el-icon-lock"></i>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -78,7 +102,13 @@
|
|||||||
<!-- 按钮 -->
|
<!-- 按钮 -->
|
||||||
<el-row justify="center">
|
<el-row justify="center">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" @click.native.prevent="handleRegister" class="register-submit" style="width: 100%;">bind</el-button>
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click.native.prevent="handleRegister"
|
||||||
|
class="register-submit"
|
||||||
|
style="width: 100%"
|
||||||
|
>bind</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
@@ -90,8 +120,8 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data: function() {
|
data: function () {
|
||||||
return {
|
return {
|
||||||
account: localStorage.getItem('ms_username'),
|
account: localStorage.getItem('ms_username'),
|
||||||
loading: false,
|
loading: false,
|
||||||
@@ -104,40 +134,57 @@
|
|||||||
registerForm: {},
|
registerForm: {},
|
||||||
activeName: 'first',
|
activeName: 'first',
|
||||||
registerRules: {
|
registerRules: {
|
||||||
username: [{
|
username: [
|
||||||
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: 'Please enter your username.',
|
message: 'Please enter your username.',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}],
|
}
|
||||||
password: [{
|
],
|
||||||
|
password: [
|
||||||
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: 'Please enter your password.',
|
message: 'Please enter your password.',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}],
|
}
|
||||||
passwordd: [{
|
],
|
||||||
|
passwordd: [
|
||||||
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: 'Please enter your password.',
|
message: 'Please enter your password.',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}],
|
}
|
||||||
name: [{
|
],
|
||||||
|
name: [
|
||||||
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入姓名',
|
message: 'Please enter your real name.',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}],
|
}
|
||||||
phone: [{
|
],
|
||||||
|
phone: [
|
||||||
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入手机号',
|
message: 'Please enter the correct mobile phone number.',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}],
|
}
|
||||||
email: [{
|
],
|
||||||
|
email: [
|
||||||
|
{
|
||||||
required: true,
|
required: true,
|
||||||
message: '请输入邮箱',
|
message: 'Please enter your email address.',
|
||||||
trigger: 'blur'
|
trigger: 'blur'
|
||||||
}]
|
},
|
||||||
|
{
|
||||||
|
type: 'email',
|
||||||
|
message: 'Email address format error（example@gmail.com）.',
|
||||||
|
trigger: 'blur'
|
||||||
|
}
|
||||||
|
]
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created: function() {
|
created: function () {
|
||||||
this.initLinkOrcid();
|
this.initLinkOrcid();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -152,34 +199,34 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.login-wrap {
|
.login-wrap {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-image: url(../../assets/img/login-bg.jpg);
|
background-image: url(../../assets/img/login-bg.jpg);
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
padding-top: 80px;
|
padding-top: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ms_login,
|
.ms_login,
|
||||||
.ms_link{
|
.ms_link {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ms_login .ms-title,
|
.ms_login .ms-title,
|
||||||
.ms_link .ms-title {
|
.ms_link .ms-title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ms_notes {
|
.ms_notes {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
margin: 0 auto 60px auto;
|
margin: 0 auto 60px auto;
|
||||||
padding: 20px 50px;
|
padding: 20px 50px;
|
||||||
@@ -187,34 +234,34 @@
|
|||||||
background: rgba(255, 255, 255, 0.5);
|
background: rgba(255, 255, 255, 0.5);
|
||||||
color: #fe7300;
|
color: #fe7300;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .ms_link {}
|
/* .ms_link {}
|
||||||
|
|
||||||
.ms_link .ms-title {} */
|
.ms_link .ms-title {} */
|
||||||
|
|
||||||
.ms_tab_n {
|
.ms_tab_n {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
background: rgba(255, 255, 255, 0.3);
|
background: rgba(255, 255, 255, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ms_tab_n .el-tabs__nav {
|
.ms_tab_n .el-tabs__nav {
|
||||||
margin-left: 130px;
|
margin-left: 130px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
padding-top: 25px;
|
padding-top: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ms_tab_n .el-tabs__item {
|
.ms_tab_n .el-tabs__item {
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
padding: 0 40px;
|
padding: 0 40px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ms_tab_n .el-tabs__active-bar {
|
.ms_tab_n .el-tabs__active-bar {
|
||||||
left: -22px;
|
left: -22px;
|
||||||
width: 120px !important;
|
width: 120px !important;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user