20210624

src/components/common/Header.vue

@@ -7,7 +7,7 @@
         </div>
         <div class="logo">
             <img src="../../assets/img/logo.png" />
-            {{$t('system.title')}}
+            {{ $t('system.title') }}
         </div>
         <div class="header-right">
             <div class="header-user-con">
@@ -25,28 +25,31 @@
                 </div>
                 <!-- 全屏显示 -->
                 <div class="btn-fullscreen" @click="handleFullScreen">
-                    <el-tooltip
-                        effect="dark"
-                        :content="fullscreen?$t('system.noscreen'):$t('system.screen')"
-                        placement="bottom"
-                    >
+                    <el-tooltip effect="dark" :content="fullscreen ? $t('system.noscreen') : $t('system.screen')" placement="bottom">
                         <i class="el-icon-rank"></i>
                     </el-tooltip>
                 </div>
                 <!-- 消息中心 -->
-                
+
                 <!-- 用户头像 -->
-                <div class="user-avator">
-                    <!-- <img src="../../assets/img/img.jpg" /> -->
+                <div class="user-avator" @click="skip_link()" v-if="hasorcie">
+                    <el-tooltip class="item" effect="light" content="Link to Orcid" placement="bottom-end">
+                        <img src="../../assets/img/orcid.png" />
+                    </el-tooltip>
+                </div>
+                <div class="user-avator" @click="skip_check()" v-else>
+                    <el-tooltip class="item" effect="light" content="Connect to ORCID" placement="bottom-end">
+                        <img src="../../assets/img/orcno.png" />
+                    </el-tooltip>
                 </div>
                 <!-- 用户名下拉菜单 -->
                 <el-dropdown class="user-name" trigger="click" @command="handleCommand">
                     <span class="el-dropdown-link">
-                        {{username}} 
+                        {{ username }}
                         <i class="el-icon-caret-bottom"></i>
                     </span>
                     <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item divided command="loginout">{{$t('system.loyout')}}</el-dropdown-item>
+                        <el-dropdown-item divided command="loginout">{{ $t('system.loyout') }}</el-dropdown-item>
                     </el-dropdown-menu>
                 </el-dropdown>
             </div>
@@ -62,26 +65,33 @@ export default {
             fullscreen: false,
             name: 'unknown user',
             message: 2,
+            hasorcie: false,
+            orcid: '',
+            orcidLink:
+                'https://orcid.org/oauth/authorize?client_id=APP-PKF0BGRP6DWM6FUB&response_type=code&scope=/authenticate&redirect_uri=https://submission.tmrjournals.com/orcidLink',
             langArr: [
                 { value: 'zh', label: '中文' },
                 { value: 'en', label: 'English' }
             ]
         };
     },
+    created() {
+        this.initORCID();
+    },
     computed: {
         username() {
             let username = localStorage.getItem('ms_username');
             return username ? username : this.name;
         },
-        userrole(){
+        userrole() {
             let userrole = localStorage.getItem('ms_userrole');
-            if(userrole==1){
+            if (userrole == 1) {
                 return this.$t('total.author');
-            }else if(userrole==2){
+            } else if (userrole == 2) {
                 return this.$t('total.editor');
-            }else if(userrole=='admin'){
+            } else if (userrole == 'admin') {
                 return this.$t('total.admin');
-            }else{
+            } else {
                 return this.$t('total.reviewers');
             }
         }
@@ -100,6 +110,18 @@ export default {
             this.collapse = !this.collapse;
             bus.$emit('collapse', this.collapse);
         },
+        //判断orcid
+        initORCID() {
+            this.$api
+                .post('api/user/checkOrcid', { account: localStorage.getItem('ms_username') })
+                .then((res) => {
+                    this.hasorcie = res.userinfo.orcid == '' ? false : true;
+                    this.orcid = res.userinfo.orcid;
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
         // 全屏事件
         handleFullScreen() {
             let element = document.documentElement;
@@ -128,9 +150,15 @@ export default {
             this.fullscreen = !this.fullscreen;
         },
         //切换语言
-        chengelang(commond){
-            localStorage.setItem('langs',commond);
+        chengelang(commond) {
+            localStorage.setItem('langs', commond);
             this.$router.go(0);
+        },
+        skip_link() {
+            location.href = 'https://orcid.org/'+this.orcid;
+        },
+        skip_check(){
+            location.href = this.orcidLink;
         }
     },
     mounted() {
@@ -214,9 +242,8 @@ export default {
 }
 .user-avator img {
     display: block;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
+    width: 20px;
+    height: 20px;
 }
 .el-dropdown-link {
     color: #fff;
@@ -225,7 +252,7 @@ export default {
 .el-dropdown-menu__item {
     text-align: center;
 }
-#colgreen{
+#colgreen {
     color: rgb(142, 150, 74);
 }
 </style>

src/components/common/common.vue

@@ -1,8 +1,8 @@
 <script>
-  const baseUrl = '/';
-  const mediaUrl = 'http://api.tmrjournals.com/public/';
-  // const mediaUrl = 'http://www.tougao.com/';
-  // const baseUrl = 'http://www.tougao.com/';
+  // const baseUrl = '/';
+  // const mediaUrl = 'http://api.tmrjournals.com/public/';
+  const mediaUrl = 'http://www.tougao.com/';
+  const baseUrl = 'http://www.tougao.com/';
   export default {
     baseUrl,
     mediaUrl