1

src/components/page/Login.vue

@@ -25,9 +25,10 @@
                     <el-col :span="12" style="text-align: right">
                         <el-link :underline="false" type="primary" @click="doRegister()">{{ $t('system.register') }}</el-link>
                     </el-col>
-					<el-col :span="24" style="margin-top: 5px;">
+                    <el-col :span="24" style="margin-top: 5px">
-						<el-link :underline="false" type="primary" @click="doRetrieve()">
+                        <el-link :underline="false" type="primary" @click="skip_check()">
-							<img class="orcid" src="../../assets/img/orcid.png" style="float: left;margin: -1px 5px 0 0;"/>Login with your orcid
+                            <img class="orcid" src="../../assets/img/orcid.png" style="float: left; margin: -1px 5px 0 0" />Login with your
+                            orcid
                         </el-link>
                     </el-col>
                 </el-row>
@@ -37,25 +38,31 @@
 </template>
 
 <script>
-	export default {
+export default {
-		data: function() {
+    data: function () {
         return {
             aa: localStorage.getItem('ms_journal'),
+            orcidLink:
+                'https://orcid.org/oauth/authorize?client_id=APP-PKF0BGRP6DWM6FUB&response_type=code&scope=/authenticate&redirect_uri=https://submission.tmrjournals.com/orcidLink',
             param: {
                 username: '',
                 password: ''
             },
             rules: {
-					username: [{
+                username: [
+                    {
                         required: true,
                         message: 'enter one user name',
                         trigger: 'blur'
-					}],
+                    }
-					password: [{
+                ],
+                password: [
+                    {
                         required: true,
                         message: 'Please input a password',
                         trigger: 'blur'
-					}]
+                    }
+                ]
             }
         };
     },
@@ -105,30 +112,34 @@
             this.$router.push({
                 path: '/retrieve'
             });
+        },
+
+        skip_check() {
+            location.href = this.orcidLink;
         }
     }
-	};
+};
 </script>
 
 <style scoped>
-	.login-wrap {
+.login-wrap {
     position: relative;
     width: 100%;
     height: 100%;
     background-image: url(../../assets/img/login-bg.jpg);
     background-size: 100%;
-	}
+}
 
-	.ms-title {
+.ms-title {
     width: 100%;
     line-height: 50px;
     text-align: center;
     font-size: 20px;
     color: #fff;
     border-bottom: 1px solid #ddd;
-	}
+}
 
-	.ms-login {
+.ms-login {
     position: absolute;
     left: 50%;
     top: 50%;
@@ -137,31 +148,31 @@
     border-radius: 5px;
     background: rgba(255, 255, 255, 0.3);
     overflow: hidden;
-	}
+}
 
-	.ms-content {
+.ms-content {
     padding: 30px 30px;
-	}
+}
 
-	.login-btn {
+.login-btn {
     text-align: center;
-	}
+}
 
-	.login-btn button {
+.login-btn button {
     width: 100%;
     height: 36px;
     margin-bottom: 10px;
-	}
+}
 
-	.login-tips {
+.login-tips {
     font-size: 12px;
     line-height: 30px;
     color: #fff;
-	}
+}
 
-	.orcid {
+.orcid {
     display: block;
     width: 15px;
     height: 15px;
-	}
+}
 </style>

src/components/page/orcidLink.vue

@@ -99,12 +99,12 @@
 				registerRules: {
 					username: [{
 						required: true,
-						message: '请输入用户名',
+						message: 'Please enter your username.',
 						trigger: 'blur'
 					}],
 					password: [{
 						required: true,
-						message: '请输入密码',
+						message: 'Please enter your password.',
 						trigger: 'blur'
 					}],
 					name: [{