zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改编辑工作台

Browse Source
This commit is contained in:
始于初见
2024-09-03 16:10:52 +08:00
parent 982a3313e8
commit 5a670be729
11 changed files with 1371 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

662
src/components/common/Sidebar copy.vue Normal file
View File

@@ -0,0 +1,662 @@
<template>
<div class="sidebar">
<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">
<template slot="title">
<i :class="item.icon"></i>
<span slot="title"> {{ item.title }}</span>
</template>
<template v-for="subItem in item.subs">
<el-submenu v-if="subItem.subs" :index="subItem.index" :key="subItem.index">
<template slot="title">
{{ subItem.title }}
<!-- <el-badge is-dot :hidden="false">{{ subItem.title }}</el-badge> -->
</template>
<el-menu-item v-for="(threeItem, i) in subItem.subs" :key="i" :index="threeItem.index">
{{ threeItem.title }}
</el-menu-item>
</el-submenu>
<el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }} </el-menu-item>
</template>
</el-submenu>
</template>
<template v-else>
<el-menu-item :index="item.index" :key="item.index">
<i :class="item.icon"></i>
<span slot="title"> {{ item.title }}</span>
</el-menu-item>
</template>
</template>
<!-- 审稿人 -->
<template v-if="this.user_cap.includes('reviewer')">
<el-submenu index="8">
<template slot="title"> <i class="el-icon-collection"></i> {{ $t('sidebar.rev_ewer') }} </template>
<el-menu-item index="peerewer">
{{ $t('sidebar.rev_ewer1') }}
</el-menu-item>
<el-menu-item index="perhistory">
{{ $t('sidebar.rev_ewer2') }}
</el-menu-item>
</el-submenu>
</template>
<!-- 编委 -->
<template v-if="this.user_cap.includes(',board')">
<el-submenu index="7">
<template slot="title"> <i class="el-icon-notebook-1"></i> {{ $t('sidebar.edit_oria') }} </template>
<!-- <el-menu-item index="editorial">
{{ $t('sidebar.edit_oria1') }}
</el-menu-item> -->
<el-menu-item index="edithistory">
{{ $t('sidebar.edit_oria2') }}
</el-menu-item>
</el-submenu>
</template>
<!-- 主编 -->
<template v-if="this.user_cap.includes('chief')">
<el-submenu index="6">
<template slot="title"> <i class="el-icon-document-copy"></i> {{ $t('sidebar.man_ing') }} </template>
<el-menu-item index="managing">
{{ $t('sidebar.man_ing1') }}
</el-menu-item>
<el-menu-item index="manarticle">
{{ $t('sidebar.man_ing2') }}
</el-menu-item>
</el-submenu>
<!-- <el-menu-item index="documentView">
<i class="el-icon-document-copy"></i>
<span slot="title"> {{$t('sidebar.document')}}</span>
</el-menu-item> -->
<el-submenu index="10">
<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.user_cap.includes('yboard')">
<el-submenu index="9">
<template slot="title"> <i class="el-icon-copy-document"></i> {{ $t('sidebar.you_thed') }} </template>
<el-menu-item index="youthed">
{{ $t('sidebar.you_thed1') }}
</el-menu-item>
</el-submenu>
</template>
<!-- 客座编辑 -->
<template v-if="this.user_cap.includes('special')">
<el-submenu index="11">
<template slot="title"> <i class="el-icon-box"></i> {{ $t('sidebar.guest') }} </template>
<el-menu-item index="guestArticleL">
{{ $t('sidebar.guest1') }}
</el-menu-item>
<!-- <el-menu-item index="guestReviewerL">
{{$t('sidebar.guest2')}}
</el-menu-item> -->
</el-submenu>
</template>
<!-- 超管：总经理+总监 -->
<template v-if="this.user_cap.includes('superadmin')">
<el-submenu index="12">
<template slot="title"> <i class="el-icon-s-operation"></i> {{ $t('sidebar.managingDirector') }} </template>
<!-- <el-menu-item index="youthed">
{{$t('sidebar.you_thed1')}}
</el-menu-item> -->
</el-submenu>
<el-submenu index="13">
<template slot="title"> <i class="el-icon-s-platform"></i> {{ $t('sidebar.chiefInspector') }} </template>
<el-menu-item index="editorialBoard">
{{ $t('sidebar.editorialBoard1') }}
</el-menu-item>
<el-menu-item index="superYoungScientistManagement">
{{ $t('sidebar.editorialBoard2') }}
</el-menu-item>
<el-menu-item index="superJournalsManagement">
{{ $t('sidebar.editorialBoard3') }}
</el-menu-item>
<el-menu-item index="journalArticleCount">
{{ $t('sidebar.journalArticleCount') }}
</el-menu-item>
</el-submenu>
</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">
<i class="el-icon-d-arrow-right"></i> Boss System
</a>
</el-menu-item>
</template>
<!-- 编辑 -->
<template v-if="this.userrole == 1">
<el-submenu index="mailboxManagement">
<template slot="title"> <i class="el-icon-message"></i> {{ $t('sidebar.mailboxManagement') }} </template>
<el-menu-item index="mailboxManagement">
{{ $t('sidebar.mailboxManagement') }}
</el-menu-item>
</el-submenu>
<el-submenu index="tools">
<template slot="title"> <i class="el-icon-paperclip"></i> {{ $t('sidebar.tools') }} </template>
<el-menu-item index="RejectedArticles">
{{ $t('sidebar.ReArticles') }}
</el-menu-item>
<!-- <el-menu-item index="1" key="1"> -->
<a href="http://master.tmrjournals.com" target="_blank" class="linkBar"> Management System </a>
<!-- </el-menu-item> -->
<!-- <el-menu-item index="2" key="2"> -->
<a href="https://mail.mxhichina.com/alimail" target="_blank" class="linkBar"> Official mailbox </a>
<!-- </el-menu-item> -->
<!-- <el-menu-item index="3" key="3"> -->
<a href="https://www.grammarly.com" target="_blank" class="linkBar"> www.grammarly.com </a>
<!-- </el-menu-item> -->
<!-- <el-menu-item index="4" key="4"> -->
<a href="https://quillbot.com" target="_blank" class="linkBar"> quillbot.com </a>
<!-- </el-menu-item> -->
</el-submenu>
</template>
</el-menu>
</div>
</template>
<script>
import bus from '../common/bus';
export default {
data() {
return {
collapse: false,
userrole: localStorage.getItem('U_status'),
user_cap: localStorage.getItem('U_role'),
menuList:[
{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
},
],
items: [],
// 作者
author_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: 'articleDrafts',
title: this.$t('sidebar.author3')
},
{
index: 'articleAdd',
title: this.$t('sidebar.author2')
}
]
}
// ,{
// icon: 'el-icon-notebook-2',
// index: 'authorApplyReviewer',
// title: this.$t('sidebar.authorApplyReviewer')
// }
],
// 编辑
editor_items: [
{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
},
{
icon: 'el-icon-lx-copy',
index: 'articleListEditor',
title: this.$t('sidebar.editor1')
},
// {
// icon: 'el-icon-user',
// index: '3',
// title: this.$t('sidebar.userTalSys'),
// subs: [{
// index: 'partyList',
// title: this.$t('sidebar.userTalSys1')
// }
// , {
// index: 'partyDelete',
// title: this.$t('sidebar.userTalSys2')
// }, {
// index: 'editorBorder',
// title: this.$t('sidebar.userTalSys3')
// }, {
// index: 'reviewerApplyList',
// title: this.$t('sidebar.userTalSys4')
// }, {
// index: 'reviewerAuthorList',
// title: this.$t('sidebar.userTalSys5')
// }, {
// index: 'reviewerList',
// title: this.$t('sidebar.userTalSys6')
// }, {
// index: 'editApplyList',
// title: this.$t('sidebar.userTalSys7')
// }, {
// index: 'youthApplyList',
// title: this.$t('sidebar.userTalSys8')
// },
// ]
// },
{
icon: 'el-icon-user',
index: '4',
title: this.$t('sidebar.userManSys'),
subs: [
{
title: this.$t('sidebar.userManSys1'),
index: '41',
subs: [
// {
// index: 'partyListAct',
// title: this.$t('sidebar.userManSys11')
// },{
// index: 'partyListIna',
// title: this.$t('sidebar.userManSys12')
// },
{
index: 'partyList',
title: this.$t('sidebar.userManSys14')
},
{
index: 'partyListCorr',
title: this.$t('sidebar.userManSys15')
},
{
index: 'partyListPot',
title: this.$t('sidebar.userManSys13')
}
]
},
// {
// index: '',
// title: this.$t('sidebar.userManSys2')
// },
{
title: this.$t('sidebar.userManSys3'),
index: '43',
subs: [
{
index: 'reviewerList',
title: this.$t('sidebar.userManSys31')
},
{
index: 'reviewerApplyList',
title: this.$t('sidebar.userManSys32')
},
{
index: 'reviewerAuthorList',
title: this.$t('sidebar.userManSys33')
}
]
},
{
title: this.$t('sidebar.userManSys4'),
index: '44',
subs: [
{
index: 'editorBorder',
title: this.$t('sidebar.userManSys41')
},
{
index: 'editApplyList',
title: this.$t('sidebar.userManSys42')
}
]
},
{
title: this.$t('sidebar.userManSys5'),
index: '45',
subs: [
{
index: 'youthList',
title: this.$t('sidebar.userManSys51')
},
{
index: 'youthApplyList',
title: this.$t('sidebar.userManSys52')
}
]
},
{
index: 'disseMRecord',
title: this.$t('sidebar.userManSys6')
},
// {
// index: 'disseMRecord',
// title: this.$t('sidebar.userManSys8')
// },
{
index: 'Academic_Integrity_Committee_list',
title: this.$t('sidebar.userManSys8')
},
{
index: 'Editors_Staff',
title: this.$t('sidebar.userManSys9')
},
{
index: 'partyDelete',
title: this.$t('sidebar.userManSys7')
}
]
},
{
icon: 'el-icon-data-analysis',
index: 'citationanalysis',
title: this.$t('sidebar.datasis'),
subs: [
{ icon: 'el-icon-data-analysis', index: 'citationanalysis', title: this.$t('sidebar.analysis') },
{ icon: 'el-icon-data-analysis', index: 'evaluationsis', title: this.$t('sidebar.evaluationsis') }
]
},
{
icon: 'el-icon-chat-line-square',
index: 'TMRGPT',
title: 'TMRGPT'
},
{
icon: 'el-icon-connection',
index: '5',
title: this.$t('sidebar.journalManagement'),
subs: [
{
index: 'Journal_Agreement',
title: this.$t('sidebar.userManSys11')
}
]
}
],
//超级管理员
admin_items: [
{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
},
{
icon: 'el-icon-connection',
index: '5',
title: this.$t('sidebar.chief'),
subs: [
{
index: 'chiefeditor',
title: this.$t('sidebar.chief1')
}
// {
// index: 'chiefperiod',
// title: this.$t('sidebar.chief2')
// }
]
},
{
icon: 'el-icon-user',
index: '2',
title: this.$t('sidebar.editormanage'),
subs: [
{
index: 'editorList',
title: this.$t('sidebar.editormanage1')
},
{
index: 'editorAdd',
title: this.$t('sidebar.editormanage2')
}
]
},
{
icon: 'el-icon-notebook-1',
index: '3',
title: this.$t('sidebar.journal'),
subs: [
{
index: 'journalList',
title: this.$t('sidebar.journal1')
},
{
index: 'journalAdd',
title: this.$t('sidebar.journal2')
}
]
},
{
icon: 'el-icon-search',
index: '4',
title: this.$t('sidebar.monitor'),
subs: [
{
index: 'monitorManuscript',
title: this.$t('sidebar.monitor1')
}
]
},
{
icon: 'el-icon-message',
index: '9',
title: this.$t('sidebar.email'),
subs: [
{
index: 'mailtemplate',
title: this.$t('sidebar.email1')
}
]
},
{
icon: 'el-icon-discount',
index: '6',
title: this.$t('sidebar.suggest'),
subs: [
{
index: 'suggestList',
title: this.$t('sidebar.suggest1')
}
// {
// index: 'suggestSelect',
// title: this.$t('sidebar.suggest2')
// }
]
},
{
icon: 'el-icon-coordinate',
index: '7',
title: this.$t('sidebar.party'),
subs: [
{
index: 'partyEditor',
title: this.$t('sidebar.party1')
},
{
index: 'partyList',
title: this.$t('sidebar.party2')
},
{
index: 'partyDelete',
title: this.$t('sidebar.party3')
}
]
},
{
// 总监编委系统
icon: 'el-icon-s-opportunity',
index: '10',
title: this.$t('sidebar.editorialBoard'),
subs: [
{
index: 'editorialBoard',
title: this.$t('sidebar.editorialBoard1')
}
// {
// index: 'partyList',
// title: this.$t('sidebar.party2')
// }, {
// index: 'partyDelete',
// title: this.$t('sidebar.party3')
// }
]
}
// ,{
// icon: 'el-icon-data-analysis',
// index: 'citationanalysis',
// title: this.$t('sidebar.analysis')
// },
// {
// icon:'el-icon-user-solid',
// index:'4',
// title:this.$t('sidebar.reviewer'),
// subs:[
// {
// index:'adminImportReviewer',
// title:this.$t('sidebar.reviewerimport')
// },
// {
// index:'adminImportreviewerError',
// title:this.$t('sidebar.reviewerimporterror')
// }
// ]
// }
]
};
},
computed: {
onRoutes() {
return this.$route.path.replace('/', '');
}
},
created() {
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 if (this.user_cap.includes('yboard')) { //青年编委
// this.items = this.yboard_items;
// } else if (this.user_cap.includes(',board')) { //编委
// this.items = this.board_items;
// }
this.items = this.author_items;
} else if (this.userrole == 1) {
//编辑
this.items = this.editor_items;
this.getDate();
} else if (this.userrole == 0) {
//超级管理员
this.items = this.admin_items;
}
// 通过 Event Bus 进行组件间通信，来折叠侧边栏
bus.$on('collapse', (msg) => {
this.collapse = msg;
bus.$emit('collapse-content', msg);
});
},
methods: {
// 获取数据
getDate() {}
}
};
</script>
<style scoped>
.sidebar {
display: block;
position: absolute;
left: 0;
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 {
width: 0;
}
.sidebar-el-menu:not(.el-menu--collapse) {
width: 260px;
}
.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, 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;
top: 55% !important;
}
.el-menu-item i {
color: #fff;
}
.linkBar {
color: #fff;
display: block;
line-height: 50px;
padding: 0 0 0 40px;
font-size: 14px;
}
.linkBar:hover {
background: #00527a;
}
</style>

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

@@ -23,9 +23,22 @@
{{ subItem.title }}
<!-- <el-badge is-dot :hidden="false">{{ subItem.title }}</el-badge> -->
</template>
<el-menu-item v-for="(threeItem, i) in subItem.subs" :key="i" :index="threeItem.index">
{{ threeItem.title }}
</el-menu-item>
<template v-for="(threeItem, i) in subItem.subs">
<el-submenu v-if="threeItem.subs" :index="threeItem.index" :key="threeItem.index">
<template slot="title">
{{ threeItem.title }}
<!-- <el-badge is-dot :hidden="false">{{ subItem.title }}</el-badge> -->
</template>
<el-menu-item v-for="(fourItem, i) in threeItem.subs" :key="i" :index="fourItem.index">
{{ fourItem.title }}
</el-menu-item>
</el-submenu>
<el-menu-item v-else :index="threeItem.index" :key="threeItem.index"
>{{ threeItem.title }}
</el-menu-item>
</template>
</el-submenu>
<el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }} </el-menu-item>
</template>
@@ -185,6 +198,10 @@ export default {
collapse: false,
userrole: localStorage.getItem('U_status'),
user_cap: localStorage.getItem('U_role'),
menuList: [
],
items: [],
// 作者
author_items: [
@@ -220,16 +237,54 @@ export default {
],
// 编辑
editor_items: [
{
{
icon: 'el-icon-lx-home',
index: 'dashboard',
title: this.$t('sidebar.main')
title: this.$t('menu.main')
},
{
icon: 'el-icon-lx-copy',
index: 'articleListEditor',
title: this.$t('sidebar.editor1')
title: this.$t('menu.PublicationSystem'),
subs: [
{
//论文编辑系统
icon: 'el-icon-lx-copy',
index: 'articleListEditor',
title: this.$t('menu.PaperEditingSystem')
},
{
//论文出版监督
icon: 'el-icon-lx-copy',
index: 'PaperPublicationSupervise',
title: this.$t('menu.PaperPublicationSupervise'),
subs: [
{
//论文提交分析
icon: 'el-icon-lx-copy',
index: 'PaperSubmitanalysis',
title: this.$t('menu.PaperSubmitanalysis')
},
{
//文章发表分析
icon: 'el-icon-lx-copy',
index: 'ArticlePublicationanalysis',
title: this.$t('menu.ArticlePublicationanalysis'),
subs: [
{
icon: 'el-icon-data-analysis',
index: 'paperArticleCount',
title: this.$t('menu.journalArticleCount')
},
{ icon: 'el-icon-data-analysis', index: 'citationanalysis', title: this.$t('menu.analysis') },
{ icon: 'el-icon-data-analysis', index: 'evaluationsis', title: this.$t('menu.evaluationsis') }
]
}
]
}
]
},
// {
// icon: 'el-icon-user',
// index: '3',
@@ -365,15 +420,15 @@ export default {
}
]
},
{
icon: 'el-icon-data-analysis',
index: 'citationanalysis',
title: this.$t('sidebar.datasis'),
subs: [
{ icon: 'el-icon-data-analysis', index: 'citationanalysis', title: this.$t('sidebar.analysis') },
{ icon: 'el-icon-data-analysis', index: 'evaluationsis', title: this.$t('sidebar.evaluationsis') }
]
},
// {
// icon: 'el-icon-data-analysis',
// index: 'citationanalysis',
// title: this.$t('sidebar.datasis'),
// subs: [
// { icon: 'el-icon-data-analysis', index: 'citationanalysis', title: this.$t('sidebar.analysis') },
// { icon: 'el-icon-data-analysis', index: 'evaluationsis', title: this.$t('sidebar.evaluationsis') }
// ]
// },
{
icon: 'el-icon-chat-line-square',
index: 'TMRGPT',

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

@@ -23,6 +23,19 @@ const en = {
reviewers: 'reviewer',
admin: 'admin'
},
menu: {
main: 'Personal Center',
PublicationSystem: 'Publication System',
PaperEditingSystem: 'Paper Editing System',
PaperPublicationSupervise: 'Paper Publication Supervise',
PaperSubmitanalysis: 'Paper Submit Analysis',
ArticlePublicationanalysis: 'Article Publication Analysis',
journalArticleCount: 'Article Count',
Promotionsystem: 'Promotion System',
Userdatabase: 'User Database',
analysis: 'Article Analysis',
evaluationsis: 'Article Distribution',
},
sidebar: {
main: 'Personal Center',
author: 'Author',
@@ -172,6 +185,9 @@ const en = {
yearTitle: 'Total annual submission volume',
monthTitle: 'Monthly submission volume',
dataTitle: 'Submission volume',
transferQuantity:'Transfer quantity',
info:'The following data is',
loading:'LOADING',
},
journalArticleTable: {
title: 'journal',

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

@@ -23,6 +23,20 @@ const zh = {
reviewers: '审稿人',
admin: '管理员'
},
menu: {
main: '个人中心',
PublicationSystem: '出版系统',
PaperEditingSystem: '论文编辑系统',
PaperPublicationSupervise: '论文出版监督',
PaperSubmitanalysis: '论文提交分析',
ArticlePublicationanalysis: '文章发表分析',
journalArticleCount: '文章计数',
Promotionsystem: '推广管理',
Userdatabase: '用户数据库',
analysis: '文章分析',
evaluationsis: '文章分发',
},
sidebar: {
main: '个人中心',
author: '作者',
@@ -169,7 +183,12 @@ const zh = {
role4: '青年编委',
}, journalArticleCount: {
yearTitle: '年度总投稿量',
monthTitle: '月度投稿量', dataTitle: '投稿量',
monthTitle: '月度投稿量',
dataTitle: '投稿量',
transferQuantity: '转出量',
info:'以下数据为',
loading:'加载中',
},
journalArticleTable: {
title: '期刊',

294
src/components/page/PaperSubmitanalysis.vue Normal file
View File

@@ -0,0 +1,294 @@
<template>
<div class="container" style="padding-bottom: 50px; width: 100%; height: 100%" v-loading="loading" >
<div style="width: 100%; height: 38vh; margin-bottom: 2vh; position: relative">
<i class="el-icon-refresh refresh" @click="getCharts('year')"></i>
<div id="yearchart" style="width: 100%; height: 100%"></div>
</div>
<div style="width: 100%; height: 44vh; position: relative; margin-bottom: 80px">
<i class="el-icon-refresh refresh" @click="getCharts('month')"></i>
<div id="monthchart" style="width: 100%; height: 100%"></div>
</div>
<div
style="
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #f4f4f5;
padding: 10px;
font-size: 12px;
color: #909399;
"
>
{{ $t('journalArticleCount.info') }} : {{ $t('journalArticleCount.dataTitle') }} /
{{ $t('journalArticleCount.transferQuantity') }}
</div>
<div style="width: 100%; height: auto; margin-bottom: 20px">
<jAtableY type="year" ref="yearTableData"></jAtableY>
</div>
<div
style="
width: 100%;
height: auto;
margin-top: 50px;
margin-bottom: 20px;
background-color: #f4f4f5;
padding: 10px;
font-size: 12px;
color: #909399;
"
>
{{ $t('journalArticleCount.info') }} : {{ $t('journalArticleCount.dataTitle') }} /
{{ $t('journalArticleCount.transferQuantity') }}
</div>
<div style="width: 100%; height: auto; margin-bottom: 20px !important">
<jAtableM type="month" ref="monthTableData"></jAtableM>
</div>
</div>
</template>
<script>
const jAtableY = () => import('@/components/common/journalArticleTable');
const jAtableM = () => import('@/components/common/journalArticleTable');
export default {
data() {
return {
loading: false
};
},
components: {
jAtableY,
jAtableM
},
async created() {
this.loading = true;
// this.loading = this.$loading({
// lock: true,
// text: 'Loading...',
// spinner: 'el-icon-loading',
// background: 'rgba(0, 0, 0, 0.7)'
// });
await this.getCharts('year');
await this.getCharts('month');
await this.getTableData();
this.$forceUpdate();
},
methods: {
handleRefresh() {},
async getEchartsData() {
await this.getCharts('year');
await this.getCharts('month');
this.$forceUpdate();
},
async getCharts(type) {
var optionsData = await this.getdata(type);
console.log('🚀 ~ getCharts ~ optionsData:', optionsData);
const chartBox = await this.$echarts.init(document.getElementById(`${type}chart`));
var option = {};
option = {
title: {
text: this.$t(`journalArticleCount.${type}Title`)
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
// legend: {
// data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
// },
toolbox: {
// feature: {
// // dataZoom: {
// // yAxisIndex: 'none'
// // },
// restore: {},
// }
},
dataZoom:
type == 'month'
? [
{
show: true,
realtime: true,
start: 1,
end: 100,
xAxisIndex: [0, 1]
},
{
type: 'inside',
realtime: true,
start: 1,
end: 100,
xAxisIndex: [0, 1]
}
]
: [],
grid: {
left: '3%',
right: '4%',
bottom: type == 'month' ? '20%' : '4%',
containLabel: true
},
xAxis: [
{
type: 'category',
axisLabel: {},
// axisLabel:
// type == 'year'
// ? {}
// : {
// interval: 0,
// rotate: 30
// },
boundaryGap: false,
data: optionsData.xAxisData
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: this.$t(`journalArticleCount.dataTitle`),
type: 'line',
stack: 'Total',
areaStyle: {
opacity: 0.8,
color: this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: type == 'year' ? 'rgb(0, 221, 255)' : 'rgb(0, 102, 153)'
},
{
offset: 1,
color: type == 'month' ? 'rgb(77, 119, 255)' : 'rgb(1, 191, 236)'
}
])
},
smooth: true,
emphasis: {
focus: 'series'
},
data: optionsData.seriesData
}
]
};
chartBox.clear();
chartBox.setOption(option, true);
// 根据页面大小自动响应图表大小
window.addEventListener('resize', function () {
chartBox.resize();
});
this.$forceUpdate();
},
// 获取文章列表数据
async getdata(type) {
var data = {};
var url = '';
if (type == 'month') {
url = '/api/Monitor/getArticleNumByMonth';
} else if (type == 'year') {
url = '/api/Monitor/getArticleNumByYear';
}
await this.$api
.post(url)
.then((res) => {
var that = this;
if (res.code == 0) {
console.log('🚀 ~ .then ~ res1998:' + type, res.data.articles);
var xAxisData = [];
var seriesData = [];
Object.entries(res.data.articles).forEach(([key, value]) => {
xAxisData.push(key);
seriesData.push(value);
data = { type: type, xAxisData: xAxisData, seriesData: seriesData };
});
}
})
.catch((err) => {
console.log(err);
});
return data;
},
// 获取文章列表数据
async getTableData() {
this.$nextTick(async () => {
await this.getTableDataInfo('year');
await this.getTableDataInfo('month');
});
},
async getTableDataInfo(type) {
var that = this;
var data = {};
var timeData = [];
var tableData = [];
var url = '';
if (type == 'month') {
url = '/api/Monitor/getArticleNumByMonthForJournal';
} else if (type == 'year') {
url = '/api/Monitor/getArticleNumByYearForJournal';
}
await this.$api
.post(url)
.then(async (res) => {
var that = this;
if (res.code == 0) {
for (let i in res.data.data) {
tableData.push({ ...res.data.data[i].journal, ...res.data.data[i].articles });
}
for (let i in res.data.data[0].articles) {
timeData.push(i);
}
data = { tableData: tableData, timeData: timeData };
}
})
.catch((err) => {
console.log(err, '989898');
this.loading = false;
});
console.log(data, type, '98999');
if (type == 'year') {
this.$refs.yearTableData.getTableInfo(type, data);
} else if (type == 'month') {
this.$refs.monthTableData.getTableInfo(type, data);
setTimeout(() => {
that.loading = false;
}, 50);
}
return data;
}
}
};
</script>
<style scoped>
.container {
padding: 20px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
}
.refresh {
position: absolute;
top: 20px;
right: 0px;
z-index: 10;
}
</style>

2
src/components/page/analysis_report.vue
View File

@@ -3,7 +3,7 @@
<div class="crumbs">
<el-breadcrumb separator="/">
<el-breadcrumb-item>
<i class="el-icon-data-analysis"></i> Journal Evaluation System
<i class="el-icon-data-analysis"></i> {{ $route.meta.title }}
</el-breadcrumb-item>
</el-breadcrumb>
</div>

4
src/components/page/evaluationsis_report.vue
View File

@@ -2,7 +2,7 @@
<div>
<div class="crumbs">
<el-breadcrumb separator="/">
<el-breadcrumb-item> <i class="el-icon-data-analysis"></i> Journal Evaluation Statistics </el-breadcrumb-item>
<el-breadcrumb-item> <i class="el-icon-data-analysis"></i> {{ $route.meta.title }}</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div
@@ -195,6 +195,8 @@ export default {
// },
},
mounted() {
this.getData();
// this.drawLine();
},

60
src/components/page/journalArticleCount.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="container" style="padding-bottom: 50px; width: 100%; height: auto">
<div class="container" style="padding-bottom: 50px; width: 100%; height: 100%" v-loading="loading" >
<div style="width: 100%; height: 38vh; margin-bottom: 2vh; position: relative">
<i class="el-icon-refresh refresh" @click="getCharts('year')"></i>
<div id="yearchart" style="width: 100%; height: 100%"></div>
@@ -8,10 +8,41 @@
<i class="el-icon-refresh refresh" @click="getCharts('month')"></i>
<div id="monthchart" style="width: 100%; height: 100%"></div>
</div>
<div style="width: 100%; height: auto; margin-bottom: 50px">
<div
style="
width: 100%;
height: auto;
margin-bottom: 20px;
background-color: #f4f4f5;
padding: 10px;
font-size: 12px;
color: #909399;
"
>
{{ $t('journalArticleCount.info') }} : {{ $t('journalArticleCount.dataTitle') }} /
{{ $t('journalArticleCount.transferQuantity') }}
</div>
<div style="width: 100%; height: auto; margin-bottom: 20px">
<jAtableY type="year" ref="yearTableData"></jAtableY>
</div>
<div style="width: 100%; height: auto; margin-bottom: 50px !important">
<div
style="
width: 100%;
height: auto;
margin-top: 50px;
margin-bottom: 20px;
background-color: #f4f4f5;
padding: 10px;
font-size: 12px;
color: #909399;
"
>
{{ $t('journalArticleCount.info') }} : {{ $t('journalArticleCount.dataTitle') }} /
{{ $t('journalArticleCount.transferQuantity') }}
</div>
<div style="width: 100%; height: auto; margin-bottom: 20px !important">
<jAtableM type="month" ref="monthTableData"></jAtableM>
</div>
</div>
@@ -24,7 +55,7 @@ const jAtableM = () => import('@/components/common/journalArticleTable');
export default {
data() {
return {
loading: null
loading: false
};
},
components: {
@@ -32,12 +63,13 @@ export default {
jAtableM
},
async created() {
this.loading = this.$loading({
lock: true,
text: 'Loading...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.loading = true;
// this.loading = this.$loading({
// lock: true,
// text: 'Loading...',
// spinner: 'el-icon-loading',
// background: 'rgba(0, 0, 0, 0.7)'
// });
await this.getCharts('year');
await this.getCharts('month');
await this.getTableData();
@@ -226,7 +258,7 @@ export default {
}
})
.catch((err) => {
console.log(err);
console.log(err, '989898');
this.loading = false;
});
console.log(data, type, '98999');
@@ -235,8 +267,8 @@ export default {
} else if (type == 'month') {
this.$refs.monthTableData.getTableInfo(type, data);
setTimeout(() => {
that.loading.close();
}, 100);
that.loading = false;
}, 50);
}
return data;
@@ -259,4 +291,4 @@ export default {
right: 0px;
z-index: 10;
}
</style>
</style>

237
src/components/page/paperArticleCount.vue Normal file
View File

@@ -0,0 +1,237 @@
<template>
<div class="container" style="padding-bottom: 50px; width: 100%; height: 100%" v-loading="loading" >
<p style="color: #333;">暂未开启，敬请等待</p>
</div>
</template>
<script>
export default {
data() {
return {
loading: false
};
},
components: {
},
async created() {
},
methods: {
handleRefresh() {},
async getEchartsData() {
await this.getCharts('year');
await this.getCharts('month');
this.$forceUpdate();
},
async getCharts(type) {
var optionsData = await this.getdata(type);
console.log('🚀 ~ getCharts ~ optionsData:', optionsData);
const chartBox = await this.$echarts.init(document.getElementById(`${type}chart`));
var option = {};
option = {
title: {
text: this.$t(`journalArticleCount.${type}Title`)
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
// legend: {
// data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine']
// },
toolbox: {
// feature: {
// // dataZoom: {
// // yAxisIndex: 'none'
// // },
// restore: {},
// }
},
dataZoom:
type == 'month'
? [
{
show: true,
realtime: true,
start: 1,
end: 100,
xAxisIndex: [0, 1]
},
{
type: 'inside',
realtime: true,
start: 1,
end: 100,
xAxisIndex: [0, 1]
}
]
: [],
grid: {
left: '3%',
right: '4%',
bottom: type == 'month' ? '20%' : '4%',
containLabel: true
},
xAxis: [
{
type: 'category',
axisLabel: {},
// axisLabel:
// type == 'year'
// ? {}
// : {
// interval: 0,
// rotate: 30
// },
boundaryGap: false,
data: optionsData.xAxisData
}
],
yAxis: [
{
type: 'value'
}
],
series: [
{
name: this.$t(`journalArticleCount.dataTitle`),
type: 'line',
stack: 'Total',
areaStyle: {
opacity: 0.8,
color: this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: type == 'year' ? 'rgb(0, 221, 255)' : 'rgb(0, 102, 153)'
},
{
offset: 1,
color: type == 'month' ? 'rgb(77, 119, 255)' : 'rgb(1, 191, 236)'
}
])
},
smooth: true,
emphasis: {
focus: 'series'
},
data: optionsData.seriesData
}
]
};
chartBox.clear();
chartBox.setOption(option, true);
// 根据页面大小自动响应图表大小
window.addEventListener('resize', function () {
chartBox.resize();
});
this.$forceUpdate();
},
// 获取文章列表数据
async getdata(type) {
var data = {};
var url = '';
if (type == 'month') {
url = '/api/Monitor/getArticleNumByMonth';
} else if (type == 'year') {
url = '/api/Monitor/getArticleNumByYear';
}
await this.$api
.post(url)
.then((res) => {
var that = this;
if (res.code == 0) {
console.log('🚀 ~ .then ~ res1998:' + type, res.data.articles);
var xAxisData = [];
var seriesData = [];
Object.entries(res.data.articles).forEach(([key, value]) => {
xAxisData.push(key);
seriesData.push(value);
data = { type: type, xAxisData: xAxisData, seriesData: seriesData };
});
}
})
.catch((err) => {
console.log(err);
});
return data;
},
// 获取文章列表数据
async getTableData() {
this.$nextTick(async () => {
await this.getTableDataInfo('year');
await this.getTableDataInfo('month');
});
},
async getTableDataInfo(type) {
var that = this;
var data = {};
var timeData = [];
var tableData = [];
var url = '';
if (type == 'month') {
url = '/api/Monitor/getArticleNumByMonthForJournal';
} else if (type == 'year') {
url = '/api/Monitor/getArticleNumByYearForJournal';
}
await this.$api
.post(url)
.then(async (res) => {
var that = this;
if (res.code == 0) {
for (let i in res.data.data) {
tableData.push({ ...res.data.data[i].journal, ...res.data.data[i].articles });
}
for (let i in res.data.data[0].articles) {
timeData.push(i);
}
data = { tableData: tableData, timeData: timeData };
}
})
.catch((err) => {
console.log(err, '989898');
this.loading = false;
});
console.log(data, type, '98999');
if (type == 'year') {
this.$refs.yearTableData.getTableInfo(type, data);
} else if (type == 'month') {
this.$refs.monthTableData.getTableInfo(type, data);
setTimeout(() => {
that.loading = false;
}, 50);
}
return data;
}
}
};
</script>
<style scoped>
.container {
padding: 20px;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
}
.refresh {
position: absolute;
top: 20px;
right: 0px;
z-index: 10;
}
</style>

22
src/router/index.js
View File

@@ -45,7 +45,7 @@ export default new Router({
component: () => import( /* webpackChunkName: "table" */
'../components/page/articleListEditor.vue'),
meta: {
title: 'Manuscript to be examined',
title: 'Paper Editing System',
}
},
{
@@ -541,7 +541,7 @@ export default new Router({
path: '/citationanalysis', //引用情况分析
component: () => import('../components/page/analysis_report.vue'),
meta: {
title: 'Citation Analysis Report'
title: 'Article analysis'
},
hidden: true
},
@@ -549,7 +549,7 @@ export default new Router({
path: '/evaluationsis', //引用情况分析
component: () => import('../components/page/evaluationsis_report.vue'),
meta: {
title: 'Journal Evaluation Statistics'
title: 'Article distribution'
},
hidden: true
},
@@ -1014,6 +1014,14 @@ export default new Router({
title: 'Journals Management'
}
},
{
name:'paper-article-count',
path: '/paperArticleCount', // 超管单期刊列表
component: () => import('../components/page/paperArticleCount'),
meta: {
title: 'Article Count'
}
},
{
name:'journal-Article-Count',
path: '/journalArticleCount', // 超管单期刊列表
@@ -1022,6 +1030,14 @@ export default new Router({
title: 'Journal Article Count'
}
},
{
name:'paper-submit-analysis',
path: '/PaperSubmitanalysis', // 超管单期刊列表
component: () => import('../components/page/PaperSubmitanalysis'),
meta: {
title: 'Paper Submit Analysis'
}
},
{
path: '/404',
component: () => import( /* webpackChunkName: "404" */

5
vue.config.js
View File

@@ -72,8 +72,9 @@ module.exports = {
// target: 'https://www.tmrjournals.cn',
// target: 'http://www.tougao.com/public/index.php/',
// target: 'http://www.tougao.com/',
target: 'http://192.168.110.110/tougao/public/index.php/',
// target: 'https://submission.tmrjournals.com/',//正式
// target: 'http://192.168.110.110/tougao/public/index.php/',
// target: 'http://api.tmrjournals.com/public/index.php/',//正式
target: 'https://submission.tmrjournals.com/',//正式
changeOrigin: true,
pathRewrite: {
'^/api': ''