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:
xulu
2021-09-25 16:15:06 +08:00
parent ae37533b0e
commit ec5e69418b
31 changed files with 4045 additions and 787 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/components/common/Sidebar.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="sidebar">
<el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="#324157"
text-color="#bfcbd9" active-text-color="#20a0ff" unique-opened router>
<el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="#006699"
text-color="#fff" active-text-color="#fff" unique-opened router>
<template v-for="item in items">
<template v-if="item.subs">
<el-submenu :index="item.index" :key="item.index">
@@ -26,13 +26,13 @@
</template>
</template>
<template v-if="this.user_cap.includes('chief')">
<!-- <template v-if="this.user_cap.includes('chief')">
<router-link :to="{path:'/managing'}">
<el-menu-item>
<i class="el-icon-user"></i> Editor-in-Chief
</el-menu-item>
</router-link>
</template>
</template> -->
<template v-if="this.user_cap.includes(',board')">
<router-link :to="{path:'/editorial'}">
<el-menu-item>
@@ -40,13 +40,13 @@
</el-menu-item>
</router-link>
</template>
<template v-if="this.user_cap.includes('reviewer')">
<!-- <template v-if="this.user_cap.includes('reviewer')">
<router-link :to="{path:'/peerewer'}">
<el-menu-item>
<i class="el-icon-user"></i> Reviewer
</el-menu-item>
</router-link>
</template>
</template> -->
<template v-if="this.user_cap.includes('yboard')">
<router-link :to="{path:'/youthed'}">
<el-menu-item>
@@ -54,6 +54,19 @@
</el-menu-item>
</router-link>
</template>
<!-- 主编/总监统计图 -->
<template v-if="this.userrole == 0">
<el-submenu index="8">
<template slot="title">
<i class="el-icon-data-analysis"></i> {{$t('sidebar.analyp')}}
</template>
<el-menu-item index="citationanalysis">
{{$t('sidebar.analysis')}}
</el-menu-item>
</el-submenu>
</template>
<template v-if="this.userrole == 0">
<el-menu-item>
<a href="http://boss.tmrjournals.com/#/publition?Act=123" target="_blank" style="color: #bfcbd9;">
@@ -87,6 +100,7 @@
userrole: localStorage.getItem('U_status'),
user_cap: localStorage.getItem('U_role'),
items: [],
// 作者
author_items: [{
icon: 'el-icon-lx-home',
index: 'dashboard',
@@ -103,25 +117,16 @@
{
index: 'articleAdd',
title: this.$t('sidebar.author2')
},
{
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')
// }
// ]
// ,{
// icon: 'el-icon-notebook-2',
// index: 'authorApplyReviewer',
// title: this.$t('sidebar.authorApplyReviewer')
// }
],
// 编辑
editor_items: [{
icon: 'el-icon-lx-home',
index: 'dashboard',
@@ -149,7 +154,7 @@
}, ]
},
{
icon: 'el-icon-s-custom',
icon: 'el-icon-price-tag',
index: '3',
title: this.$t('sidebar.reviewer'),
subs: [{
@@ -169,8 +174,95 @@
title: this.$t('sidebar.reviewer5')
}
]
},
{
icon: 'el-icon-data-analysis',
index: '5',
title: this.$t('sidebar.analyp'),
subs: [{
index: 'citationanalysis',
title: this.$t('sidebar.analysis')
}]
}
],
// 主编
chief_items: [{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
},
{
icon: 'el-icon-lx-cascades',
index: '1',
title: this.$t('sidebar.author'),
subs: [{
index: 'articleList',
title: this.$t('sidebar.author1')
},
{
index: 'articleAdd',
title: this.$t('sidebar.author2')
}
]
}, {
icon: 'el-icon-document-copy',
index: '2',
title: this.$t('sidebar.man_ing'),
subs: [{
index: 'managing',
title: this.$t('sidebar.man_ing1')
},
{
index: 'manhistory',
title: this.$t('sidebar.man_ing2')
}
]
}, {
icon: 'el-icon-data-analysis',
index: '3',
title: this.$t('sidebar.analyp'),
subs: [{
index: 'citationanalysis',
title: this.$t('sidebar.analysis')
}]
}
],
// 审稿人
reviewer_items: [{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
},
{
icon: 'el-icon-lx-cascades',
index: '1',
title: this.$t('sidebar.author'),
subs: [{
index: 'articleList',
title: this.$t('sidebar.author1')
},
{
index: 'articleAdd',
title: this.$t('sidebar.author2')
}
]
},
{
icon: 'el-icon-collection',
index: '2',
title: this.$t('sidebar.rev_ewer'),
subs: [{
index: 'peerewer',
title: this.$t('sidebar.rev_ewer1')
},
{
index: 'perhistory',
title: this.$t('sidebar.rev_ewer2')
}
]
}
],
//超级管理员
admin_items: [{
icon: 'el-icon-lx-home',
index: 'dashboard',
@@ -228,6 +320,11 @@
}, ]
}
// ,{
// icon: 'el-icon-data-analysis',
// index: 'citationanalysis',
// title: this.$t('sidebar.analysis')
// },
// {
// icon:'el-icon-user-solid',
// index:'4',
@@ -243,36 +340,6 @@
// }
// ]
// }
],
reviewer_items: [{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
},
{
icon: 'el-icon-lx-cascades',
index: '1',
title: this.$t('sidebar.author'),
subs: [{
index: 'articleList',
title: this.$t('sidebar.author1')
},
{
index: 'articleAdd',
title: this.$t('sidebar.author2')
}
]
}
// ,{
// icon: 'el-icon-user',
// index: '2',
// title: this.$t('sidebar.reviewerArticle'),
// subs: [{
// index: 'reviewerArticleList',
// title: this.$t('sidebar.reviewerArticle1')
// }]
// }
]
};
},
@@ -282,18 +349,20 @@
}
},
created() {
if (this.userrole == 2 && this.user_cap.includes('reviewer')) { //审稿人
this.items = this.reviewer_items;
} else if (this.userrole == 2) { //其余的身份（显示作者）
this.items = this.author_items;
if (this.userrole == 2) { //其余的身份（显示作者）
if (this.user_cap.includes('chief')) { //主编
this.items = this.chief_items;
} else if (this.user_cap.includes('reviewer')) { //审稿人
this.items = this.reviewer_items;
} else {
this.items = this.author_items;
}
} else if (this.userrole == 1) { //编辑
this.items = this.editor_items;
} else if (this.userrole == 0) { //超级管理员
this.items = this.admin_items;
}
// else if(this.userrole=='reviewer'){
// this.items = this.reviewer_items;
// }
// 通过 Event Bus 进行组件间通信，来折叠侧边栏
bus.$on('collapse', msg => {
this.collapse = msg;
@@ -311,6 +380,10 @@
top: 70px;
bottom: 0;
overflow-y: scroll;
/* -webkit-box-shadow: 0px 0px 25px 0px rgb(45 69 95 / 10%); */
-moz-box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);
box-shadow: 0px 0px 25px 0px rgb(45 69 95 / 10%);
z-index: 100;
}
.sidebar::-webkit-scrollbar {
@@ -324,4 +397,35 @@
.sidebar>ul {
height: 100%;
}
/* .sidebar ul li.el-menu-item.is-active::before {
background: #fff;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 3px;
} */
.sidebar ul li.el-menu-item.is-active {
background-color: rgba(0, 0, 0, .3) !important;
}
.el-menu {
border-right: 0;
}
.el-menu-item:hover {
/* color: #006699 !important;
background-color: #e3e9ef !important; */
}
.el-submenu__title i {
color: #fff !important;
}
.el-menu-item i {
color: #fff;
}
</style>