99 lines
1.8 KiB
Vue
99 lines
1.8 KiB
Vue
<template>
|
|
<div class="login-wrap" v-loading="loading"></div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data: function () {
|
|
return {
|
|
query: {
|
|
account: localStorage.getItem('U_name'),
|
|
code: this.$route.query.code
|
|
},
|
|
loading: true,
|
|
loginForm: {}
|
|
};
|
|
},
|
|
created: function () {
|
|
this.initLinkOrcid();
|
|
},
|
|
methods: {
|
|
initLinkOrcid() {
|
|
this.$api
|
|
.post('api/User/OrcidBinding', this.query)
|
|
.then((res) => {
|
|
this.$message.success('Bind success');
|
|
this.$router.push('/');
|
|
})
|
|
.catch((err) => {
|
|
console.log(err);
|
|
});
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
.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 {
|
|
width: 400px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.ms_login .ms-title,
|
|
.ms_link .ms-title {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
margin: 20px 0;
|
|
color: #fff;
|
|
}
|
|
|
|
.ms_notes {
|
|
width: 400px;
|
|
margin: 0 auto 60px auto;
|
|
padding: 20px 50px;
|
|
line-height: 24px;
|
|
background: rgba(255, 255, 255, 0.5);
|
|
color: #fe7300;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
/* .ms_link {}
|
|
|
|
.ms_link .ms-title {} */
|
|
|
|
.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 {
|
|
margin-left: 130px;
|
|
height: 60px;
|
|
padding-top: 25px;
|
|
}
|
|
|
|
.ms_tab_n .el-tabs__item {
|
|
font-size: 22px;
|
|
padding: 0 40px;
|
|
color: #fff;
|
|
}
|
|
|
|
.ms_tab_n .el-tabs__active-bar {
|
|
left: -22px;
|
|
width: 120px !important;
|
|
}
|
|
</style>
|