zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
wangjinlei
2021-06-24 16:04:58 +08:00
parent c4ef66b250
commit 78a09f4ad8
1 changed files with 246 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
src/components/page/orcidLink.vue
View File

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