This commit is contained in:
xulu
2021-08-18 17:45:45 +08:00
parent e6b2a06061
commit a17aebd38c
34 changed files with 2449 additions and 1268 deletions

View File

@@ -0,0 +1,77 @@
<template>
<div class="wrapper">
<v-head></v-head>
<!-- <v-sidebar></v-sidebar> -->
<div class="content-box_l">
<!-- <v-tags></v-tags> -->
<div class="content content_l">
<div>
<transition name="move" mode="out-in">
<keep-alive :include="tagsList">
<router-view></router-view>
</keep-alive>
</transition>
<el-backtop target=".content"></el-backtop>
</div>
</div>
</div>
</div>
</template>
<script>
import vHead from './Lead.vue';
// import vSidebar from './Sidebar.vue';
// import vTags from './Tags.vue';
// import bus from './bus';
export default {
data() {
return {
tagsList: []
};
},
components: {
vHead,
// vSidebar,
// vTags
},
created() {
// bus.$on('collapse-content', msg => {
// this.collapse = msg;
// });
// // 只有在标签页列表里的页面才使用keep-alive即关闭标签之后就不保存到内存中了。
// bus.$on('tags', msg => {
// let arr = [];
// for (let i = 0, len = msg.length; i < len; i++) {
// msg[i].name && arr.push(msg[i].name);
// }
// this.tagsList = arr;
// });
}
};
</script>
<style scoped>
.wrapper {
/* width: 1280px;
margin: 0 auto; */
}
.content-box_l {
margin-top: 0;
padding-bottom: 30px;
transition: left .3s ease-in-out;
background: #fff;
}
.content_l {
width: 100%;
height: 100%;
box-sizing: border-box;
}
.content_l>div {
width: 1280px;
margin: 0 auto;
padding: 10px 0;
}
</style>

View File

@@ -38,7 +38,7 @@
</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">
<el-tooltip class="item" effect="light" content="Connect to ORCID" placement="bottom-end">
<img src="../../assets/img/orcno.png" />
</el-tooltip>
</div>
@@ -80,11 +80,11 @@ export default {
},
computed: {
username() {
let username = localStorage.getItem('ms_username');
let username = localStorage.getItem('U_name');
return username ? username : this.name;
},
userrole() {
let userrole = localStorage.getItem('ms_userrole');
let userrole = localStorage.getItem('U_status');
if (userrole == 1) {
return this.$t('total.author');
} else if (userrole == 2) {
@@ -100,8 +100,8 @@ export default {
// 用户名下拉菜单选择事件
handleCommand(command) {
if (command == 'loginout') {
localStorage.removeItem('ms_username');
localStorage.removeItem('ms_userrole');
localStorage.removeItem('U_name');
localStorage.removeItem('U_status');
this.$router.push('/login');
}
},
@@ -113,7 +113,7 @@ export default {
//判断orcid
initORCID() {
this.$api
.post('api/user/checkOrcid', { account: localStorage.getItem('ms_username') })
.post('api/user/checkOrcid', { account: localStorage.getItem('U_name') })
.then((res) => {
this.hasorcie = res.userinfo.orcid == '' ? false : true;
this.orcid = res.userinfo.orcid;

View File

@@ -0,0 +1,232 @@
<template>
<div class="header">
<div style="width: 1280px;margin: 0 auto;">
<div class="logo">
<img src="../../assets/img/bit_bug.png" alt="" style="width: 80px;margin-right: 10px;">
<span style="color:#1c66c0" v-if="this.link_path == '/managing'">{{$t('charact.role1')}}</span>
<span style="color:#e26a2d" v-if="this.link_path == '/editorial'">{{$t('charact.role2')}}</span>
<span style="color:#4640c4" v-if="this.link_path == '/peerewer'">{{$t('charact.role3')}}</span>
<span style="color:#cc3646" v-if="this.link_path == '/youthed'">{{$t('charact.role4')}}</span>
</div>
<div class="group">
TMR Group System
</div>
<div class="header-right">
<div class="header-user-con">
<!-- 中英文切换 -->
<el-dropdown class="egch_lagu" trigger="click" @command="chengelang">
<span class="el-dropdown-link">
language
<i class="el-icon-caret-bottom"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="en">english</el-dropdown-item>
<el-dropdown-item command="zh">中文简体</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<!-- 用户名下拉菜单 -->
<el-dropdown class="user-name" trigger="click" @command="handleCommand">
<span class="el-dropdown-link">
Master
<!-- {{username}} -->
<i class="el-icon-caret-bottom"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="loginout">退出登录</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<!-- 期刊下拉菜单 -->
<el-dropdown class="link_jour" trigger="click" @command="handlejournal">
<span>
{{ this.cate_title }}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu :default-active="onRoutes" router slot="dropdown">
<el-dropdown-item v-for="item in cate_jour" :command="item" :index="item.index">
<i :class="item.icon"></i>{{ item.title }}
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<div>
</div>
</div>
<br clear="both">
</div>
</div>
</template>
<script>
import bus from '../common/bus';
export default {
data() {
return {
name: 'linxin',
cate_title: '',
link_path: '',
rostage_name: '',
cate_jour: [{
icon: 'el-icon-collection',
id: '1',
index: 'compiler',
title: 'Gastroenterology & Hepatology Research'
}, {
icon: 'el-icon-setting',
id: '2',
index: 'moniting',
title: 'Microenvironment & Microecology Research'
}, {
icon: 'el-icon-news',
id: '3',
index: 'quality',
title: '333'
}, {
icon: 'el-icon-suitcase-1',
id: '4',
index: 'wages',
title: '444'
}]
};
},
computed: {
username() {
let username = localStorage.getItem('U_name');
return username ? username : this.name;
},
onRoutes() {
0
return this.$route.path.replace('/', '');
}
},
created() {
this.getData();
},
methods: {
getData() {
this.cate_title = this.cate_jour[0].title
localStorage.setItem('journal_title', this.cate_jour[0].title);
localStorage.setItem('journal_id', this.cate_jour[0].id);
this.$router.push({
path: this.link_path,
query: {
jour_id: this.cate_jour[0].id
}
});
},
// 期刊下拉菜单点击
handlejournal(command) {
this.cate_title = command.title;
localStorage.setItem('journal_title', command.title);
localStorage.setItem('journal_id', command.id);
this.$router.push({
path: this.link_path,
query: {
jour_id: command.id
}
});
},
//切换语言
chengelang(commond) {
localStorage.setItem('langs', commond);
this.$router.go(0);
},
// 用户名下拉菜单选择事件
handleCommand(command) {
if (command == 'loginout') {
// 二次确认
this.$confirm('确定要退出登录', '提示', {
type: 'warning'
})
.then(() => {
this.$router.push('/login');
})
.catch(() => {});
}
}
},
mounted() {},
watch: {
$route: {
handler: function(route) {
this.link_path = route.path
},
immediate: true
}
}
};
</script>
<style scoped>
.header {
position: relative;
box-sizing: border-box;
width: 100%;
height: 70px;
font-size: 22px;
color: #333;
border-bottom: 3px solid #000;
background-color: #fff !important;
}
.header>div {}
.collapse-btn {
float: left;
padding: 0 21px;
cursor: pointer;
line-height: 70px;
}
.header .logo {
float: left;
/* width: 400px; */
line-height: 70px;
}
.header .logo i {
margin-right: 10px;
}
.header .group {
float: left;
width: 600px;
text-align: right;
line-height: 60px;
font-weight: bolder;
}
.header-right {
float: right;
padding-right: 20px;
}
.header-user-con {
display: flex;
height: 70px;
align-items: center;
}
.link_jour {
font-weight: bold;
align-items: center;
cursor: pointer;
}
.egch_lagu {
margin-right: 20px;
}
.user-name {
margin-right: 20px;
}
.el-dropdown-link {
color: #333;
cursor: pointer;
}
</style>

View File

@@ -55,7 +55,7 @@ export default {
data() {
return {
collapse: false,
userrole:localStorage.getItem('ms_userrole'),
userrole:localStorage.getItem('U_status'),
items:[],
author_items: [
{
@@ -77,18 +77,18 @@ export default {
title:this.$t('sidebar.author2')
}
]
},
{
icon: 'el-icon-user',
index: '2',
title: this.$t('sidebar.reviewerArticle'),
subs:[
{
index:'authorApplyReviewer',
title:this.$t('sidebar.authorApplyReviewer')
}
]
}
// {
// icon: 'el-icon-user',
// index: '2',
// title: this.$t('sidebar.reviewerArticle'),
// subs:[
// {
// index:'authorApplyReviewer',
// title:this.$t('sidebar.authorApplyReviewer')
// }
// ]
// }
],
editor_items:[
{
@@ -107,6 +107,21 @@ export default {
}
]
},
{
icon:'el-icon-paperclip',
index:'4',
title:this.$t('sidebar.editmber'),
subs:[
{
index:'editmbereditor',
title:this.$t('sidebar.editmber1')
},
{
index:'editmberperiod',
title:this.$t('sidebar.editmber2')
}
]
},
{
icon:'el-icon-s-custom',
index:'3',
@@ -248,15 +263,16 @@ export default {
}
},
created() {
if(this.userrole==1){
if(this.userrole==2){ //其余的身份(显示作者)
this.items = this.author_items;
}else if(this.userrole ==2){
}else if(this.userrole ==1){ //编辑
this.items = this.editor_items;
}else if(this.userrole=='admin'){
}else if(this.userrole==0){ //超级管理员
this.items = this.admin_items;
}else if(this.userrole=='reviewer'){
this.items = this.reviewer_items;
}
// else if(this.userrole=='reviewer'){
// this.items = this.reviewer_items;
// }
// 通过 Event Bus 进行组件间通信,来折叠侧边栏
bus.$on('collapse', msg => {
this.collapse = msg;

View File

@@ -1,72 +1,82 @@
const en = {
system: {
title: 'Submission System',
repassword:'Forgot your password?',
register:'Not registered yet? Register now.',
orcidlogin:'Login with your ORCID iD',
login:'Log in',
forgetpwd:'Find Your Password',
screen:'full screen',
noscreen:'Cancel full screen',
loyout:'Log out',
langbtn:'language',
label:'Label options',
labelother:'close other',
labelall:'close all'
},
total:{
author:'author',
editor:'editor',
reviewers:'reviewer',
admin:'admin'
},
sidebar:{
main:'Home Page',
author:'Author',
author1:'My manuscript',
author2:'Submit manuscript',
editor:'Editor',
editor1:'Manuscript list',
editormanage:'Editor Management',
editormanage1:'Editor list',
editormanage2:'Add editor',
journal:'Journal Management',
journal1:'Journal list',
journal2:'Add journal',
reviewer:'Reviewer Management',
reviewer1:'Reviewer application list',
reviewer2:'Reviewer list',
reviewer3:'Reviewer import',
reviewer4:'Import error',
reviewerArticle:'Reviewer',
reviewerArticle1:'Manuscript list',
authorApplyReviewer:'Become reviewer',
reviewerimport:'Reviewer import',
reviewerimporterror:'import error',
monitor:'Monitor',
monitor1:'Manuscript situation',
chief:'Chief editor',
chief1:'Editor list',
chief2:'Journal list'
},
home:{
authortop:'Author guide',
usermsg:'New messages',
},
artstate:{
state0:'Received',
state1:'With editor',
state2:'Under review',
state3:'Reject',
state4:'Revision',
state5:'Accepted ',
act1:'Dealing',
act2:'Finished'
},
system: {
title: 'Submission System',
repassword: 'Forgot your password?',
register: 'Not registered yet? Register now.',
orcidlogin: 'Login with your ORCID iD',
login: 'Log in',
forgetpwd: 'Find Your Password',
screen: 'full screen',
noscreen: 'Cancel full screen',
loyout: 'Log out',
langbtn: 'language',
label: 'Label options',
labelother: 'close other',
labelall: 'close all'
},
total: {
author: 'author',
editor: 'editor',
reviewers: 'reviewer',
admin: 'admin'
},
sidebar: {
main: 'Home Page',
author: 'Author',
author1: 'My manuscript',
author2: 'Submit manuscript',
editor: 'Editor',
editor1: 'Manuscript list',
editormanage: 'Editor Management',
editormanage1: 'Editor list',
editormanage2: 'Add editor',
journal: 'Journal Management',
journal1: 'Journal list',
journal2: 'Add journal',
reviewer: 'Reviewer Management',
reviewer1: 'Reviewer application list',
reviewer2: 'Reviewer list',
reviewer3: 'Reviewer import',
reviewer4: 'Import error',
reviewerArticle: 'Reviewer',
reviewerArticle1: 'Manuscript list',
authorApplyReviewer: 'Become reviewer',
reviewerimport: 'Reviewer import',
reviewerimporterror: 'import error',
monitor: 'Monitor',
monitor1: 'Manuscript situation',
chief: 'Chief editor',
chief1: 'Editor list',
chief2: 'Journal list',
editmber: 'Editorial management',
editmber1: 'Editorial board list',
editmber2: 'Journal List'
},
home: {
authortop: 'Author guide',
usermsg: 'New messages',
},
artstate: {
state0: 'Received',
state1: 'With editor',
state2: 'Under review',
state3: 'Reject',
state4: 'Revision',
state5: 'Accepted ',
act1: 'Dealing',
act2: 'Finished'
},
charact: {
role: 'Role',
role1: 'Role editor',
role2: 'Editorial board',
role3: 'Reviewer',
role4: 'Youth editorial board',
}
}
export default en;
export default en;

View File

@@ -1,72 +1,81 @@
const zh = {
system: {
title: '投稿系统',
repassword:'忘记密码',
register:'注册',
orcidlogin:'ORCID登陆',
login:'登录',
forgetpwd:'找回密码',
screen:'全屏',
noscreen:'取消全屏',
loyout:'退出登录',
langbtn:'语言选择',
label:'标签选项',
labelother:'关闭其他',
labelall:'关闭所有'
},
total:{
author:'作者',
editor:'编辑',
reviewers:'审稿人',
admin:'管理员'
},
sidebar:{
main:'系统首页',
author:'作者',
author1:'我的稿件',
author2:'新增稿件',
editor:'编辑',
editor1:'待审稿件',
editormanage:'编辑管理',
editormanage1:'编辑列表',
editormanage2:'添加编辑',
journal:'期刊管理',
journal1:'期刊列表',
journal2:'添加期刊',
reviewer:'审稿人管理',
reviewer1:'申请列表',
reviewer2:'审稿人列表',
reviewer3:'审稿人导入',
reviewer4:'导入失败列表',
reviewerArticle:'审稿人',
reviewerArticle1:'待审文章',
authorApplyReviewer:'成为审稿人',
reviewerimport:'审稿人导入',
reviewerimporterror:'导入失败列表',
monitor:'总监',
monitor1:'稿件情况',
chief:'主编管理',
chief1:'主编列表',
chief2:'期刊列表'
},
home:{
authortop:'用户指南',
usermsg:'新消息',
},
artstate:{
state0:'投稿中',
state1:'已受理',
state2:'送审中',
state3:'拒稿',
state4:'退修',
state5:'接收 ',
act1:'审查中',
act2:'已完结'
},
system: {
title: '投稿系统',
repassword: '忘记密码',
register: '注册',
orcidlogin: 'ORCID登陆',
login: '登录',
forgetpwd: '找回密码',
screen: '全屏',
noscreen: '取消全屏',
loyout: '退出登录',
langbtn: '语言选择',
label: '标签选项',
labelother: '关闭其他',
labelall: '关闭所有'
},
total: {
author: '作者',
editor: '编辑',
reviewers: '审稿人',
admin: '管理员'
},
sidebar: {
main: '系统首页',
author: '作者',
author1: '我的稿件',
author2: '新增稿件',
editor: '编辑',
editor1: '待审稿件',
editormanage: '编辑管理',
editormanage1: '编辑列表',
editormanage2: '添加编辑',
journal: '期刊管理',
journal1: '期刊列表',
journal2: '添加期刊',
reviewer: '审稿人管理',
reviewer1: '申请列表',
reviewer2: '审稿人列表',
reviewer3: '审稿人导入',
reviewer4: '导入失败列表',
reviewerArticle: '审稿人',
reviewerArticle1: '待审文章',
authorApplyReviewer: '成为审稿人',
reviewerimport: '审稿人导入',
reviewerimporterror: '导入失败列表',
monitor: '总监',
monitor1: '稿件情况',
chief: '主编管理',
chief1: '主编列表',
chief2: '期刊列表',
editmber: '编委管理',
editmber1: '编委列表',
editmber2: '期刊列表'
},
home: {
authortop: '用户指南',
usermsg: '新消息',
},
artstate: {
state0: '投稿中',
state1: '已受理',
state2: '送审中',
state3: '拒稿',
state4: '退修',
state5: '接收 ',
act1: '审查中',
act2: '已完结'
},
charact: {
role: '角色',
role1: '主编',
role2: '编委',
role3: '审稿人',
role4: '青年编委',
}
}
export default zh;
export default zh;