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-08-22 19:41:25 +08:00
parent 4d8c396790
commit 21e5fc549a
21 changed files with 602 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/common/Content.vue
View File

@@ -54,24 +54,27 @@
.wrapper {
/* width: 1280px;
margin: 0 auto; */
background: #f8f8f8;
}
.content-box_l {
margin-top: 0;
padding-bottom: 30px;
transition: left .3s ease-in-out;
background: #fff;
background: #f8f8f8;
padding-top: 100px;
}
.content_l {
width: 100%;
height: 100%;
box-sizing: border-box;
overflow-y: auto;
}
.content_l>div {
.content_l>div{
width: 1280px;
margin: 0 auto;
padding: 10px 0;
}
</style>

187
src/components/common/Lead.vue
View File

@@ -1,51 +1,56 @@
<template>
<div class="header">
<div style="width: 1280px;margin: 0 auto;">
<div>
<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>
<!-- <span style="color:#1c66c0" v-if="this.link_path == '/managing'">Chief editor</span>
<span style="color:#e26a2d" v-if="this.link_path == '/editorial'">Editorial board</span>
<span style="color:#4640c4" v-if="this.link_path == '/peerewer'">Reviewer</span>
<span style="color:#cc3646" v-if="this.link_path == '/youthed'">Youth editorial board</span> -->
<span v-if="this.link_path == '/managing' || this.link_path == '/man_text'">Chief editor :</span>
<span v-if="this.link_path == '/editorial'">Editorial board :</span>
<span v-if="this.link_path == '/peerewer'">Reviewer :</span>
<span v-if="this.link_path == '/youthed'">Youth editorial board :</span>
<!-- <span v-if="this.link_path == '/managing'">主编 :</span>
<span v-if="this.link_path == '/editorial'">编委 :</span>
<span v-if="this.link_path == '/peerewer'">审稿人 :</span>
<span v-if="this.link_path == '/youthed'">青年编委 :</span> -->
{{user_name}}
</div>
<div class="group">
TMR Group System
Window for manucripts <br/>of Traditional Medicine Research
</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">
<!-- 身份切换 -->
<el-dropdown class="link_role" trigger="click">
<span>
{{ this.cate_title }}<i class="el-icon-arrow-down el-icon--right"></i>
View as :
<span v-if="this.link_path == '/managing' || this.link_path == '/man_text'">Chief editor</span>
<span v-if="this.link_path == '/editorial'">Editorial board</span>
<span v-if="this.link_path == '/peerewer'">Reviewer</span>
<span v-if="this.link_path == '/youthed'">Youth editorial board</span>
<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>
<router-link :to="{path:'/dashboard'}">
<el-dropdown-item>Author</el-dropdown-item>
</router-link>
<router-link :to="{path:'/managing'}" v-if="this.user_cap.includes('chief')">
<el-dropdown-item>Chief editor</el-dropdown-item>
</router-link>
<router-link :to="{path:'/editorial'}" v-if="this.user_cap.includes('board')">
<el-dropdown-item>Editorial board</el-dropdown-item>
</router-link>
<router-link :to="{path:'/peerewer'}" v-if="this.user_cap.includes('reviewer')">
<el-dropdown-item>Reviewer</el-dropdown-item>
</router-link>
<router-link :to="{path:'/youthed'}" v-if="this.user_cap.includes('yboard')">
<el-dropdown-item>Youth editorial board</el-dropdown-item>
</router-link>
</el-dropdown-menu>
</el-dropdown>
</div>
<div>
@@ -64,30 +69,14 @@
data() {
return {
name: 'linxin',
cate_title: '',
query: {
user_id: localStorage.getItem('U_id')
},
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'
}]
user_name: localStorage.getItem('U_name'),
user_cap: localStorage.getItem('U_role'),
cate_role: []
};
},
computed: {
@@ -105,48 +94,7 @@
},
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() {},
@@ -162,17 +110,23 @@
</script>
<style scoped>
.header {
position: relative;
box-sizing: border-box;
width: 100%;
height: 70px;
height: 100px;
font-size: 22px;
color: #333;
border-bottom: 3px solid #000;
border-bottom: 1px solid #000;
background-color: #fff !important;
margin-bottom: 15px;
position: fixed;
z-index: 10;
}
.header>div {}
.header>div {
position: relative;
width: 1280px;
margin: 0 auto;
}
.collapse-btn {
float: left;
@@ -182,9 +136,9 @@
}
.header .logo {
float: left;
/* width: 400px; */
line-height: 70px;
height: 52px;
float: left;
}
.header .logo i {
@@ -193,34 +147,29 @@
.header .group {
float: left;
width: 600px;
text-align: right;
line-height: 60px;
position: absolute;
text-align: center;
line-height: 30px;
font-weight: bolder;
left: 50%;
top: 15px;
margin-left: -171px;
}
.header-right {
float: right;
padding-right: 20px;
margin-top: 20px;
}
.header-user-con {
display: flex;
height: 70px;
align-items: center;
}
.header-user-con {}
.link_jour {
.link_role {
font-weight: bold;
align-items: center;
cursor: pointer;
/* margin-right: 20px; */
}
.egch_lagu {
margin-right: 20px;
}
.user-name {
margin-right: 20px;
}

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

@@ -116,11 +116,6 @@ export default {
index:'editmbereditor',
title:this.$t('sidebar.editmber1')
}
// ,
// {
// index:'editmberperiod',
// title:this.$t('sidebar.editmber2')
// }
]
},
{

8
src/components/common/common.vue
View File

@@ -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

1
src/components/common/langs/en.js
View File

@@ -64,6 +64,7 @@ const en = {
state3: 'Reject',
state4: 'Revision',
state5: 'Accepted ',
state6: 'fininal decision',
act1: 'Dealing',
act2: 'Finished'
},

3
src/components/common/langs/zh.js
View File

@@ -63,7 +63,8 @@ const zh = {
state2: '送审中',
state3: '拒稿',
state4: '退修',
state5: '接收 ',
state5: '接收',
state6: '终身',
act1: '审查中',
act2: '已完结'
},