1

src/assets/css/color-dark.css

@@ -1,5 +1,6 @@
 .header{
     background-color: #242f42;
+    /* background-color: #fff; */
 }
 .login-wrap{
     background: #324157;

src/assets/css/main.css

@@ -14,6 +14,7 @@ body,
 
 body {
 	font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
+	font-family: 'Noto Sans', sans-serif;
 }
 
 a {
@@ -30,13 +31,14 @@ a {
 	padding-bottom: 30px;
 	-webkit-transition: left .3s ease-in-out;
 	transition: left .3s ease-in-out;
-	background: #f0f0f0;
+	/* background: #f2f6fb; */
+	background: #fafafa;
 }
 
 .content {
 	width: auto;
 	height: 100%;
-	padding: 10px;
+	padding: 10px 10px 10px 15px;
 	overflow-y: scroll;
 	box-sizing: border-box;
 }
@@ -48,18 +50,20 @@ a {
 .container {
 	padding: 30px;
 	background: #fff;
-	border: 1px solid #ddd;
+	/* border: 1px solid #ddd; */
 	border-radius: 5px;
 }
 
 .container_l {
-	border: 0 !important;
-	padding: 15px 0 30px 0 !important;
-	background: 0 !important;
+	padding: 15px 0 30px 0;
+}
+
+.container_l .box-card{
+	height: 100%;
 }
 
 
-.content_l .link_jour {
+/* .content_l .link_jour {
 	position: fixed;
 	top: 72px;
 	right: 50%;
@@ -78,7 +82,7 @@ a {
 .content_l .top_dao:hover {
 	text-decoration: underline;
 }
-
+ */
 .crumbs {
 	margin: 10px 0;
 }

src/components/common/Header.vue

@@ -6,8 +6,14 @@
 			<i v-else class="el-icon-s-unfold"></i>
 		</div>
 		<div class="logo">
-			<img src="../../assets/img/logo.png" />
-			{{ $t('system.title') }}
+			<div>
+				<img src="../../assets/img/logo.png" />
+				<p>{{ $t('system.title_1') }}</p>
+			</div>
+			<div>
+				{{ $t('system.title_2') }}
+			</div>
+			<!-- {{ $t('system.title') }} -->
 		</div>
 		<div class="xq_time" v-if="this.user_id==24||this.user_id==25">
 			本刊为预警期刊，责令限期整改 时间{{daojishi}} 倒计时: {{day}}天 {{hour}}:{{min}}:{{second}}
@@ -36,7 +42,7 @@
 
 
 				<!-- 身份切换 -->
-	<!-- 			<span style="font-size: 14px;margin-right: 8px;" v-if="this.user_cap.includes('author')">View as :</span>
+				<!-- 			<span style="font-size: 14px;margin-right: 8px;" v-if="this.user_cap.includes('author')">View as :</span>
 				<el-dropdown class="link_role" trigger="click" v-if="this.user_cap.includes('author')">
 					<span style="color: #fff;cursor: pointer;">
 						Author<i class="el-icon-arrow-down el-icon--right"></i>
@@ -290,22 +296,34 @@
 
 	.collapse-btn {
 		float: left;
-		padding: 0 21px;
+		padding: 0 15px 0 21px;
 		cursor: pointer;
 		line-height: 70px;
 	}
 
 	.header .logo {
 		float: left;
-		width: 350px;
+		padding-top: 19px;
 		vertical-align: middle;
-		line-height: 70px;
+		font-size: 20px;
 	}
 
 	.header .logo img {
-		width: 90px;
-		height: 25px;
-		vertical-align: middle;
+		width: 84px;
+		height: 20px;
+		margin-top: -4px;
+		margin-right: 15px;
+		padding-left: 12px;
+	}
+
+	.header .logo>div {
+		float: left;
+		height: 40px;
+	}
+	
+	.header .logo p {
+		font-size: 12px;
+		text-align: center;
 	}
 
 	.header-right {

src/components/common/Sidebar.vue

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

src/components/common/Tags.vue

@@ -118,8 +118,10 @@
         height: 30px;
         overflow: hidden;
         background: #fff;
+		padding-left: 1px;
         padding-right: 120px;
         box-shadow: 0 5px 10px #ddd;
+		z-index: 10;
     }
 
     .tags ul {

src/components/common/langs/en.js

@@ -1,7 +1,9 @@
 const en = {
 
 	system: {
-		title: 'Submission System',
+		title: 'Publishing Group Submission System',
+		title_1: 'Publishing Group',
+		title_2: 'Submission System',
 		repassword: 'Forgot your password?',
 		register: 'Register',
 		orcidlogin: 'Login with your ORCID iD',
@@ -52,7 +54,15 @@ const en = {
 		chief2: 'Journal list',
 		editmber: 'Editorial management',
 		editmber1: 'Editorial board list',
-		editmber2: 'Matching pattern'
+		editmber2: 'Matching pattern',
+		analyp: 'Manager',
+		analysis: 'Citation Analysis Report',
+		rev_ewer: 'Reviewer',
+		rev_ewer1: 'Draft review',
+		rev_ewer2: 'Review record',
+		man_ing: 'Editor-in-Chief',
+		man_ing1: 'Manuscript',
+		man_ing2: 'Historical manuscripts',
 	},
 	home: {
 		authortop: 'Author guide',

src/components/common/langs/zh.js

@@ -1,7 +1,9 @@
 const zh = {
 
 	system: {
-		title: '投稿系统',
+		title: '出版集团投稿系统',
+		title_1: '出版集团',
+		title_2: '投稿系统',
 		repassword: '忘记密码',
 		register: '注册',
 		orcidlogin: 'ORCID登陆',
@@ -52,7 +54,15 @@ const zh = {
 		chief2: '期刊列表',
 		editmber: '编委管理',
 		editmber1: '编委列表',
-		editmber2: '编委匹配'
+		editmber2: '编委匹配',
+		analyp: '管理',
+		analysis: '引用统计',
+		rev_ewer: '审稿人',
+		rev_ewer1: '审稿',
+		rev_ewer2: '审稿记录',
+		man_ing: '主编',
+		man_ing1: '稿件',
+		man_ing2: '历史稿件',
 	},
 	home: {
 		authortop: '用户指南',

src/components/page/Dashboard.vue

@@ -2,7 +2,7 @@
 	<div>
 		<el-row :gutter="20">
 			<el-row :gutter="20">
-			<!-- 	<el-col :span="4" v-if="this.usercap.includes('chief')">
+				<!-- 	<el-col :span="4" v-if="this.usercap.includes('chief')">
 					<router-link target="_blank" :to="{path:'/managing'}">
 						<div class="grid-jue1">
 							<svg t="1629185957321" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -80,7 +80,7 @@
 						</span>
 					</div>
 				</el-card>
-				
+
 				<el-card shadow="hover" style="margin-top: 20px;color: #ff200d;font-weight: bold;" v-if="this.user_id==24||this.user_id==25">
 					<div slot="header" class="clearfix">
 						<span>整改事项</span>
@@ -108,6 +108,13 @@
 					</el-table>
 				</el-card>
 			</el-col>
+			<el-col :span="6" v-if="!this.usercap.includes('reviewer') && this.userrole != 0">
+				<el-link type="primary" href="/authorApplyReviewer">
+					<div class="join_bth">
+						Apply to join the reviewer team
+					</div>
+				</el-link>
+			</el-col>
 			<!--<el-col :span="12">
                  <el-card shadow="hover">
                     <div>
@@ -144,7 +151,8 @@
 			// this.getUserdata();
 			this.initUserMsg();
 			if (this.user_id == 24) {
-				this.shixiang = '1. 底栏政策需要完善，标准，细节要求同TMR。<br/>2. 补充编委会栏目，编委人数大于20人。<br/>3. 将每篇文章已出版文章配合适摘要图。<br/>4. 选择合适得期刊主题色。<br/>5. 12.20上线前10天，文章online文章需要大于5篇。<br/>6. 2022年第一期不再实行页码编码，改为文章编码。<br/>'
+				this.shixiang =
+					'1. 底栏政策需要完善，标准，细节要求同TMR。<br/>2. 补充编委会栏目，编委人数大于20人。<br/>3. 将每篇文章已出版文章配合适摘要图。<br/>4. 选择合适得期刊主题色。<br/>5. 12.20上线前10天，文章online文章需要大于5篇。<br/>6. 2022年第一期不再实行页码编码，改为文章编码。<br/>'
 			}
 			if (this.user_id == 25) {
 				this.shixiang = '1. 编委国际化水平应达到50%<br/>'
@@ -290,4 +298,20 @@
 	.grid-jue4 {
 		background-image: linear-gradient(to right, #cc3646, #e84651);
 	}
+
+	.join_bth {
+		color: #fff;
+		text-align: center;
+		border-radius: 4px;
+		width: 320px;
+		height: 50px;
+		line-height: 50px;
+		background-color: #006699;
+		font-size: 20px;
+		margin-top: 20px;
+	}
+
+	.join_bth:hover {
+		text-decoration: underline;
+	}
 </style>

src/components/page/Login.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="login-wrap">
 		<div class="ms-login">
-			<div class="ms-title">{{ $t('system.title') }}</div>
+			<div class="ms-title">{{ $t('system.title_2') }}</div>
 			<el-form :model="param" :rules="rules" ref="login" label-width="0px" class="ms-content">
 				<el-form-item prop="username">
 					<el-input v-model="param.username" auto-complete="off" placeholder="username">
@@ -187,8 +187,9 @@
 										localStorage.setItem('U_name', res.data.userinfo.account);
 										localStorage.setItem('U_id', res.data.userinfo.user_id);
 										localStorage.setItem('U_relname', res.data.userinfo.realname);
-										this.roleVisible = true;
-										this.user_cap = res.data.roles;
+										this.$router.push('/');
+										// this.roleVisible = true;
+										// this.user_cap = res.data.roles;
 									}
 
 								}

src/components/page/analysis_report.vue

@@ -0,0 +1,667 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-data-analysis"></i> Citation Analysis Report
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
+		 element-loading-background="rgba(0, 0, 0, 0.8)">
+			<div class="handle-box">
+				<el-select v-model="query.journal_id" filterable placeholder="Please select a Journal" value-key="groupID" style="width: 300px;"
+				 @change="chan_id">
+					<el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+				</el-select>
+			</div>
+			<!-- 国家内外(饼状图) -->
+			<div class="schart-box">
+				<div id="myChart1" class="schart" style="width: 500px;margin: 0 auto;"></div>
+			</div>
+			<!-- 领域（学科）(柱状图) -->
+			<div class="schart-box">
+				<div id="myChart2" class="schart" style="height: 400px;"></div>
+			</div>
+			<!-- 关键词(柱状图) -->
+			<div class="schart-box">
+				<div id="myChart3" class="schart" style="height: 400px;"></div>
+			</div>
+			<!-- 关键词(折线图) -->
+			<div class="schart-box">
+				<div id="myChart4" class="schart" style=""></div>
+			</div>
+			<!-- 文章类型(饼状图) -->
+			<div class="schart-box">
+				<div id="myChart5" class="schart" style="width: 800px;margin: 0 auto;"></div>
+			</div>
+			<!-- 阅读量下载量(表格) -->
+			<h4 class="ta_tit">阅读量下载统计</h4>
+			<el-table :data="tab_le6" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="title" label="期刊" width="420px"></el-table-column>
+				<el-table-column prop="read_num" label="阅读量"></el-table-column>
+				<el-table-column prop="cite_num" label="引用数"></el-table-column>
+			</el-table>
+			<!-- 标题吸引力程度(表格) -->
+			<h4 class="ta_tit">标题吸引力程度统计</h4>
+			<el-table :data="tab_le7_1" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="title" label="期刊" width="420px"></el-table-column>
+				<el-table-column prop="cite_num" label="字数"></el-table-column>
+			</el-table>
+			<el-table :data="tab_le7_2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="title" label="期刊" width="420px"></el-table-column>
+				<el-table-column prop="cite_num" label="字符"></el-table-column>
+			</el-table>
+			<!-- 摘要吸引力程度(表格) -->
+			<h4 class="ta_tit">摘要吸引力程度统计</h4>
+			<el-table :data="tab_le8_1" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="title" label="期刊" width="420px"></el-table-column>
+				<el-table-column prop="cite_num" label="字数"></el-table-column>
+			</el-table>
+			<el-table :data="tab_le8_2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="title" label="期刊" width="420px"></el-table-column>
+				<el-table-column prop="cite_num" label="字符"></el-table-column>
+			</el-table>
+		</div>
+
+
+
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				user_id: localStorage.getItem('U_id'),
+				user_cap: localStorage.getItem('U_role'),
+				loading: false,
+				df_jour: [],
+				tableData: [],
+				query: {
+					journal_id: ''
+				},
+				myChart1: '',
+				Ech_1: [{
+						value: 0,
+						name: '国内'
+					},
+					{
+						value: 0,
+						name: '国外'
+					}
+				],
+				Ech_2: [],
+				Ech_3: [],
+				Ech_4_1: [],
+				Ech_4_2: [],
+				Ech_5: [],
+				tab_le6: [],
+				tab_le7_1: [],
+				tab_le7_2: [],
+				tab_le8_1: [],
+				tab_le8_2: []
+			};
+		},
+		watch: {
+			// df_jour: function(val) {
+			// 	var _this = this;
+			// 	_this.$nextTick(function() {
+			// 		this.drawLine1();
+			// 		this.drawLine2();
+			// 		this.drawLine3();
+			// 		this.drawLine4();
+			// 		this.drawLine5();
+			// 	});
+			// },
+		},
+		mounted() {
+			// this.drawLine();
+		},
+		created() {
+			this.getTable();
+		},
+		computed: {
+			opened() {
+				return this.df_jour.map((i) => {
+					return i.journal_id;
+				});
+			}
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				if (this.user_cap.includes('chief')) {
+					this.$api
+						.post('api/Chief/getJournalsFromChief', {
+							'user_id': this.user_id
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.df_jour = res.data.journals;
+								this.query.journal_id = this.df_jour[0].journal_id
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$api
+						.post('api/Chief/getJournalsByEditor', {
+							'user_id': this.user_id
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.df_jour = res.data.journals;
+								this.query.journal_id = this.df_jour[0].journal_id
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				}
+			},
+
+			// 下拉分类搜索
+			chan_id(event) {
+				this.$echarts.init(document.getElementById('myChart1')).clear()
+				this.$echarts.init(document.getElementById('myChart2')).clear()
+				this.$echarts.init(document.getElementById('myChart3')).clear()
+				this.$echarts.init(document.getElementById('myChart4')).clear()
+				this.$echarts.init(document.getElementById('myChart5')).clear()
+				this.getData();
+			},
+
+			getData() {
+				this.loading = true;
+				this.$api
+					.post('journalsuper/Publish/getCiteDate', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.tableData = res.data;
+							this.drawLine1();
+							this.drawLine2();
+							this.drawLine3();
+							this.drawLine4();
+							this.drawLine5();
+							this.dataTable6();
+							this.dataTable7();
+							this.dataTable8();
+							this.loading = false;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			//图表初始化
+			drawLine1() {
+				this.Ech_1 = [{
+						value: 0,
+						name: '国内'
+					},
+					{
+						value: 0,
+						name: '国外'
+					}
+				];
+				let data_num = this.tableData.country
+				this.Ech_1[0].value = data_num.n
+				this.Ech_1[1].value = data_num.w
+
+				// 基于准备好的dom，初始化echarts实例
+				this.myChart1 = this.$echarts.init(document.getElementById('myChart1'))
+
+				// 绘制折现图
+				this.myChart1.setOption({
+					title: {
+						text: '国内外统计',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					tooltip: {
+						trigger: 'item'
+					},
+					legend: {
+						bottom: '1%',
+						// type: 'scroll',
+						orient: 'vertical',
+						right: 10,
+						top: 20,
+					},
+					color: ['#FD9E06', '#768BFF'],
+					series: [{
+						name: '来源',
+						type: 'pie',
+						radius: ['40%', '70%'],
+						avoidLabelOverlap: false,
+						itemStyle: {
+							borderRadius: 10,
+							borderColor: '#fff',
+							borderWidth: 2
+						},
+						label: {
+							show: false,
+							position: 'center'
+						},
+						emphasis: {
+							label: {
+								show: true,
+								fontSize: '40',
+								fontWeight: 'bold'
+							}
+						},
+						labelLine: {
+							show: false
+						},
+						data: this.Ech_1
+					}]
+				}, true);
+			},
+
+			drawLine2() {
+				this.Ech_2 = [];
+				let data_num = this.tableData.topic
+				for (let i in data_num) {
+					this.Ech_2.push([i, data_num[i]])
+				}
+
+				// 基于准备好的dom，初始化echarts实例
+				this.myChart2 = this.$echarts.init(document.getElementById('myChart2'))
+
+				// 绘制折现图
+				this.myChart2.setOption({
+					title: {
+						text: '领域统计',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					grid: {
+						bottom: '30%',
+					},
+					dataset: [{
+						dimensions: ['name', 'value'],
+						source: this.Ech_2
+					}, {
+						transform: {
+							type: 'sort',
+							config: {
+								dimension: 'value',
+								order: 'desc'
+							}
+						}
+					}],
+					tooltip: {
+						trigger: 'axis',
+						formatter: function(params) {
+							return params[0].value[0] + "<br>" + params[0].value[1];
+						},
+						textStyle: {
+							align: 'left'
+						},
+					},
+					xAxis: {
+						type: 'category',
+						axisLabel: {
+							interval: 0,
+							rotate: 30
+						},
+					},
+					yAxis: {},
+					series: {
+						type: 'bar',
+						itemStyle: {
+							normal: {
+								color: function(params) {
+									var colorList = ['#5470c6',
+										'#91cc75',
+										'#fac858',
+										'#ee6666',
+										'#73c0de',
+										'#3ba272',
+										'#fc8452',
+										'#9a60b4',
+										'#ea7ccc',
+										'#45C2E0',
+										'#C1EBDD',
+										'#FFC851',
+										'#768BFF',
+										'#12ED93',
+										'#1869A0',
+										'#FF9393',
+										'#4B7CF3',
+										'#dd3ee5',
+										'#fe8104',
+										'#01C2F9',
+										'#F4CB29',
+										'#FD9E06',
+										'#4962FC',
+										'#d223e7',
+										'#f376e0',
+										'#3F77FE',
+										'#02CBF9',
+										'#18D070',
+										'#01C2F9', '#5470c6',
+										'#91cc75',
+										'#fac858',
+										'#ee6666',
+										'#73c0de',
+										'#3ba272',
+										'#fc8452',
+										'#9a60b4',
+										'#ea7ccc',
+										'#45C2E0',
+										'#C1EBDD',
+										'#FFC851'
+									];
+									return colorList[params.dataIndex]
+								}
+
+							}
+						},
+						encode: {
+							x: 'name',
+							y: 'value'
+						},
+						datasetIndex: 1
+					}
+				}, true);
+			},
+
+			drawLine3() {
+				this.Ech_3 = [];
+				let data_num = this.tableData.gjz
+				for (let i in data_num) {
+					if (data_num[i] < 6) {
+						delete(data_num[i]);
+						if (i == 0) {
+							i = 0
+						} else {
+							i = i - 1
+						}
+					}
+				}
+
+				for (let i in data_num) {
+					this.Ech_3.push([i, data_num[i]])
+				}
+
+				// 基于准备好的dom，初始化echarts实例
+				this.myChart3 = this.$echarts.init(document.getElementById('myChart3'))
+
+				// 绘制折现图
+				this.myChart3.setOption({
+					title: {
+						text: '关键字统计',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					grid: {
+						bottom: '30%',
+					},
+					dataset: [{
+						dimensions: ['name', 'value'],
+						source: this.Ech_3
+					}, {
+						transform: {
+							type: 'sort',
+							config: {
+								dimension: 'value',
+								order: 'desc'
+							}
+						}
+					}],
+					tooltip: {
+						trigger: 'axis',
+						formatter: function(params) {
+							return params[0].value[0] + "<br>" + params[0].value[1];
+						},
+						textStyle: {
+							align: 'left'
+						},
+					},
+					xAxis: {
+						type: 'category',
+						axisLabel: {
+							interval: 0,
+							rotate: 30
+						},
+					},
+					yAxis: {},
+					series: {
+						type: 'bar',
+						itemStyle: {
+							normal: {
+								color: function(params) {
+									var colorList = ['#5470c6',
+										'#91cc75',
+										'#fac858',
+										'#ee6666',
+										'#73c0de',
+										'#3ba272',
+										'#fc8452',
+										'#9a60b4',
+										'#ea7ccc',
+										'#45C2E0',
+										'#C1EBDD',
+										'#FFC851',
+										'#768BFF',
+										'#12ED93',
+										'#1869A0',
+										'#FF9393',
+										'#4B7CF3',
+										'#dd3ee5',
+										'#fe8104',
+										'#01C2F9',
+										'#F4CB29',
+										'#FD9E06',
+										'#4962FC',
+										'#d223e7',
+										'#f376e0',
+										'#3F77FE',
+										'#02CBF9',
+										'#18D070',
+										'#01C2F9', '#5470c6',
+										'#91cc75',
+										'#fac858',
+										'#ee6666',
+										'#73c0de',
+										'#3ba272',
+										'#fc8452',
+										'#9a60b4',
+										'#ea7ccc',
+										'#45C2E0',
+										'#C1EBDD',
+										'#FFC851'
+									];
+									return colorList[params.dataIndex]
+								}
+
+							}
+						},
+						encode: {
+							x: 'name',
+							y: 'value'
+						},
+						datasetIndex: 1
+					}
+				}, true);
+			},
+
+			drawLine4() {
+				this.Ech_4_1 = [];
+				this.Ech_4_2 = [];
+
+				let data_num = this.tableData.time
+				for (let i in data_num) {
+					this.Ech_4_1.push(i)
+					this.Ech_4_2.push(data_num[i])
+				}
+
+				// 基于准备好的dom，初始化echarts实例
+				this.myChart4 = this.$echarts.init(document.getElementById('myChart4'))
+
+				// 绘制折现图
+				this.myChart4.setOption({
+					title: {
+						text: '时间统计',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					tooltip: {
+						trigger: 'axis',
+						formatter: function(params) {
+							return params[0].axisValueLabel + "<br>" + params[0].data;
+						},
+						textStyle: {
+							align: 'left'
+						},
+					},
+					xAxis: {
+						type: 'category',
+						data: this.Ech_4_1
+					},
+					yAxis: {
+						type: 'value'
+					},
+					series: [{
+						data: this.Ech_4_2,
+						type: 'line',
+						itemStyle: {
+							normal: {
+								color: "#edae21", //折线点的颜色
+								lineStyle: {
+									color: "#fac858" //折线的颜色
+								}
+							}
+						},
+					}]
+				}, true);
+			},
+
+
+			drawLine5() {
+				this.Ech_5 = [];
+				let data_num = this.tableData.type
+				for (let i in data_num) {
+					this.Ech_5.push({
+						name: i,
+						value: data_num[i]
+					})
+				}
+
+				// 基于准备好的dom，初始化echarts实例
+				this.myChart5 = this.$echarts.init(document.getElementById('myChart5'))
+
+				// 绘制折现图
+				this.myChart5.setOption({
+					title: {
+						text: '文章类型统计',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					tooltip: {
+						trigger: 'item'
+					},
+					legend: {
+						bottom: '1%',
+						// type: 'scroll',
+						orient: 'vertical',
+						right: 10,
+						top: 20,
+					},
+					color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de',
+						'#3ba272', '#fc8452', '#9a60b4', '#ea7ccc', '#45C2E0',
+						'#C1EBDD', '#FFC851', '#768BFF', '#12ED93',
+						'#1869A0', '#FF9393', '#4B7CF3', '#dd3ee5', '#fe8104',
+						'#01C2F9', '#F4CB29', '#FD9E06', '#4962FC', '#d223e7',
+						'#f376e0', '#3F77FE', '#02CBF9', '#18D070', '#01C2F9'
+					],
+					series: [{
+						name: '来源',
+						type: 'pie',
+						radius: ['40%', '70%'],
+						avoidLabelOverlap: false,
+						itemStyle: {
+							borderRadius: 10,
+							borderColor: '#fff',
+							borderWidth: 2
+						},
+						label: {
+							show: false,
+							position: 'center'
+						},
+						emphasis: {
+							label: {
+								show: true,
+								fontSize: '40',
+								fontWeight: 'bold'
+							}
+						},
+						labelLine: {
+							show: false
+						},
+						data: this.Ech_5
+					}]
+				}, true);
+			},
+
+			dataTable6() {
+				this.tab_le6 = this.tableData.read
+			},
+
+			dataTable7() {
+				this.tab_le7_1 = this.tableData.zs_title
+				this.tab_le7_2 = this.tableData.zf_title
+			},
+
+			dataTable8() {
+				this.tab_le8_1 = this.tableData.zs_abstract
+				this.tab_le8_2 = this.tableData.zf_abstract
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.handle-box {
+		margin-bottom: 20px;
+	}
+
+	.table {
+		width: 100%;
+		font-size: 14px;
+		margin-bottom: 30px;
+	}
+
+	.ta_tit {
+		text-align: center;
+		margin: 50px 0 20px 0;
+	}
+
+	.schart-box {
+		width: 100%;
+		margin-bottom: 50px;
+		/* display: inline-block; */
+	}
+
+	.schart-box .schart {
+		width: 100%;
+		height: 300px;
+
+	}
+</style>

src/components/page/articleReviewer.vue

@@ -21,6 +21,7 @@
 					</template>
 				</el-table-column>
 				<el-table-column prop="country" label="Country" align="center"></el-table-column>
+				<el-table-column prop="email" label="Email" align="center"></el-table-column>
 				<el-table-column prop="company" label="Company" align="center"></el-table-column>
 				<el-table-column :formatter="majorTitle" label="Major" align="center"></el-table-column>
 				<el-table-column prop="field" label="Field" align="center"></el-table-column>

src/components/page/comment.vue

@@ -127,11 +127,11 @@
 
 <style scoped>
 	.container {
-		padding: 0 10px;
+		padding: 0;
 		box-sizing: border-box;
-		border: 1px solid #DCDFE6;
-		max-height: 500px;
-		overflow-y: scroll;
+		/* border: 1px solid #DCDFE6; */
+		/* max-height: 500px; */
+		/* overflow-y: scroll; */
 	}
 
 	.container .comment {

src/components/page/man_aging.vue

@@ -1,35 +1,18 @@
 <template>
 	<div>
-		<!-- 期刊下拉菜单 -->
-		<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.journal_id">
-					<i :class="item.icon"></i>{{ item.title }}
-				</el-dropdown-item>
-			</el-dropdown-menu>
-		</el-dropdown>
 		<div class="crumbs">
 			<el-breadcrumb separator="/">
 				<el-breadcrumb-item>
-					<i class="el-icon-collection"></i> <span class="top_dao">{{this.head_line}}</span>
-					<svg t="1631094751843" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1661"
-					 width="20" height="20" style="margin-left: 50px;margin-bottom: -3px;">
-						<path d="M959 863.75c-0.69-16.22-12.36-29.93-28.12-29.93H833.5V544.44c0-15.7-13.8-30.73-30-30s-30 13.18-30 30v289.38h-132V660.94c0-15.7-13.8-30.73-30-30s-30 13.18-30 30v172.88h-132V582.94c0-15.7-13.8-30.73-30-30s-30 13.18-30 30v250.88H257.69v-134c0-15.69-13.8-30.72-30-30s-30 13.19-30 30v134h-70.43c-10.9 0-21.81-0.14-32.72 0h-1.4c-14.71 0-28.8 13.77-28.12 29.93s12.36 29.94 28.12 29.94h803.6c10.9 0 21.81 0.14 32.72 0h1.4c14.71 0 28.8-13.77 28.14-29.94z"
-						 fill="#0071C3" p-id="1662"></path>
-						<path d="M874.91 130.26l-71.48 2.6-112.9 4.14-26.28 1c-15.66 0.57-30.74 13.39-30 30 0.71 15.76 13.2 30.61 30 30l71.49-2.6 58.48-2.13L741 242l-94.44 86.61-81.36 74.61c-5.95 5.46-12 10.86-18 16.29l-35-36-87.9-90.26-20.12-20.65c-11.4-11.7-30.94-11.23-42.43 0l-79.34 77.54L156.72 473l-29 28.32c-11.24 11-11.84 31.55 0 42.42 12.09 11.1 30.44 11.73 42.43 0l79.34-77.54 125.64-122.8 7.24-7.08 34.49 35.41L504.77 462l20.11 20.65c11.66 12 30.6 10.85 42.43 0l32.54-29.85 77.78-71.32 94.43-86.61L844.91 228v132.4c0 15.7 13.8 30.73 30 30s30-13.18 30-30V160.26c0-15.78-13.74-30.59-30-30z"
-						 fill="#FD9A16" p-id="1663"></path>
-					</svg>
-					<router-link :to="{path:'/man_report'}">
-						<span class="top_dao" style="color: #006699;font-weight: bold;">Statistical Analysis</span>
-					</router-link>
+					<i class="el-icon-document-copy"></i> <span class="top_dao">  Editor-in-Chief Article</span>
 				</el-breadcrumb-item>
 			</el-breadcrumb>
 		</div>
-		<div class="container container_l">
-			<el-row :gutter="24">
+		<div class="container_l">
+			<!-- 期刊下拉菜单 -->
+			<el-select v-model="query.journal_id" filterable placeholder="Please select a journal" @change="handlejournal" style="width: 350px;">
+				<el-option v-for="item in cate_jour" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
+			</el-select><br><br>
+			<el-row :gutter="20" style="display: flex;">
 				<el-col :span="16">
 					<div v-if="this.query.journal_id==18||this.query.journal_id==16" style="line-height: 28px;font-size: 15px;color: #ff200d;font-weight: bold;">
 						{{qikna}}为预警期刊，责令限期整改<br />
@@ -38,73 +21,154 @@
 						整改事项: <br />
 						<p v-html="shixiang">{{shixiang}}</p>
 					</div>
-					<div class="ma_title">
-						<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
-						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
-							<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
-							 fill="#0071C3" p-id="1651"></path>
-							<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
-							 fill="#0071C3" p-id="1652"></path>
-							<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
-							 p-id="1653"></path>
-							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
-							 fill="#FD9A16" p-id="1654"></path>
-						</svg>
-						The manuscripts are ready to get final decisions.
-					</div>
-					<ul class="ta1_uli">
-						<li v-for="item in tableData1">
-							<h5>{{item.type}}</h5>
-							<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
-								<h3>{{item.title}}</h3>
-							</router-link>
-							<h6>{{item.author}}</h6>
-							<h4><span>{{head_line}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
-						</li>
-						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
-					</ul>
+					<el-card class="box-card">
+						<div class="ma_title">
+							<h2>
+								<!-- <img src="../../assets/img/icon_1.png" alt="" class="icon_img"> -->
+								The manuscripts are ready to get final decisions.
+							</h2>
+						</div>
+						<ul class="ta1_uli">
+							<li v-for="item in tableData1">
+								<h3><span>{{item.type}}</span>{{item.title}}
+									<router-link :to="{path:'/man_text',query:{Art_id:item.article_id}}">
+										<el-button type="primary" plain style="float: right;">Detail</el-button>
+									</router-link>
+								</h3>
+								<h6>{{item.author}}</h6>
+								<h4><span>{{head_line}}.</span><br><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+							</li>
+							<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+						</ul>
+					</el-card>
 				</el-col>
 				<el-col :span="8">
-					<div class="ma_title">
-						<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
-						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
-							<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
-							 fill="#0071C3" p-id="3891"></path>
-							<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
-							 fill="#0071C3" p-id="3892"></path>
-							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
-							 fill="#FD9A16" p-id="3893"></path>
-						</svg>
-						Accepted manuscripts.
-					</div>
-					<ul class="ta1_uli">
-						<li v-for="item in tableData2">
-							<h5>{{item.type}}</h5>
-							<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
-								<h3>{{item.title}}</h3>
-							</router-link>
-							<h6>{{item.author}}</h6>
-							<h4><span>{{head_line}}.</span><br>
-								<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
-						</li>
-						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
-					</ul>
-					<!-- <el-table :data="tableData2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
-						<el-table-column prop="title" label="文章"></el-table-column>
-						<el-table-column prop="url" label=""></el-table-column>
-						<el-table-column prop="sort" label="" width="100" align="center"></el-table-column>
-						<el-table-column label="操作" width="180" align="center">
-							<template slot-scope="scope">
-								<el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-								<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
-							</template>
-						</el-table-column>
-					</el-table> -->
-					<div class="pagination">
-						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
-						 :total="link_Tota2" @current-change="handlePageChange2">
-						</el-pagination>
-					</div>
+					<el-card class="box-card" style="margin-left: 0px;">
+						<div class="ma_title">
+							<h2>
+								<img src="../../assets/img/icon_6.png" alt="" class="icon_img">
+								Statistical Analysis.
+							</h2>
+						</div>
+						<div class="handle-box">
+							<el-date-picker v-model="jzoon.start" type="date" placeholder="Select month" value-format="yyyy-MM-dd" @change="serch_Month"
+							 :clearable="false" style="width: 150px;"></el-date-picker>
+							<span style="margin: 0 20px;">to</span>
+							<el-date-picker v-model="jzoon.end" type="date" placeholder="Select month" value-format="yyyy-MM-dd" @change="serch_Month"
+							 :clearable="false" style="width: 150px;"></el-date-picker>
+						</div>
+						<div class="data_p" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
+						 element-loading-background="rgba(0, 0, 0, 0.8)">
+							<!-- 创刊时间 -->
+							<div>
+								<b>Founding time：</b>
+								<span v-if="this.tableData!=''">{{this.tableData.ZL.CK}}</span>
+							</div>
+
+							<!-- 订阅期刊数 -->
+							<div>
+								<b>Subscribe (Journal)：</b>
+								<span v-if="this.tableData!=''">{{this.tableData.HG.SUBJOURNAL}}</span>
+								<i> 订阅量 > 1000人 </i>
+							</div>
+
+							<!-- 订阅话题数 -->
+							<div>
+								<b>Subscribe (Topics)：</b>
+								<span v-if="this.tableData!=''">{{this.tableData.HG.SUBTOPIC}}</span>
+							</div>
+
+							<!-- 审稿人数量 -->
+							<div>
+								<b>Reviewers：</b>
+								<span v-if="this.tableData!=''">{{this.tableData.HG.SGRSL}}</span>
+								<i> 审稿人数量 > 100人 </i>
+							</div>
+
+							<!-- 录用率 -->
+							<div>
+								<b>Acceptance：</b>
+								<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage1" :color="cusColorMet"
+								 class="pro_ges">></el-progress>
+								<i> 录用率 &lt; 50% </i>
+							</div>
+
+							<!-- 发表的文章 -->
+							<div>
+								<b>Published articles：</b>
+								<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage2" :color="cusColorMet"
+								 class="pro_ges">></el-progress>
+								 (19)2021 (18)2020 (20)2019
+							</div>
+
+							<!-- 引用数 -->
+							<div>
+								<b>Cited times：</b>
+								<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
+							</div>
+
+						</div>
+					</el-card>
+				</el-col>
+			</el-row>
+
+			<el-row :gutter="20" class="car_buttom_p">
+				<el-col :span="12">
+					<el-card class="box-card">
+						<div slot="header" class="clearfix">
+							<span>Article type</span>
+						</div>
+						<div class="text item data_p_d">
+							<!-- 文章类型 -->
+							<div class="schart-box lei_xing" style="width: 400px;">
+								<div id="myChart4" class="schart"></div>
+							</div>
+							<i>综述比例 &lt; 30% ; 论著比例 > 50%</i>
+						</div>
+					</el-card>
+				</el-col>
+				<el-col :span="12">
+					<el-card class="box-card">
+						<div slot="header" class="clearfix">
+							<span>Authors analysis</span>
+						</div>
+						<div class="text item data_p_d">
+							<!-- 国际化 -->
+							<div class="schart-box lei_xing" style="width: 400px;">
+								<div id="myChart5" class="schart"></div>
+							</div>
+							<i> 作者来源 > 10个国家 </i>
+						</div>
+					</el-card>
+				</el-col>
+			</el-row>
+			<el-row :gutter="20" class="car_buttom_t">
+				<el-col :span="12">
+					<el-card class="box-card">
+						<div slot="header" class="clearfix">
+							<span>Article analysis</span>
+						</div>
+						<div class="text item data_p_d">
+							<!-- 文章国际化 -->
+							<div class="schart-box lei_xing" style="width: 400px;">
+								<div id="myChart7" class="schart"></div>
+							</div>
+						</div>
+					</el-card>
+				</el-col>
+				<el-col :span="12">
+					<el-card class="box-card">
+						<div slot="header" class="clearfix">
+							<span>Editorial board members analysis</span>
+						</div>
+						<div class="text item data_p_d">
+							<!-- 编委 -->
+							<div class="schart-box lei_xing" style="width: 400px;">
+								<div id="myChart6" class="schart"></div>
+							</div>
+							<i>编委国际化 > 70%，区域期刊编委国际化 > 60%</i>
+						</div>
+					</el-card>
 				</el-col>
 			</el-row>
 		</div>
@@ -117,18 +181,29 @@
 			return {
 				Direct_log: this.$route.query.act,
 				head_line: "",
+				issn_id: "",
 				query: {
 					user_id: localStorage.getItem('U_id')
 				},
-				tableData1: [],
-				tableData2: [],
-				TaBle2: {
-					pageIndex: 1,
-					pageSize: 10
+				loading: false,
+				jzoon: {
+					issn: '',
+					start: new Date(),
+					end: new Date()
 				},
-				link_Tota2: 0,
-				cate_title: [],
+				tableData1: [],
 				cate_jour: [],
+				tableData: '',
+				per_tage1: 0,
+				per_tage2: 0,
+				myChart1: '',
+				myChart2: '',
+				myChart3: '',
+				Ech1_D: [],
+				Ech4_D: [],
+				Ech5_D: [],
+				Ech6_D: [],
+				Ech7_D: [],
 				curStartTime: '2019-07-31 08:00:00',
 				qikna: '',
 				shixiang: '',
@@ -139,10 +214,30 @@
 				second: '00',
 			};
 		},
+		watch: {
+			tableData: function(val) {
+				var _this = this;
+				_this.$nextTick(function() {
+					if (this.tableData != '') {
+						this.drawLine4();
+						this.drawLine5();
+						this.drawLine6();
+						this.drawLine7();
+					}
+				});
+			},
+		},
 		mounted() {
 
 		},
 		created() {
+			var date = new Date();
+			var year = date.getFullYear();
+			var month = String(new Date().getMonth() + 1).padStart(2, 0)
+			var date = new Date().getDate().toString().padStart(2, '0')
+			this.jzoon.start = year + '-01-01';
+			this.jzoon.end = year + '-' + month + '-' + date;
+
 			if (this.Direct_log == null) {
 				this.getTable();
 			} else {
@@ -175,15 +270,13 @@
 					.post('api/Chief/getJournalsFromChief', this.query)
 					.then(res => {
 						if (res.code == 0) {
-							this.cate_jour = res.data.journals
-							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].journal_id);
+							this.cate_jour = res.data.journals;
 							this.head_line = this.cate_jour[0].title;
 							this.query.journal_id = this.cate_jour[0].journal_id;
-							this.TaBle2.journal_id = this.cate_jour[0].journal_id;
+							this.jzoon.issn = this.cate_jour[0].issn;
 
 							this.getData();
+							this.getMonthDase();
 
 						} else {
 							this.$message.error(res.msg);
@@ -230,45 +323,13 @@
 					.catch(err => {
 						this.$message.error(err);
 					});
-				this.$api
-					.post('api/Chief/getHArticlesForChief', this.TaBle2)
-					.then(res => {
-						if (res.code == 0) {
-							if (res.data.articles != '') {
-								for (let i = 0; i < res.data.articles.length; i++) {
-									let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
-									let Y = date.getFullYear() + '-';
-									let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
-									let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-									res.data.articles[i].ctime = Y + M + D;
-								}
-							}
-							this.tableData2 = res.data.articles;
-							this.link_Tota2 = res.data.count || 0;
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
-
-			// 分页导航
-			handlePageChange2(val) {
-				this.$set(this.TaBle2, 'pageIndex', val);
-				this.getData();
 			},
 
 			// 期刊下拉菜单点击
-			handlejournal(command) {
-				this.cate_title = command.title;
-				localStorage.setItem('journal_title', command.title);
-				localStorage.setItem('journal_id', command.journal_id);
-				this.head_line = command.title;
-				this.query.journal_id = command.journal_id;
-				this.TaBle2.journal_id = command.journal_id;
+			handlejournal() {
+				// this.jzoon.issn = this.jzoon.issn;
 				this.getData();
+				this.getMonthDase();
 			},
 
 			// 倒计时
@@ -308,6 +369,296 @@
 					setTimeout(this.countTime, 1000)
 				}
 			},
+
+
+			// 获取分析数据
+			getMonthDase() {
+				this.loading = true;
+				this.$api
+					.post('journalsuper/Publish/getAllDateForJournal', this.jzoon)
+					.then(res => {
+						if (res.code == 0) {
+							this.tableData = res.data;
+							//利用率
+							this.per_tage1 = parseFloat((this.tableData.HG.LYL * 100).toFixed(2));
+							//外审合格率
+							this.per_tage2 = parseFloat(((this.tableData.HG.WS.all - this.tableData.HG.WS.np) / this.tableData.HG.WS.all *
+								100).toFixed(2));
+
+							if (this.tableData != '') {
+								this.drawLine4(); //文章类型
+								this.drawLine5(); //作者国际化
+								this.drawLine6(); //编委国际化
+								this.drawLine7(); //文章国际化
+							}
+
+							this.loading = false;
+						} else {
+							this.$message.error(res.msg);
+							this.loading = false;
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+						this.loading = false;
+					});
+			},
+
+			// 数据---月份查询
+			serch_Month() {
+				if (this.jzoon.dastar > this.jzoon.datend) {
+					this.jzoon.datend = this.jzoon.dastar
+				}
+				this.tableData = '';
+				this.getMonthDase();
+			},
+
+			// 录用率进度条
+			cusColorMet(pertage) {
+				if (pertage < 20) {
+					return '#f56c6c';
+				} else if (pertage < 40) {
+					return '#e6a23c';
+				} else if (pertage < 60) {
+					return '#6f7ad3';
+				} else if (pertage < 80) {
+					return '#409eff';
+				} else {
+					return '#67c23a';
+				}
+			},
+
+			//444文章类型--图表初始化
+			drawLine4() {
+				this.Ech4_D = [];
+				let mess_txt = this.tableData.ZL.LX;
+				for (let i in mess_txt) {
+					this.Ech4_D.push({
+						name: i,
+						value: mess_txt[i]
+					});
+				}
+				// 基于准备好的dom，初始化echarts实例
+				let myChart4 = this.$echarts.init(document.getElementById('myChart4'))
+				// 绘制饼状图
+				myChart4.setOption({
+					title: {
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					tooltip: {
+						trigger: 'item',
+						// formatter: '{b}: {c}piece ({d}%)'
+						formatter: function(params) {
+							if (params.name == "Review") {
+								return params.name + ': ' + params.value + ' (' + params.percent + '%)【< 30%】'
+							} else if (params.name == "Article") {
+								return params.name + ': ' + params.value + ' (' + params.percent + '%)【＞50%】'
+							} else {
+								return params.name + ': ' + params.value + ' (' + params.percent + '%)'
+							}
+						}
+					},
+					legend: {
+						bottom: '1%',
+						type: 'scroll',
+						orient: 'vertical',
+						right: 10,
+						top: 40,
+					},
+					series: [{
+						name: 'Article type',
+						type: 'pie',
+						radius: ['40%', '70%'],
+						center: ["35%", "60%"],
+						avoidLabelOverlap: false,
+						label: {
+							show: false,
+							position: 'center'
+						},
+						emphasis: {
+							label: {
+								show: true,
+								fontSize: '40',
+								fontWeight: 'bold'
+							}
+						},
+						labelLine: {
+							show: false
+						},
+						data: this.Ech4_D
+					}]
+				}, true);
+			},
+
+
+			//555作者国际化--图表初始化
+			drawLine5() {
+				this.Ech5_D = [];
+				let mess_txt = this.tableData.ZL.GJH;
+				for (let i in mess_txt.list) {
+					this.Ech5_D.push({
+						name: i,
+						value: mess_txt.list[i]
+					});
+				}
+				// 基于准备好的dom，初始化echarts实例
+				let myChart5 = this.$echarts.init(document.getElementById('myChart5'))
+				// 绘制饼状图
+				myChart5.setOption({
+					title: {
+						subtext: mess_txt.countrys + ' countries in total',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					tooltip: {
+						trigger: 'item',
+						formatter: '{b}: {c} ({d}%)'
+					},
+					legend: {
+						bottom: '1%',
+						type: 'scroll',
+						orient: 'vertical',
+						right: 10,
+						top: 40,
+					},
+					series: [{
+						name: 'Author internationalization',
+						type: 'pie',
+						radius: ['40%', '70%'],
+						center: ["35%", "60%"],
+						avoidLabelOverlap: false,
+						label: {
+							show: false,
+							position: 'center'
+						},
+						emphasis: {
+							label: {
+								show: true,
+								fontSize: '40',
+								fontWeight: 'bold'
+							}
+						},
+						labelLine: {
+							show: false
+						},
+						data: this.Ech5_D
+					}]
+				}, true);
+			},
+
+
+
+			//666编委国际化--图表初始化
+			drawLine6() {
+				this.Ech6_D = [];
+				let mess_txt = this.tableData.ZL.BW;
+				for (let i in mess_txt.country) {
+					this.Ech6_D.push({
+						name: i,
+						value: mess_txt.country[i]
+					});
+				}
+				// 基于准备好的dom，初始化echarts实例
+				let myChart6 = this.$echarts.init(document.getElementById('myChart6'))
+				// 绘制饼状图
+				myChart6.setOption({
+					title: {
+						subtext: mess_txt.count + ' Editorial board member in total',
+						x: '49%',
+						y: 'top',
+						textAlign: 'center'
+					},
+					tooltip: {
+						trigger: 'item',
+						formatter: '{b}: {c} ({d}%)'
+					},
+					legend: {
+						bottom: '1%',
+						type: 'scroll',
+						orient: 'vertical',
+						right: 10,
+						top: 40,
+					},
+					series: [{
+						name: 'Internationalization of editorial board',
+						type: 'pie',
+						radius: ['40%', '70%'],
+						center: ["35%", "60%"],
+						avoidLabelOverlap: false,
+						label: {
+							show: false,
+							position: 'center'
+						},
+						emphasis: {
+							label: {
+								show: true,
+								fontSize: '40',
+								fontWeight: 'bold'
+							}
+						},
+						labelLine: {
+							show: false
+						},
+						data: this.Ech6_D
+					}]
+				}, true);
+			},
+
+
+			//777文章国际化--图表初始化
+			drawLine7() {
+				this.Ech7_D = [];
+				let mess_txt = this.tableData.ZL.GNW;
+				this.Ech7_D.push({
+					value: mess_txt.n,
+					name: 'Domestic'
+				}, {
+					value: mess_txt.w,
+					name: 'Abroad'
+				});
+				// 基于准备好的dom，初始化echarts实例
+				let myChart7 = this.$echarts.init(document.getElementById('myChart7'))
+				// 绘制饼状图
+				myChart7.setOption({
+					tooltip: {
+						trigger: 'item',
+						formatter: '{b}: {c} ({d}%)'
+					},
+					legend: {
+						bottom: '1%',
+						type: 'scroll',
+						orient: 'vertical',
+						right: 10,
+						top: 40,
+					},
+					color: ['#FD9E06', '#768BFF'],
+					series: [{
+						name: 'Article internationalization',
+						type: 'pie',
+						radius: ['40%', '70%'],
+						center: ["35%", "60%"],
+						avoidLabelOverlap: false,
+						label: {
+							show: false,
+							position: 'center'
+						},
+						emphasis: {
+							label: {
+								show: true,
+								fontSize: '40',
+								fontWeight: 'bold'
+							}
+						},
+						labelLine: {
+							show: false
+						},
+						data: this.Ech7_D
+					}]
+				}, true);
+			},
 		},
 		computed: {
 			onRoutes() {
@@ -324,17 +675,31 @@
 <style scoped>
 	.ma_title {
 		margin-bottom: 5px;
-		font-weight: bold;
+		/* font-weight: bold; */
 		color: #006699;
 	}
 
+	.ma_title h2 {
+		font-size: 20px;
+		color: #006699;
+		margin: 10px 0;
+		/* white-space: nowrap; */
+	}
+
+	.ma_title .icon_img {
+		width: 20px;
+		height: 20px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
+
 	.ta1_uli li {
 		list-style: none;
-		border-bottom: 2px solid #dcdcdc;
+		border-bottom: 1px dashed #e0e0e0;
 		/* box-shadow: 0 0 10px #e1e1e1; */
 		padding: 10px 20px 20px 20px;
 		background-color: #fff;
-		margin-top: 20px;
+		margin-top: 10px;
 	}
 
 	.ta1_uli li:hover {
@@ -347,6 +712,17 @@
 		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
 	}
 
+	.ta1_uli li h3>span {
+		font-size: 12px;
+		color: #fff;
+		background-color: #1e93cd;
+		margin-right: 10px;
+		display: inline-block;
+		padding: 3px 5px;
+		vertical-align: bottom;
+	}
+
+
 	.ta1_uli li h3:hover {
 		text-decoration: underline;
 	}
@@ -361,6 +737,8 @@
 
 	.ta1_uli li h4 span {
 		margin-right: 10px;
+		/* display: block; */
+		/* margin-bottom: 2px; */
 	}
 
 	.ta1_uli li h5 {
@@ -377,4 +755,63 @@
 		font-size: 16px;
 		margin-top: 10px;
 	}
+
+	.handle-box {
+		margin-top: 35px;
+		margin-bottom: 20px;
+	}
+
+	.data_p>div {
+		margin-bottom: 20px;
+	}
+
+	.data_p>div>span {
+		padding-top: 3px;
+		display: inline-block;
+	}
+
+	.data_p>div>b {
+		line-height: 25px;
+		width: 180px;
+		display: inline-block;
+		text-align: right;
+		margin-right: 5px;
+		vertical-align: top;
+	}
+
+	.data_p>div>i,
+	.data_p_d>i {
+		font-style: normal;
+		margin-left: 16px;
+		display: inline-block;
+		color: #fd9e06;
+		font-size: 14px;
+		font-weight: bold;
+	}
+
+	.pro_ges {
+		display: inline-block;
+	}
+
+	.pro_ges .el-progress-bar {
+		display: inline-block !important;
+		width: 500px !important;
+		/* margin-right: 1px; */
+	}
+
+	.schart-box {
+		width: 50%;
+		display: inline-block;
+	}
+
+	.schart-box .schart {
+		width: 100%;
+		height: 150px;
+	}
+	
+	.car_buttom_p,.car_buttom_t{
+		margin-top: 30px;
+		display: flex;
+	}
+	
 </style>

src/components/page/man_history.vue

@@ -0,0 +1,240 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao">Editor-in-Chief historical manuscripts</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container_l">
+			<!-- 期刊下拉菜单 -->
+			<el-select v-model="TaBle2.journal_id" filterable placeholder="Please select a journal" @change="handlejournal"
+			 style="width: 300px;">
+				<el-option v-for="item in cate_jour" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
+			</el-select><br><br>
+
+			<el-row :gutter="20">
+				<el-col :span="24">
+					<el-card class="box-card">
+						<div class="ma_title">
+							<h2>
+								<!-- <img src="../../assets/img/icon_3.png" alt="" class="icon_img"> -->
+								Accepted manuscripts.
+							</h2>
+						</div>
+						<ul class="ta1_uli">
+							<li v-for="item in tableData2">
+								<h5>{{item.type}}</h5>
+								<h3>
+									<span v-if="item.state==5" style="background-color: #1e93cd;">{{item.state}}</span>
+									{{item.title}}
+									<router-link :to="{path:'/man_text',query:{Art_id:item.article_id}}">
+										<el-button type="primary" plain style="float: right;">Detail</el-button>
+									</router-link>
+								</h3>
+								<h6>{{item.author}}</h6>
+								<h4><span>{{head_line}}.</span><br>
+									<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+							</li>
+							<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+						</ul>
+					</el-card>
+
+					<div class="pagination">
+						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
+						 :total="link_Tota2" @current-change="handlePageChange2">
+						</el-pagination>
+					</div>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				Direct_log: this.$route.query.act,
+				head_line: "",
+				tableData2: [],
+				TaBle2: {
+					user_id: localStorage.getItem('U_id'),
+					pageIndex: 1,
+					pageSize: 10
+				},
+				link_Tota2: 0,
+				cate_jour: [],
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			if (this.Direct_log == null) {
+				this.getTable();
+			} else {
+				this.$api
+					.post('api/Chief/autoLoginForChief ', {
+						'code': this.Direct_log
+					})
+					.then(res => {
+						if (res.code == 0) {
+							localStorage.setItem('U_role', res.data.roles);
+							localStorage.setItem('U_name', res.data.user.account);
+							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.user.realname);
+							this.getTable();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Chief/getJournalsFromChief', this.TaBle2)
+					.then(res => {
+						if (res.code == 0) {
+							this.cate_jour = res.data.journals
+							this.head_line = this.cate_jour[0].title;
+							this.TaBle2.journal_id = this.cate_jour[0].journal_id;
+							this.getData();
+
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Chief/getHArticlesForChief', this.TaBle2)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.articles != '') {
+								for (let i = 0; i < res.data.articles.length; i++) {
+									let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+									let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+									res.data.articles[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData2 = res.data.articles;
+							this.link_Tota2 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 分页导航
+			handlePageChange2(val) {
+				this.$set(this.TaBle2, 'pageIndex', val);
+				this.getData();
+			},
+
+			// 期刊下拉菜单点击
+			handlejournal(params) {
+				// this.head_line = params;
+				this.TaBle2.journal_id = params;
+				this.getData();
+			},
+
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		color: #006699;
+	}
+
+	.ma_title h2 {
+		font-size: 20px;
+		color: #006699;
+		margin: 10px 0;
+		/* white-space: nowrap; */
+	}
+
+	.ma_title .icon_img {
+		width: 20px;
+		height: 20px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 1px dashed #e0e0e0;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-top: 10px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+
+	.ta1_uli li h3>span {
+		font-size: 12px;
+		color: #fff;
+		background-color: #000;
+		margin-right: 10px;
+		display: inline-block;
+		padding: 3px 5px;
+		vertical-align: bottom;
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 15px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+</style>

src/components/page/man_report.vue

@@ -69,97 +69,94 @@
 					<b>Acceptance：</b>
 					<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage1" :color="cusColorMet"
 					 class="pro_ges">></el-progress>
-					<i> 录用率 < 50% </i> 
-				
-				</div> 
-				
-				<!-- 查重 -->
-							<!-- <div>
+					<i> 录用率 &lt; 50% </i>
+				</div> <!-- 查重 -->
+				<!-- <div>
 					<b>Check duplicate：</b>
 					<div class="schart-box" style="width: 400px;">
 						<div id="myChart1" class="schart"></div>
 					</div>
 				</div> -->
 
-							<!-- 外审合格率 -->
-							<div>
-								<b>Qualified rate of external audit：</b>
-								<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage2" :color="cusColorMet"
-								 class="pro_ges">></el-progress>
-							</div>
-
-							<!-- 时间 -->
-							<div>
-								<b>Processing time：</b>
-								<div class="schart-box" style="width: 600px;">
-									<div id="myChart2" class="schart"></div>
-								</div>
-							</div>
-
-							<!-- 引用数 -->
-							<div>
-								<b>Cited times：</b>
-								<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
-							</div>
-
-							<!-- 投稿量 -->
-							<div>
-								<b>Contribution volume：</b>
-								<span v-if="this.tableData!=''">{{this.tableData.ZL.TGL}}</span>
-							</div>
-
-							<!-- 发文量 myChart3 -->
-							<div>
-								<b>Document statistics：
-									<br><br>
-									<span style="color: #999;font-size: 14px;margin-right: 10px;">发文量 > 30篇/年</span>
-								</b>
-								<!-- (年折线) -->
-								<div class="schart-box" style="width: 50%;">
-									<div id="myChart3" class="schart"></div>
-								</div>
-							</div>
-
-							<!-- 文章类型 -->
-							<div>
-								<b>Article type：</b>
-								<div class="schart-box lei_xing" style="width: 400px;">
-									<div id="myChart4" class="schart"></div>
-								</div>
-								<i>综述比例 < 30% ; 论著比例> 50%</i>
-							</div>
-
-							<!-- 文章国际化 -->
-							<div>
-								<b>Article analysis：</b>
-								<div class="schart-box lei_xing" style="width: 400px;">
-									<div id="myChart7" class="schart"></div>
-								</div>
-							</div>
-
-							<!-- 国际化 -->
-							<div>
-								<b>Authors analysis：</b>
-								<div class="schart-box lei_xing" style="width: 400px;">
-									<div id="myChart5" class="schart"></div>
-								</div>
-								<i> 作者来源 > 10个国家 </i>
-							</div>
-
-							<!-- 编委 -->
-							<div>
-								<b>Editorial board members analysis：</b>
-								<div class="schart-box lei_xing" style="width: 400px;">
-									<div id="myChart6" class="schart"></div>
-								</div>
-								<i>编委国际化 > 70%，区域期刊编委国际化 > 60%</i>
-							</div>
-
-
+				<!-- 外审合格率 -->
+				<div>
+					<b>Qualified rate of external audit：</b>
+					<el-progress v-if="this.tableData!=''" :text-inside="true" :stroke-width="24" :percentage="per_tage2" :color="cusColorMet"
+					 class="pro_ges">></el-progress>
 				</div>
 
+				<!-- 时间 -->
+				<div>
+					<b>Processing time：</b>
+					<div class="schart-box" style="width: 600px;">
+						<div id="myChart2" class="schart"></div>
+					</div>
+				</div>
+
+				<!-- 引用数 -->
+				<div>
+					<b>Cited times：</b>
+					<span v-if="this.tableData!=''">{{this.tableData.ZL.YY}}</span>
+				</div>
+
+				<!-- 投稿量 -->
+				<div>
+					<b>Contribution volume：</b>
+					<span v-if="this.tableData!=''">{{this.tableData.ZL.TGL}}</span>
+				</div>
+
+				<!-- 发文量 myChart3 -->
+				<div>
+					<b>Document statistics：
+						<br><br>
+						<span style="color: #fd9e06;font-size: 14px;margin-right: 10px;">发文量 > 30篇/年</span>
+					</b>
+					<!-- (年折线) -->
+					<div class="schart-box" style="width: 50%;">
+						<div id="myChart3" class="schart"></div>
+					</div>
+				</div>
+
+				<!-- 文章类型 -->
+				<div>
+					<b>Article type：</b>
+					<div class="schart-box lei_xing" style="width: 400px;">
+						<div id="myChart4" class="schart"></div>
+					</div>
+					<i>综述比例 &lt; 30% ; 论著比例 > 50%</i>
+				</div>
+
+				<!-- 文章国际化 -->
+				<div>
+					<b>Article analysis：</b>
+					<div class="schart-box lei_xing" style="width: 400px;">
+						<div id="myChart7" class="schart"></div>
+					</div>
+				</div>
+
+				<!-- 国际化 -->
+				<div>
+					<b>Authors analysis：</b>
+					<div class="schart-box lei_xing" style="width: 400px;">
+						<div id="myChart5" class="schart"></div>
+					</div>
+					<i> 作者来源 > 10个国家 </i>
+				</div>
+
+				<!-- 编委 -->
+				<div>
+					<b>Editorial board members analysis：</b>
+					<div class="schart-box lei_xing" style="width: 400px;">
+						<div id="myChart6" class="schart"></div>
+					</div>
+					<i>编委国际化 > 70%，区域期刊编委国际化 > 60%</i>
+				</div>
+
+
 			</div>
+
 		</div>
+	</div>
 </template>
 
 <script>
@@ -414,7 +411,7 @@
 					},
 					tooltip: {
 						trigger: 'item',
-						formatter: '{b}: {c} piece ({d}%)'
+						formatter: '{b}: {c} ({d}%)'
 					},
 					legend: {
 						bottom: '1%',
@@ -509,7 +506,16 @@
 					},
 					tooltip: {
 						trigger: 'item',
-						formatter: '{b}: {c} piece ({d}%)'
+						// formatter: '{b}: {c}piece ({d}%)'
+						formatter: function(params) {
+							if (params.name == "Review") {
+								return params.name + ': ' + params.value + ' (' + params.percent + '%)【< 30%】'
+							} else if (params.name == "Article") {
+								return params.name + ': ' + params.value + ' (' + params.percent + '%)【＞50%】'
+							} else {
+								return params.name + ': ' + params.value + ' (' + params.percent + '%)'
+							}
+						}
 					},
 					legend: {
 						bottom: '1%',
@@ -665,10 +671,10 @@
 				let mess_txt = this.tableData.ZL.GNW;
 				this.Ech7_D.push({
 					value: mess_txt.n,
-					name: 'domestic'
+					name: 'Domestic'
 				}, {
 					value: mess_txt.w,
-					name: 'abroad'
+					name: 'Abroad'
 				});
 				// 基于准备好的dom，初始化echarts实例
 				let myChart7 = this.$echarts.init(document.getElementById('myChart7'))
@@ -676,7 +682,7 @@
 				myChart7.setOption({
 					tooltip: {
 						trigger: 'item',
-						formatter: '{b}: {c}piece ({d}%)'
+						formatter: '{b}: {c} ({d}%)'
 					},
 					legend: {
 						bottom: '1%',
@@ -748,8 +754,9 @@
 		font-style: normal;
 		margin-left: 16px;
 		display: inline-block;
-		color: #999;
+		color: #fd9e06;
 		font-size: 14px;
+		font-weight: bold;
 	}
 
 	.pro_ges {

src/components/page/man_text.vue

@@ -3,61 +3,53 @@
 		<div class="crumbs">
 			<el-breadcrumb separator="/">
 				<el-breadcrumb-item>
-					<i class="el-icon-collection"></i>
+					<i class="el-icon-document-copy"></i>
 					<router-link :to="{path:'/managing'}">
-						<span class="top_dao">{{this.head_line}}</span>
+						<span class="top_dao"> Editor-in-Chief Article</span>
 					</router-link>
+					>> {{this.head_line}}
 				</el-breadcrumb-item>
 			</el-breadcrumb>
 		</div>
-		<div class="container container_l">
-			<el-row :gutter="24">
+		<div class="container_l">
+			<el-row :gutter="20" style="display: flex;">
 				<el-col :span="16">
-					<div class="tet_list" :model="txt_mess">
-						<h4>{{txt_mess.title}}</h4>
-						<h5>{{this.head_line}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
-						<p>{{txt_mess.author}}</p>
-						<div class="file_sty" v-for="item in fileList">
-							<svg t="1629609240510" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-							 p-id="3814" width="15" height="15" style="margin: 20px 10px -2px 0;">
-								<path d="M1024.00906 393.054v548.774c0 45.39-36.776 82.166-82.146 82.166H266.89306c-38.776 0-71.268-26.868-79.9-63.006l-0.33-46.976-1.916-279.754V82.166C184.74506 36.778 221.52306 0 266.89306 0h364.064c32.718 0 138.682 90.346 232.346 185.494C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
-								 fill="#DDEAFB" p-id="3815"></path>
-								<path d="M1024.00906 393.054v201.028c0-0.226-0.02-0.454-0.02-0.7-6.182-246.666-207.106-258.08-272.812-323.784l112.124-84.104C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
-								 fill="#CBE2FF" p-id="3816"></path>
-								<path d="M630.94506 0H429.91706c0.226 0 0.454 0.02 0.7 0.02 246.666 6.182 258.08 207.106 323.784 272.812l84.104-112.124C751.66106 75.244 660.82106 0 630.94506 0z"
-								 fill="#CBE2FF" p-id="3817"></path>
-								<path d="M1024.00706 393.064v34.754c0-73.17-59.334-132.506-132.506-132.506h-80.648c-45.368 0-82.16-36.794-82.16-82.16V132.506C728.69506 59.334 669.35906 0 596.18906 0h34.754c62.58 0 122.616 24.866 166.866 69.114l157.086 157.086a236.004 236.004 0 0 1 69.112 166.864z"
-								 fill="#BED8FB" p-id="3818"></path>
-								<path d="M885.28906 480.062H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 562.26H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 644.456H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM745.13906 726.654H323.45506a15.452 15.452 0 1 1 0-30.904h421.682a15.452 15.452 0 0 1 15.452 15.452 15.448 15.448 0 0 1-15.45 15.452zM529.84306 252.076H323.45506a15.452 15.452 0 1 1 0-30.904h206.388a15.452 15.452 0 1 1 0 30.904z"
-								 fill="#617881" p-id="3819"></path>
-								<path d="M566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74 47.908 47.908 0 0 1-28.578 12.362 2959.96 2959.96 0 0 1-466.258 0 47.912 47.912 0 0 1-28.578-12.362 48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c-9.642-96.094-11.312-192.19-4.986-288.264 0.804-12.156 1.73-24.292 2.782-36.448a1705.496 1705.496 0 0 1 3.708-38.116c2.494-23.138 21.036-41.268 44.236-43.102a2960.442 2960.442 0 0 1 466.258 0c23.2 1.834 41.742 19.964 44.236 43.102a1705.496 1705.496 0 0 1 3.708 38.116c1.05 12.156 1.978 24.292 2.782 36.448 6.304 96.074 4.636 192.17-4.986 288.264z"
-								 fill="#80B4FB" p-id="3820"></path>
-								<path d="M571.47306 668.872c-34.984 85.71-172.286 216.83-283.854 250.146C176.05106 885.704 38.74906 754.584 3.76506 668.872c0.804-12.156 1.73-24.292 2.782-36.448 38.982 85.69 172.266 211.206 281.074 243.698 108.828-32.492 242.132-158.008 281.074-243.698 1.048 12.156 1.974 24.292 2.778 36.448zM566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74c-3.956-31.338-37.642-82.888-87.606-132.914a15.476 15.476 0 0 1 0.02-21.86 15.474 15.474 0 0 1 21.86 0.022c29.216 29.256 53.63 59.4 70.628 87.194 4.72 7.704 8.82 15.12 12.26 22.25zM113.51906 869.53c-49.964 50.026-83.65 101.576-87.606 132.914a48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c3.44-7.128 7.54-14.546 12.26-22.252 16.998-27.794 41.414-57.938 70.628-87.194a15.474 15.474 0 0 1 21.86-0.022 15.48 15.48 0 0 1 0.02 21.862z"
-								 fill="#5EA5EC" p-id="3821"></path>
-							</svg>
-							<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">Manuscirpt <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span></a><br>
+					<el-card class="box-card">
+						<div class="tet_list" :model="txt_mess">
+							<h4><span>{{txt_mess.type}}</span>{{txt_mess.title}}</h4>
+							<h5>{{this.head_line}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
+							<p>{{txt_mess.author}}</p>
+							<div class="file_sty" v-for="item in fileList">
+								<img src="../../assets/img/icon_0.png" alt="" class="icon_img">
+								<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">Manuscirpt
+									<span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span>
+									<i class="el-icon-download" style="margin-left: 20px;color: #66b1ff;font-weight: bold;"></i>
+								</a><br>
+							</div>
 						</div>
-					</div>
+					</el-card>
 				</el-col>
 				<el-col :span="8">
-					<div class="tet_people" v-if="this.txt_state!=6">
-						<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
-						<ul v-for="item in Editard_list" style="margin-top: 10px;">
-							<li style="list-style: none;">
-								<span>{{item.account}} ( <font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}} )</span>
-							</li>
-						</ul>
-					</div>
-					<div class="tet_people" v-if="this.txt_state==6">
-						<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
-						<el-button type="text" @click="add_Editer" style="margin-left: 5px;font-weight: bold;">+ Add</el-button>
-						<ul v-for="item in Editard_list">
-							<li style="list-style: none;">
-								<span>{{item.account}} (<font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}}) </span>
-								<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(item)"></el-button>
-							</li>
-						</ul>
-					</div>
+					<el-card class="box-card">
+						<div class="tet_people" v-if="this.txt_state!=6">
+							<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
+							<ul v-for="item in Editard_list" style="margin-top: 10px;">
+								<li style="list-style: none;">
+									<span>{{item.account}} ( <font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}} )</span>
+								</li>
+							</ul>
+						</div>
+						<div class="tet_people" v-if="this.txt_state==6">
+							<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
+							<el-button type="text" @click="add_Editer" style="margin-left: 5px;font-weight: bold;">+ Add</el-button>
+							<ul v-for="item in Editard_list">
+								<li style="list-style: none;">
+									<span>{{item.account}} (<font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}}) </span>
+									<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(item)"></el-button>
+								</li>
+							</ul>
+						</div>
+					</el-card>
 				</el-col>
 			</el-row>
 
@@ -93,7 +85,9 @@
 			</div>
 
 			<h2 style="margin: 0 0 15px 5px;font-size: 16px;">All comments</h2>
-			<comment :comments="commentData" v-if="this.commentData!=''"></comment>
+			<el-card class="box-card">
+				<comment :comments="commentData" v-if="this.commentData!=''"></comment>
+			</el-card>
 			<p v-if="this.commentData==''" style="color:#6f6f6f;font-size: 14px;margin: 20px 0 0 10px;">No comment</p>
 		</div>
 
@@ -252,7 +246,11 @@
 								let Y = date.getFullYear() + '-';
 								let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
 								let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-								res.data.msgs[i].ctime = Y + M + D;
+								let h = date.getHours() < 10 ? ('0' + date.getHours()) + ':' : date.getHours() + ':';
+								let n = date.getMinutes() < 10 ? ('0' + date.getMinutes()) + ':' : date.getMinutes() + ':';
+								let s = date.getSeconds() < 10 ? ('0' + date.getSeconds()) : date.getSeconds();
+
+								res.data.msgs[i].ctime = Y + M + D + ' ' + h + n + s;
 							}
 							this.commentData = res.data.msgs;
 						} else {
@@ -280,7 +278,7 @@
 						if (res.code == 0) {
 							this.$message.success('Editorial board of newly added articles succeeded!');
 							this.addVisible = false;
-							this.getdate();
+							this.getData();
 						} else {
 							this.$message.error(res.msg);
 						}
@@ -374,25 +372,45 @@
 	}
 </script>
 
-<style>
+<style scoped>
 	.ma_title {
 		margin-bottom: 5px;
 		font-weight: bold;
 	}
+	
+	.icon_img {
+		width: 20px;
+		height: 20px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
 
 	.tet_list {
-		border: 1px solid #DCDFE6;
-		background: #fff;
-		border-radius: 5px;
-		margin-bottom: 20px;
-		padding: 20px 20px;
+		font-size: 20px;
 	}
+	
 
 	.upload-txtc .el-upload-list__item .el-icon-upload-success {
 		display: none !important;
 	}
 
+	.top_dao:hover {
+		text-decoration: underline;
+		cursor: pointer;
+	}
+
+	.tet_list h4>span {
+		font-size: 12px;
+		color: #fff;
+		background-color: #1e93cd;
+		margin-right: 10px;
+		display: inline-block;
+		padding: 3px 5px;
+		vertical-align: bottom;
+	}
+
 	.tet_list h5 {
+		font-size: 16px;
 		margin: 20px 0 10px 0;
 		font-weight: normal;
 	}
@@ -400,21 +418,18 @@
 	.tet_list p {
 		font-family: Calibri;
 		line-height: 22px;
+		font-size: 16px;
 	}
 
-	.tet_people {
-		border: 1px solid #DCDFE6;
-		background: #fff;
-		border-radius: 5px;
-		margin-bottom: 20px;
-		padding: 20px 20px;
-	}
+	.tet_people {}
 
 	.tet_people .el-input {
 		margin-top: 20px;
 	}
 
-	.file_sty {}
+	.file_sty {
+		margin: 8px 0 0 0;
+	}
 
 	.file_sty a {
 		color: #606266;
@@ -429,6 +444,9 @@
 
 	.ping_lun textarea {
 		/* padding-top: 50px; */
+		-webkit-box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+		box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
+		border: 0;
 	}
 
 	.ping_lun textarea:focus {

src/components/page/per_ewer.vue

@@ -3,95 +3,117 @@
 		<div class="crumbs">
 			<el-breadcrumb separator="/">
 				<el-breadcrumb-item>
-					<i class="el-icon-collection"></i> <span class="top_dao">Reviewer Article</span>
+					<i class="el-icon-collection"></i> <span class="top_dao"> Reviewer Article</span>
 				</el-breadcrumb-item>
 			</el-breadcrumb>
 		</div>
-		<div class="container container_l">
-			<el-row :gutter="24">
+		<el-alert class="mes_alert" style="margin: 20px 0 10px 0;" :title="'Dear '+ user_name" type="warning" description="Welcome to our submission system. In order to facilitate reviewers to review articles we have developed a new test product. if you have any suggestions about this, please do not hesitate to contact us: tmr@tmrjournals.com">
+		</el-alert>
+		<div class="container_l">
+			<el-row :gutter="20" style="display: flex;">
 				<el-col :span="16">
-					<div class="ma_title">
-						<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
-						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
-							<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
-							 fill="#0071C3" p-id="1651"></path>
-							<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
-							 fill="#0071C3" p-id="1652"></path>
-							<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
-							 p-id="1653"></path>
-							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
-							 fill="#FD9A16" p-id="1654"></path>
-						</svg>
-						The manuscripts are ready to get final decisions.
-					</div>
-					<ul class="ta1_uli">
-						<li v-for="item in tableData1">
-							<h5>{{item.type}}</h5>
-							<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
-								<h3>{{item.article_title}}</h3>
-							</router-link>
-							<h4><span>{{item.journal_title}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
-						</li>
-						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
-					</ul>
-				</el-col>
-				<el-col :span="8">
-					<div class="ma_title">
-						<svg t="1631523448294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1661"
-						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
-							<path d="M625.81 65H154.9c-24.49 0.23-49.29 10.25-65.82 28.65A92.26 92.26 0 0 0 65 155V858.1c0 12.7 0 25.36 4 37.65 12.53 38.21 47.54 63.11 87.62 63.17h648c21.42 0 42.85 0.18 64.27 0a92.4 92.4 0 0 0 61.37-24.07c18.4-16.53 28.41-41.3 28.65-65.79 0.07-7.87 0-15.75 0-23.63V369.52c0-15.66-13.77-30.65-29.94-29.93s-29.93 13.15-29.93 29.93V810.9c0 19.28 0.16 38.57 0 57.85a72.93 72.93 0 0 1-0.56 8.61l1.07-8a64.56 64.56 0 0 1-4.27 15.36l3-7.15a64.42 64.42 0 0 1-4.94 9.19c-0.48 0.73-1 1.42-1.48 2.14-2.27 3.42 2.22-3.1 2.31-3s-3.71 4.1-3.92 4.31c-1.21 1.22-2.62 2.27-3.81 3.5-2.22 2.29 5.69-4 3-2.27-0.73 0.46-1.41 1-2.12 1.49a63.19 63.19 0 0 1-9.73 5.3l7.15-3a64.66 64.66 0 0 1-15.37 4.28l8-1.07c-8.43 1.06-17.19 0.56-25.67 0.56H155.55a74.62 74.62 0 0 1-9-0.56l8 1.07a64.58 64.58 0 0 1-15.36-4.28l7.15 3a62.48 62.48 0 0 1-9.19-4.94c-0.73-0.47-1.42-1-2.15-1.47-3.41-2.27 3.11 2.21 3 2.31s-4.1-3.71-4.31-3.92c-1.22-1.22-2.27-2.62-3.5-3.82-2.29-2.22 4 5.7 2.27 3-0.46-0.73-1-1.41-1.49-2.13a62.73 62.73 0 0 1-5.3-9.73l3 7.15a65 65 0 0 1-4.27-15.36l1.07 8c-1.06-8.43-0.56-17.18-0.56-25.66V182v-26.46a74.58 74.58 0 0 1 0.56-9l-1.07 8a65.24 65.24 0 0 1 4.27-15.37l-3 7.15a63 63 0 0 1 4.94-9.19c0.47-0.72 1-1.42 1.47-2.14 2.27-3.41-2.21 3.11-2.31 3s3.71-4.1 3.92-4.31c1.22-1.22 2.62-2.27 3.82-3.5 2.22-2.29-5.7 4-3 2.27 0.73-0.46 1.41-1 2.13-1.49a62.73 62.73 0 0 1 9.73-5.3l-7.15 3a65 65 0 0 1 15.36-4.27l-8 1.07c6.3-0.79 12.71-0.56 19.05-0.56h401.12c19.41 0 38.86 0.39 58.26 0h0.8c15.66 0 30.66-13.77 29.93-29.93S642.59 65 625.81 65z"
-							 fill="#0071C3" p-id="1662"></path>
-							<path d="M944.78 139.56c-5.24-7.77-11.4-14.35-17.95-20.9-10.42-10.42-20.4-21.85-31.72-31.32A94.76 94.76 0 0 0 842 65.24c-17.07-1.67-35 2.88-49.93 11-13.22 7.19-23.44 18.57-34 29.08l-43.93 43.93-65 65-75.98 76.05-78.32 78.32q-35.23 35.25-70.48 70.48l-53.8 53.81-27.24 27.23a37.89 37.89 0 0 0-10.14 18.2l-8 34q-11.74 50-23.5 99.92-2.32 9.91-4.66 19.82c-5.27 22.4 14.22 42.6 36.9 36.9l135.69-34.1L489 690a26.78 26.78 0 0 0 8.43-3.82 29.19 29.19 0 0 0 4.8-3.9L520 664.5l46.83-46.83 66.8-66.8 76.75-76.75 77.93-77.93q34.63-34.65 69.28-69.28L908.53 276c7.86-7.86 15.75-15.7 23.59-23.59a91.82 91.82 0 0 0 26.93-63.53c0.19-17-4.76-35.19-14.27-49.32z m-88.3-6.89l-2.29-1.75a8.28 8.28 0 0 1 2.29 1.75z m-37.48-2.9l-2 1.44a5.5 5.5 0 0 1 2-1.44z m-4.42 4c0.48-0.48 1.13-1.24 1.83-2 1.18-0.77 2.33-1.59 3.54-2.32s2.68-1.54 4.06-2.23a65 65 0 0 1 7.87-2.16 66.39 66.39 0 0 1 8 0 64 64 0 0 1 7.81 2.14c1.61 0.81 3.18 1.67 4.72 2.62 0.39 0.25 0.85 0.5 1.34 0.78s0.82 0.69 1.21 1.05c1.36 1.23 2.64 2.53 3.93 3.83l14.83 14.82L888.3 165c1.33 1.33 2.67 2.65 3.94 4l-0.93-1.52c0.48 0.79 1 1.54 1.59 2.3a13.31 13.31 0 0 1 0.85 1.24 58.4 58.4 0 0 1 3 5.34 65.47 65.47 0 0 1 2.13 7.79 66.56 66.56 0 0 1 0 8 65.32 65.32 0 0 1-2.16 7.86c-0.69 1.38-1.42 2.74-2.23 4.06-0.35 0.58-0.72 1.14-1.09 1.71l0.8-0.76c-0.31 0.29-0.61 0.6-0.91 0.92l-1.15 1.71c-0.72 1.11-1.5 1.58-1.34 1.12-0.21 0.23-0.42 0.47-0.64 0.7l-1.35 1.35-7 7-4.78 4.79q-37.8-37.93-75.61-75.85 6.58-6.52 13.11-12.97zM384.62 581.56l58 58.23-76.2 19.21q9.11-38.75 18.2-77.44z m366-232.48l-126 126-110.33 110.28q-10.3 10.3-20.7 20.54l-73.23-73.47-2.23-2.24 10.39-10.39 105.36-105.36 126.2-126.2 99-99L834.62 265z"
-							 fill="#FD9A16" p-id="1663"></path>
-						</svg>
-						List of pending articles.
-					</div>
-					<ul class="ta1_uli">
-						<li v-for="item in tableData3">
-							<h5>{{item.type}}</h5>
-							<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.article_id}}">
-								<h3>{{item.title}}</h3>
-							</router-link>
-							<h4><span>{{item.journal_title}}.</span><br>
-								<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
-						</li>
-						<p v-if="tableData3==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No pending articles</p>
-					</ul>
-					<div class="pagination">
-						<el-pagination layout="total, prev, pager, next" :current-page="TaBle3.pageIndex" :page-size="TaBle3.pageSize"
-						 :total="link_Tota3" @current-change="handlePageChange3">
-						</el-pagination>
-					</div>
-					<br><br>
+					<el-card class="box-card top_card_b">
+						<el-col :span="5">
+							<div class="ma_title" style="height: 100%;">
+								<h2>
+									<!-- <img src="../../assets/img/icon_5.png" alt="" class="icon_img"> -->
+									Under review.
+								</h2>
+								In this column, the manuscripts that currently need your comments are displayed. You can click detail to review
+								or change your comments.
+							</div>
+						</el-col>
+						<el-col :span="19">
+							<ul class="ta1_uli">
+								<li v-for="item in tableData1">
+									<!-- <h5>{{item.type}}</h5> -->
+									<h3><span>{{item.type}}</span>{{item.article_title}}
+										<router-link :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
+											<el-button type="primary" plain style="float: right;">Detail</el-button>
+										</router-link>
+									</h3>
+									<h4><span>{{item.journal_title}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span>
+										<!-- <span>{{item.accept_sn}}</span> -->
+									</h4>
+								</li>
+								<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+							</ul>
+						</el-col>
 
-					<div class="ma_title">
-						<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
-						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
-							<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
-							 fill="#0071C3" p-id="3891"></path>
-							<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
-							 fill="#0071C3" p-id="3892"></path>
-							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
-							 fill="#FD9A16" p-id="3893"></path>
-						</svg>
-						Accepted manuscripts.
-					</div>
-					<ul class="ta1_uli">
-						<li v-for="item in tableData2">
-							<h5>{{item.type}}</h5>
-							<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
-								<h3>{{item.article_title}}</h3>
-							</router-link>
-							<h4><span>{{item.journal_title}}.</span><br>
-								<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
-						</li>
-						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
-					</ul>
-					<div class="pagination">
-						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
-						 :total="link_Tota2" @current-change="handlePageChange2">
-						</el-pagination>
-					</div>
+					</el-card>
+				</el-col>
+
+				<el-col :span="8">
+					<el-card class="box-card top_card_b" style="margin-left: 30px;">
+						<div class="ma_title" style="margin-bottom: 5px;">
+							<h2>
+								<!-- <img src="../../assets/img/icon_1.png" alt="" class="icon_img"> -->
+								Invitation for review.
+							</h2>
+							This list will show you the manuscript that the editor invited you to review. You can click on the details to
+							check the content and then decide whether to review the manuscript. In addtion, you can also refuse to review
+							the manuscript.
+						</div>
+						<ul class="ta1_uli">
+							<li v-for="item in tableData2">
+								<!-- <h5>{{item.type}}</h5> -->
+								<h3><span>{{item.type}}</span>{{item.title}}</h3>
+								<h4><span>{{item.journal_title}}.</span>
+									<span style="color: #888;">Submitted time: {{item.ctime}}</span>
+									<!-- <span>{{item.accept_sn}}</span> -->
+								</h4>
+								<div style="margin-top: 10px;">
+									<router-link :to="{path:'/per_text',query:{Art_id:item.article_id}}">
+										<el-button type="primary" plain>Detail</el-button>
+									</router-link>
+									<el-button type="success" plain @click="wen_agree(item.article_id)" style="margin: 0 10px 0 20px;">Agree</el-button>
+									<el-button type="danger" plain @click="wen_refuse(item.article_id)">Refuse</el-button>
+								</div>
+							</li>
+							<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No articles</p>
+						</ul>
+
+					</el-card>
+				</el-col>
+
+			</el-row>
+			<el-row :gutter="20">
+				<el-col :span="24" style="margin-top: 50px;">
+					<el-card class="box-card">
+						<el-col :span="4">
+							<div class="ma_title">
+								<h2>
+									<!-- <img src="../../assets/img/icon_4.png" alt="" class="icon_img"> -->
+									Manuscript to be reviewed.
+								</h2>
+								In this column, all the manuscripts of the TMR Publishing Group that need to be reviewed are displayed. You can
+								click detail to view the content of the manuscript . If you have comments on the manuscript, you can apply for
+								review. Sincerely look forward to your comments.
+							</div>
+						</el-col>
+						<el-col :span="20">
+							<ul class="ta1_uli">
+								<li v-for="item in tableData3">
+									<!-- <h5>{{item.type}}</h5> -->
+									<h3><span>{{item.type}}</span>{{item.title}}
+										<router-link :to="{path:'/per_text',query:{Art_id:item.article_id}}">
+											<el-button type="primary" plain style="float: right;">Detail</el-button>
+										</router-link>
+									</h3>
+									<h4><span>{{item.journal_title}}.</span>
+										<span style="color: #888;">Submitted time: {{item.ctime}}</span>
+										<!-- <span>{{item.accept_sn}}</span> -->
+									</h4>
+								</li>
+								<p v-if="tableData3==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No articles</p>
+							</ul>
+							<div class="pagination">
+								<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
+								 :total="link_Tota3" @current-change="handlePageChange3">
+								</el-pagination>
+							</div>
+						</el-col>
+					</el-card>
 				</el-col>
 			</el-row>
 		</div>
@@ -102,6 +124,7 @@
 	export default {
 		data() {
 			return {
+				user_name: localStorage.getItem('U_relname'),
 				query: {
 					user_id: localStorage.getItem('U_id')
 				},
@@ -110,8 +133,7 @@
 				tableData3: [],
 				TaBle2: {
 					user_id: localStorage.getItem('U_id'),
-					pageIndex: 1,
-					pageSize: 5
+
 				},
 				TaBle3: {
 					user_id: localStorage.getItem('U_id'),
@@ -119,7 +141,6 @@
 					pageIndex: 1,
 					pageSize: 5
 				},
-				link_Tota2: 0,
 				link_Tota3: 0,
 			};
 		},
@@ -165,11 +186,12 @@
 					.catch(err => {
 						this.$message.error(err);
 					});
+
 				this.$api
-					.post('api/Reviewer/getReviewerListHistory', this.TaBle2)
+					.post('api/Reviewer/getInvitatReviewList', this.TaBle2)
 					.then(res => {
 						if (res.code == 0) {
-							if (res.data.lists != '') {
+							if (res.data.articles != '') {
 								for (let i = 0; i < res.data.lists.length; i++) {
 									let date = new Date(parseInt(res.data.lists[i].ctime) * 1000);
 									let Y = date.getFullYear() + '-';
@@ -178,8 +200,7 @@
 									res.data.lists[i].ctime = Y + M + D;
 								}
 							}
-							this.tableData2 = res.data.lists;
-							this.link_Tota2 = res.data.count || 0;
+							this.tableData2 = res.data.articles;
 						} else {
 							this.$message.error(res.msg);
 						}
@@ -187,6 +208,7 @@
 					.catch(err => {
 						this.$message.error(err);
 					});
+
 				this.$api
 					.post('api/Reviewer/getAllReviewerList', this.TaBle3)
 					.then(res => {
@@ -212,20 +234,53 @@
 			},
 
 			// 分页导航
-			handlePageChange2(val) {
-				this.$set(this.TaBle2, 'pageIndex', val);
-				this.getData();
-			},
 			handlePageChange3(val) {
 				this.$set(this.TaBle3, 'pageIndex', val);
 				this.getData();
 			},
-		},
-		computed: {
-			onRoutes() {
-				0
-				return this.$route.path.replace('/', '');
-			}
+
+			// 同意
+			wen_agree(index) {
+				console.log(index);
+				// 二次确认
+				this.$api
+					.post('master/Journal/delJournalAbs', row)
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('Agree successfully!');
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 拒绝
+			wen_refuse(index) {
+				// 二次确认
+				this.$confirm('Are you sure you want to refuse？', 'Tips', {
+						type: 'warning'
+					})
+					.then(() => {
+						this.$api
+							.post('master/Journal/delJournalAbs', row)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success('Reject successful!');
+									this.getData();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					})
+					.catch(() => {});
+			},
 		},
 		watch: {
 
@@ -235,18 +290,47 @@
 
 <style scoped>
 	.ma_title {
-		margin-bottom: 5px;
-		font-weight: bold;
-		color: #006699;
+		margin-bottom: 20px;
+		font-size: 18px;
+		border-right: 1px solid #e1e1e1;
+		padding-right: 20px;
+		line-height: 28px;
+		color: #888;
 	}
 
+	.ma_title h2 {
+		font-size: 20px;
+		color: #006699;
+		margin: 10px 0;
+		/* white-space: nowrap; */
+	}
+
+	.ma_title .icon_img {
+		width: 20px;
+		height: 20px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
+
+	/* 	.top_card_b::-webkit-scrollbar {
+		width: 5px;
+		height: 10px;
+	}
+
+	.top_card_b::-webkit-scrollbar-thumb {
+		background-color: #c9c9cc;
+		border-radius: 3px;
+	} */
+
+	.ta1_uli {}
+
 	.ta1_uli li {
 		list-style: none;
-		border-bottom: 2px solid #dcdcdc;
+		border-bottom: 1px dashed #e0e0e0;
 		/* box-shadow: 0 0 10px #e1e1e1; */
 		padding: 10px 20px 20px 20px;
 		background-color: #fff;
-		margin-top: 20px;
+		margin-top: 10px;
 	}
 
 	.ta1_uli li:hover {
@@ -256,23 +340,36 @@
 	.ta1_uli li h3 {
 		color: #000;
 		margin-top: 8px;
+		font-size: 20px;
 		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
 	}
 
+	.ta1_uli li h3>span {
+		font-size: 12px;
+		color: #fff;
+		background-color: #1e93cd;
+		margin-right: 12px;
+		display: inline-block;
+		padding: 3px 5px;
+		vertical-align: bottom;
+	}
+
 	.ta1_uli li h3:hover {
-		text-decoration: underline;
+		/* text-decoration: underline; */
 	}
 
 	.ta1_uli li h4 {
 		/* color: #6f6f6f; */
 		margin-top: 8px;
 		font-weight: normal;
-		font-size: 15px;
+		font-size: 16px;
 		line-height: 22px;
 	}
 
 	.ta1_uli li h4 span {
 		margin-right: 10px;
+		display: block;
+		margin-bottom: 2px;
 	}
 
 	.ta1_uli li h5 {
@@ -289,4 +386,19 @@
 		font-size: 16px;
 		margin-top: 10px;
 	}
+
+
+	.mes_alert .el-alert__content {
+		margin-bottom: 10px;
+	}
+
+	.mes_alert .el-alert__content .el-alert__title {
+		font-size: 18px !important;
+		margin: 10px 0 !important;
+		display: block;
+	}
+
+	.mes_alert .el-alert__description {
+		font-size: 16px !important;
+	}
 </style>

src/components/page/per_ewer_.vue

@@ -0,0 +1,308 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao"> Reviewer Article</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container_l">
+			<el-row :gutter="20">
+				<el-col :span="16">
+					<el-card class="box-card">
+						<el-col :span="5">
+							<div class="ma_title">
+								<img src="../../assets/img/icon_5.png" alt="" class="icon_img">
+								审稿中
+								<!-- The manuscripts to be reviewed. -->
+							</div>
+						</el-col>
+						<el-col :span="19">
+							<ul class="ta1_uli">
+								<li v-for="item in tableData1">
+									<h5>{{item.type}}</h5>
+									<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
+										<h3>{{item.article_title}}</h3>
+									</router-link>
+									<h4><span>{{item.journal_title}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+								</li>
+								<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+							</ul>
+						</el-col>
+
+					</el-card>
+				</el-col>
+
+				<el-col :span="8">
+					<el-card class="box-card" style="margin-left: 30px;">
+						<div class="ma_title">
+							<img src="../../assets/img/icon_1.png" alt="" class="icon_img">
+							邀请审稿
+							<!-- Pending Manuscript (You could choose pending manuscript to review.) -->
+						</div>
+						<ul class="ta1_uli">
+							<li v-for="item in tableData3">
+								<h5>{{item.type}}</h5>
+								<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.article_id}}">
+									<h3>{{item.title}}</h3>
+								</router-link>
+								<h4><span>{{item.journal_title}}.</span><br>
+									<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+							</li>
+							<p v-if="tableData3==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No pending articles</p>
+						</ul>
+						<div class="pagination">
+							<el-pagination layout="total, prev, pager, next" :current-page="TaBle3.pageIndex" :page-size="TaBle3.pageSize"
+							 :total="link_Tota3" @current-change="handlePageChange3">
+							</el-pagination>
+						</div>
+
+					</el-card>
+				</el-col>
+
+				<el-col :span="24" style="margin-top: 50px;">
+					<el-card class="box-card">
+						<el-col :span="4">
+							<div class="ma_title">
+								<img src="../../assets/img/icon_4.png" alt="" class="icon_img">
+								待审稿件
+								<!-- Accepted manuscripts. -->
+							</div>
+						</el-col>
+						<el-col :span="20">
+							<ul class="ta1_uli">
+								<li v-for="item in tableData2">
+									<h5>{{item.type}}</h5>
+									<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
+										<h3>{{item.article_title}}</h3>
+									</router-link>
+									<h4><span>{{item.journal_title}}.</span><br>
+										<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+								</li>
+								<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+							</ul>
+							<div class="pagination">
+								<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize"
+								 :total="link_Tota2" @current-change="handlePageChange2">
+								</el-pagination>
+							</div>
+						</el-col>
+					</el-card>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				query: {
+					user_id: localStorage.getItem('U_id')
+				},
+				tableData1: [],
+				tableData2: [],
+				tableData3: [],
+				TaBle2: {
+					user_id: localStorage.getItem('U_id'),
+					pageIndex: 1,
+					pageSize: 5
+				},
+				TaBle3: {
+					user_id: localStorage.getItem('U_id'),
+					journal_id: 0,
+					pageIndex: 1,
+					pageSize: 5
+				},
+				link_Tota2: 0,
+				link_Tota3: 0,
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			this.getTable();
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Reviewer/getReviewerDetail1', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Reviewer/getReviewerListPending', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							for (let i = 0; i < res.data.lists.length; i++) {
+								let date = new Date(parseInt(res.data.lists[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+								let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+								res.data.lists[i].ctime = Y + M + D;
+							}
+							this.tableData1 = res.data.lists;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Reviewer/getReviewerListHistory', this.TaBle2)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.lists != '') {
+								for (let i = 0; i < res.data.lists.length; i++) {
+									let date = new Date(parseInt(res.data.lists[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+									let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+									res.data.lists[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData2 = res.data.lists;
+							this.link_Tota2 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Reviewer/getAllReviewerList', this.TaBle3)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.articles != '') {
+								for (let i = 0; i < res.data.articles.length; i++) {
+									let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+									let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+									res.data.articles[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData3 = res.data.articles;
+							this.link_Tota3 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 分页导航
+			handlePageChange2(val) {
+				this.$set(this.TaBle2, 'pageIndex', val);
+				this.getData();
+			},
+			handlePageChange3(val) {
+				this.$set(this.TaBle3, 'pageIndex', val);
+				this.getData();
+			},
+		},
+		computed: {
+			onRoutes() {
+				0
+				return this.$route.path.replace('/', '');
+			}
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		font-size: 14px;
+		border-right: 1px solid #bbb;
+		height: 100%;
+	}
+
+	.ma_title h2 {
+		font-size: 15px;
+		color: #006699;
+		margin: 10px 0;
+	}
+
+	.ma_title .icon_img {
+		width: 20px;
+		height: 20px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
+
+	.ta1_uli {
+	
+	}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 2px solid #dcdcdc;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-bottom: 20px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.ta1_uli li h3:hover {
+		text-decoration: underline;
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 15px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+</style>

src/components/page/per_history.vue

@@ -0,0 +1,231 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao"> Reviewer historical manuscripts</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container_l">
+			<el-row :gutter="20">
+				<el-col :span="24">
+					<el-card class="box-card">
+						<div class="ma_title">
+							<h2>
+								<!-- <img src="../../assets/img/icon_3.png" alt="" class="icon_img"> -->
+								Reviewer historical manuscripts.
+							</h2>
+						</div>
+						<ul class="ta1_uli">
+							<li v-for="item in tableData3">
+								<!-- <h5>{{item.type}}</h5> -->
+								<h3><span>{{item.type}}</span>{{item.title}}
+									<el-button type="primary" plain style="float: right;">Detail</el-button>
+								</h3>
+								<h4><span>{{item.journal_title}}.</span>
+									<span style="color: #888;">Submitted time: {{item.ctime}}</span>
+									<!-- <span>{{item.accept_sn}}</span> -->
+								</h4>
+							</li>
+							<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+						</ul>
+						<div class="pagination">
+							<el-pagination layout="total, prev, pager, next" :current-page="TaBle3.pageIndex" :page-size="TaBle3.pageSize"
+							 :total="link_Tota3" @current-change="handlePageChange3">
+							</el-pagination>
+						</div>
+					</el-card>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				query: {
+					user_id: localStorage.getItem('U_id')
+				},
+				tableData3: [],
+				TaBle3: {
+					user_id: localStorage.getItem('U_id'),
+					pageIndex: 1,
+					pageSize: 5
+				},
+				link_Tota3: 0,
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			this.getTable();
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Reviewer/getReviewerDetail1', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Reviewer/getReviewerListHistory', this.TaBle3)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.lists != '') {
+								for (let i = 0; i < res.data.lists.length; i++) {
+									let date = new Date(parseInt(res.data.lists[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+									let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+									res.data.lists[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData3 = res.data.lists;
+							this.link_Tota3 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 分页导航
+			handlePageChange3(val) {
+				this.$set(this.TaBle3, 'pageIndex', val);
+				this.getData();
+			},
+
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		color: #006699;
+	}
+
+	.ma_title h2 {
+		font-size: 20px;
+		color: #006699;
+		margin: 10px 0;
+		/* white-space: nowrap; */
+	}
+
+	.ma_title .icon_img {
+		width: 20px;
+		height: 20px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
+
+	/* 	.top_card_b::-webkit-scrollbar {
+		width: 5px;
+		height: 10px;
+	}
+
+	.top_card_b::-webkit-scrollbar-thumb {
+		background-color: #c9c9cc;
+		border-radius: 3px;
+	} */
+
+	.ta1_uli {}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 1px dashed #e0e0e0;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-top: 10px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-size: 20px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.ta1_uli li h3>span {
+		font-size: 12px;
+		color: #fff;
+		background-color: #1e93cd;
+		margin-right: 12px;
+		display: inline-block;
+		padding: 3px 5px;
+		vertical-align: bottom;
+	}
+
+	.ta1_uli li h3:hover {
+		/* text-decoration: underline; */
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 16px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+		display: block;
+		margin-bottom: 2px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+
+
+	.mes_alert .el-alert__content {
+		margin-bottom: 10px;
+	}
+
+	.mes_alert .el-alert__content .el-alert__title {
+		font-size: 18px !important;
+		margin: 10px 0 !important;
+		display: block;
+	}
+
+	.mes_alert .el-alert__description {
+		font-size: 16px !important;
+	}
+</style>

src/components/page/per_text.vue

@@ -5,148 +5,130 @@
 				<el-breadcrumb-item>
 					<i class="el-icon-collection"></i>
 					<router-link :to="{path:'/peerewer'}">
-						<span class="top_dao">Reviewer Article Detail</span>
+						<span class="top_dao"> Reviewer Article</span>
 					</router-link>
+					>> Reviewer Article Detail
 				</el-breadcrumb-item>
 			</el-breadcrumb>
 		</div>
-		<div class="container container_l" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
+		<div class="container_l" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
 		 element-loading-background="rgba(0, 0, 0, 0.8)">
-			<div class="tet_list" :model="txt_mess">
-				<h4>{{txt_mess.article_title}}</h4>
-				<h5>{{txt_mess.title}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
-				<div class="file_sty" v-for="item in fileList">
-					<svg t="1629609240510" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3814"
-					 width="15" height="15" style="margin: 20px 10px -2px 0;">
-						<path d="M1024.00906 393.054v548.774c0 45.39-36.776 82.166-82.146 82.166H266.89306c-38.776 0-71.268-26.868-79.9-63.006l-0.33-46.976-1.916-279.754V82.166C184.74506 36.778 221.52306 0 266.89306 0h364.064c32.718 0 138.682 90.346 232.346 185.494C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
-						 fill="#DDEAFB" p-id="3815"></path>
-						<path d="M1024.00906 393.054v201.028c0-0.226-0.02-0.454-0.02-0.7-6.182-246.666-207.106-258.08-272.812-323.784l112.124-84.104C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
-						 fill="#CBE2FF" p-id="3816"></path>
-						<path d="M630.94506 0H429.91706c0.226 0 0.454 0.02 0.7 0.02 246.666 6.182 258.08 207.106 323.784 272.812l84.104-112.124C751.66106 75.244 660.82106 0 630.94506 0z"
-						 fill="#CBE2FF" p-id="3817"></path>
-						<path d="M1024.00706 393.064v34.754c0-73.17-59.334-132.506-132.506-132.506h-80.648c-45.368 0-82.16-36.794-82.16-82.16V132.506C728.69506 59.334 669.35906 0 596.18906 0h34.754c62.58 0 122.616 24.866 166.866 69.114l157.086 157.086a236.004 236.004 0 0 1 69.112 166.864z"
-						 fill="#BED8FB" p-id="3818"></path>
-						<path d="M885.28906 480.062H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 562.26H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 644.456H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM745.13906 726.654H323.45506a15.452 15.452 0 1 1 0-30.904h421.682a15.452 15.452 0 0 1 15.452 15.452 15.448 15.448 0 0 1-15.45 15.452zM529.84306 252.076H323.45506a15.452 15.452 0 1 1 0-30.904h206.388a15.452 15.452 0 1 1 0 30.904z"
-						 fill="#617881" p-id="3819"></path>
-						<path d="M566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74 47.908 47.908 0 0 1-28.578 12.362 2959.96 2959.96 0 0 1-466.258 0 47.912 47.912 0 0 1-28.578-12.362 48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c-9.642-96.094-11.312-192.19-4.986-288.264 0.804-12.156 1.73-24.292 2.782-36.448a1705.496 1705.496 0 0 1 3.708-38.116c2.494-23.138 21.036-41.268 44.236-43.102a2960.442 2960.442 0 0 1 466.258 0c23.2 1.834 41.742 19.964 44.236 43.102a1705.496 1705.496 0 0 1 3.708 38.116c1.05 12.156 1.978 24.292 2.782 36.448 6.304 96.074 4.636 192.17-4.986 288.264z"
-						 fill="#80B4FB" p-id="3820"></path>
-						<path d="M571.47306 668.872c-34.984 85.71-172.286 216.83-283.854 250.146C176.05106 885.704 38.74906 754.584 3.76506 668.872c0.804-12.156 1.73-24.292 2.782-36.448 38.982 85.69 172.266 211.206 281.074 243.698 108.828-32.492 242.132-158.008 281.074-243.698 1.048 12.156 1.974 24.292 2.778 36.448zM566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74c-3.956-31.338-37.642-82.888-87.606-132.914a15.476 15.476 0 0 1 0.02-21.86 15.474 15.474 0 0 1 21.86 0.022c29.216 29.256 53.63 59.4 70.628 87.194 4.72 7.704 8.82 15.12 12.26 22.25zM113.51906 869.53c-49.964 50.026-83.65 101.576-87.606 132.914a48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c3.44-7.128 7.54-14.546 12.26-22.252 16.998-27.794 41.414-57.938 70.628-87.194a15.474 15.474 0 0 1 21.86-0.022 15.48 15.48 0 0 1 0.02 21.862z"
-						 fill="#5EA5EC" p-id="3821"></path>
-					</svg>
-					<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">{{item.type_name}} <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span></a><br>
-				</div>
+			<el-card class="box-card">
+				<div class="tet_list" :model="txt_mess">
+					<h4>{{txt_mess.article_title}}</h4>
+					<h5>{{txt_mess.title}}<span style="margin: 0 10px;"> >> </span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
+					<div class="file_sty" v-for="item in fileList">
+						<img src="../../assets/img/icon_0.png" alt="" class="icon_img">
+						<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">{{item.type_name}} <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span>
+							<i class="el-icon-download" style="margin-left: 20px;color: #66b1ff;font-weight: bold;"></i>
+						</a><br>
+					</div>
+
+					<div class="file_sty" v-for="item in picList">
+						<img src="../../assets/img/icon_0.png" alt="" class="icon_img">
+						<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">{{item.type_name}} <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span>
+							<i class="el-icon-download" style="margin-left: 20px;color: #66b1ff;font-weight: bold;"></i>
+						</a><br>
+					</div>
+
+					<p style="margin-top: 5px;color: #999;font-size: 14px;">If the file download fails, change the browser.</p>
 
-				<div class="file_sty" v-for="item in picList">
-					<svg t="1629868178979" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1611"
-					 width="15" height="15" style="margin: 20px 10px -2px 0;">
-						<path d="M235.466 195.356v249.398H39.548v-179.51c0-38.59 31.296-69.888 69.888-69.888h35.726z" fill="#BED8FB" p-id="1612"></path>
-						<path d="M984.44 393.056v548.778c0 45.39-36.756 82.166-82.126 82.166H227.34c-29.072 0-54.6-15.102-69.208-37.87a81.72 81.72 0 0 1-10.714-25.136l-0.308-46.976-1.916-279.756V82.166C145.194 36.778 181.972 0 227.34 0h364.066c32.718 0 138.662 90.348 232.326 185.494 85.486 86.844 160.708 177.686 160.708 207.562z"
-						 fill="#DDEAFB" p-id="1613"></path>
-						<path d="M984.452 393.056v201.03c0-0.226-0.02-0.454-0.02-0.7C978.25 346.72 777.324 335.306 711.62 269.6l112.124-84.104c85.464 86.842 160.708 177.684 160.708 207.56z"
-						 fill="#CBE2FF" p-id="1614"></path>
-						<path d="M591.386 0H390.356c0.226 0 0.454 0.02 0.7 0.02 246.666 6.182 258.08 207.108 323.786 272.812l84.104-112.124C712.102 75.244 621.26 0 591.386 0z"
-						 fill="#CBE2FF" p-id="1615"></path>
-						<path d="M984.45 393.066v34.754c0-73.172-59.336-132.506-132.506-132.506h-80.648c-45.368 0-82.162-36.794-82.162-82.162V132.506C689.134 59.334 629.8 0 556.628 0h34.754c62.58 0 122.616 24.866 166.866 69.114l157.086 157.086a236.008 236.008 0 0 1 69.116 166.866zM701.41 693.93v184.278c0 59.606-48.316 107.922-107.922 107.922H158.132a81.72 81.72 0 0 1-10.714-25.136l-0.308-46.976-1.916-279.756v-48.254h448.294c59.606 0 107.922 48.316 107.922 107.922z"
-						 fill="#BED8FB" p-id="1616"></path>
-						<path d="M771.298 443.052v375.384c0 59.606-48.316 107.922-107.922 107.922H109.448c-2.08 0-4.12-0.082-6.16-0.288-35.706-3.09-63.726-33.068-63.726-69.6V265.244c0 19.286 7.83 36.756 20.48 49.408 11.27 11.29 26.394 18.75 43.246 20.192 2.04 0.206 4.08 0.288 6.16 0.288h553.928c59.608-0.002 107.922 48.314 107.922 107.92z"
-						 fill="#617881" p-id="1617"></path>
-						<path d="M668.278 492.9v275.676c0 5.068-0.68 9.972-1.978 14.608-6.388 23.158-27.608 40.156-52.786 40.156H192.438a49.648 49.648 0 0 1-39.106-18.956 49.52 49.52 0 0 1-10.756-30.906V487.996c0-27.526 22.314-49.84 49.86-49.84h421.076c30.248 0 54.766 24.52 54.766 54.744z"
-						 fill="#80B4FB" p-id="1618"></path>
-						<path d="M277.946 558.042m-53.742 0a53.742 53.742 0 1 0 107.484 0 53.742 53.742 0 1 0-107.484 0Z" fill="#F1D333"
-						 p-id="1619"></path>
-						<path d="M411.228 823.342H192.438a49.648 49.648 0 0 1-39.106-18.956l119.11-114.844z" fill="#EAB14D" p-id="1620"></path>
-						<path d="M666.3 783.186c-6.388 23.158-27.608 40.156-52.786 40.156H314.06l196.93-189.904z" fill="#F1D333" p-id="1621"></path>
-						<path d="M103.288 334.842v591.228c-35.706-3.09-63.726-33.068-63.726-69.6V265.244c0 19.286 7.83 36.756 20.48 49.408 11.27 11.29 26.392 18.748 43.246 20.19z"
-						 fill="#475959" p-id="1622"></path>
-					</svg>
-					<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">{{item.type_name}} <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span></a><br>
 				</div>
+			</el-card>
+
+			<!-- 	<div class="ques_tion" style="line-height: 24px;">
+				
 			</div>
-			
-			<div class="ques_tion" v-if="this.add_apply == 1">
-				You are not a reviewer of the article yet.
-				Apply to be a reviewer of the article.
+ -->
+			<el-card class="box-card">
+				Note: you can see multiple downloads, which represent the historical version of the manuscript and the general last
+				date.
+				<br>After reviewing the manuscript, you can decide to review or reject it.
+				<el-button type="success" @click="saveAdd()" style="margin-left: 20px;">Agree</el-button>
+				<el-button type="danger" @click="saveAdd()" style="margin-left: 20px;">Refuse</el-button>
+			</el-card>
+
+			<el-card class="box-card">
+				If you are intereted in reviewing this manuscript, please click the "Review the Manuscript" button, we will offer a
+				reviewer-comment-form for you. <br>(After that, this manuscript will be listed in your "reviewing” list, then,
+				after
+				the reviewing form be finished, you can only find this manuscript in “history list”. If you have any questions,
+				please don't hesitate to contact us: tmr@tmrjournals.com)
 				<el-button type="warning" @click="saveAdd()" style="margin-left: 20px;">Apply</el-button>
-			</div>
+			</el-card>
 
-			<div class="ques_tion" v-if="this.add_apply == 0">
+			<el-card class="box-card" v-if="this.add_apply == 0">
 				<el-form :model="questionform" :rules="rules" ref="question" label-width="300px" label-position="top">
 					<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
-					<el-form-item label="1.Originality of the topic">
-						<el-radio-group v-model="questionform.qu1">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="2.Technical Quality">
-						<el-radio-group v-model="questionform.qu2">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="3.Importance in its Field">
-						<el-radio-group v-model="questionform.qu3">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="4.Style & Overall Representation">
-						<el-radio-group v-model="questionform.qu4">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="5.Readily Understandable">
-						<el-radio-group v-model="questionform.qu5">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="6.Suitability for the Journal">
-						<el-radio-group v-model="questionform.qu6">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="7.Adequate Illustrations or Drawings">
-						<el-radio-group v-model="questionform.qu7">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="8.English language">
-						<el-radio-group v-model="questionform.qu8">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
+					<el-row :gutter="24">
+						<el-col :span="12">
+							<el-form-item label="1.Originality of the topic">
+								<el-radio-group v-model="questionform.qu1">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="2.Importance in its Field">
+								<el-radio-group v-model="questionform.qu3">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="3.Suitability for the Journal">
+								<el-radio-group v-model="questionform.qu6">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="4.English language">
+								<el-radio-group v-model="questionform.qu8">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="5.Readily Understandable">
+								<el-radio-group v-model="questionform.qu5">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-collapse>
+								<el-form-item label="6.Does the title represent manuscript's contents?">
+									<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="1">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+							</el-collapse>
+						</el-col>
+					</el-row>
+
+
 					<el-collapse>
-						<el-form-item label="9.Does the title represent manuscript's contents?">
-							<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
-							<el-collapse-item name="1">
-								<template slot="title">
-									<i class="el-icon-edit"></i>Comments/ Suggestions
-								</template>
-								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
-							</el-collapse-item>
-						</el-form-item>
-						<el-form-item label="10.Is the Abstract accurate and concise?">
+						<el-form-item label="7.Is the Abstract accurate and concise?">
 							<el-switch v-model="questionform.qu10" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="2">
 								<template slot="title">
@@ -155,7 +137,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu10contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="11.Are the approach/ methods properly described?">
+						<el-form-item label="8.Are the approach/ methods properly described?">
 							<el-switch v-model="questionform.qu11" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="3">
 								<template slot="title">
@@ -164,7 +146,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu11contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="12.Are the conclusions and interpretations sound?">
+						<el-form-item label="9.Are the conclusions and interpretations sound?">
 							<el-switch v-model="questionform.qu12" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="4">
 								<template slot="title">
@@ -173,7 +155,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu12contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="13.Are the references properly cited?">
+						<el-form-item label="10.Are the references properly cited?">
 							<el-switch v-model="questionform.qu13" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="5">
 								<template slot="title">
@@ -182,24 +164,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu13contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="14.Is this a new/ original/ confirmatory contribution?">
-							<el-switch v-model="questionform.qu14" active-text="yes" inactive-text="no"></el-switch>
-							<el-collapse-item name="6">
-								<template slot="title">
-									<i class="el-icon-edit"></i>Comments/ Suggestions
-								</template>
-								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu14contents" :rows="4"></el-input>
-							</el-collapse-item>
-						</el-form-item>
-						<el-form-item label="15.Is it within the scope of the journal?">
-							<el-switch v-model="questionform.qu15" active-text="yes" inactive-text="no"></el-switch>
-							<el-collapse-item name="7">
-								<template slot="title">
-									<i class="el-icon-edit"></i>Comments/ Suggestions
-								</template>
-								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu15contents" :rows="4"></el-input>
-							</el-collapse-item>
-						</el-form-item>
+
 						<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
 						<el-form-item label="Overall the Paper is Rated">
 							(Poor-------------------------------------------------------------Excellent)
@@ -252,7 +217,7 @@
 						</el-form-item>
 					</el-collapse>
 				</el-form>
-			</div>
+			</el-card>
 
 		</div>
 	</div>
@@ -481,18 +446,14 @@
 	}
 </script>
 
-<style>
-	.ma_title {
-		margin-bottom: 5px;
-		font-weight: bold;
+<style scoped>
+	.tet_list {
+		font-size: 20px;
 	}
 
-	.tet_list {
-		border: 1px solid #DCDFE6;
-		background: #fff;
-		border-radius: 5px;
+	.box-card {
 		margin-bottom: 20px;
-		padding: 20px 20px;
+		line-height: 24px;
 	}
 
 	.upload-txtc .el-upload-list__item .el-icon-upload-success {
@@ -500,6 +461,7 @@
 	}
 
 	.tet_list h5 {
+		font-size: 16px;
 		margin: 20px 0 10px 0;
 		font-weight: normal;
 	}
@@ -509,6 +471,10 @@
 		line-height: 22px;
 	}
 
+	.file_sty {
+		margin-bottom: 6px;
+	}
+
 	.file_sty a {
 		color: #606266;
 		font-size: 14px;
@@ -518,15 +484,24 @@
 		text-decoration: underline;
 	}
 
-	.ques_tion {
-		border: 1px solid #DCDFE6;
-		background: #fff;
-		border-radius: 5px;
-		margin-bottom: 20px;
-		padding: 20px 20px;
-	}
-
 	.red {
 		color: #ff0000;
 	}
+
+	.el-collapse {
+		border-top: 0;
+		border-bottom: 0;
+	}
+
+	.top_dao:hover {
+		text-decoration: underline;
+		cursor: pointer;
+	}
+
+	.icon_img {
+		width: 15px;
+		height: 15px;
+		margin-right: 10px;
+		vertical-align: middle;
+	}
 </style>

src/components/page/you_text.vue

@@ -10,8 +10,8 @@
 				</el-breadcrumb-item>
 			</el-breadcrumb>
 		</div>
-		<div class="container container_l" v-loading="loading"
-		 element-loading-text="Loading..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
+		<div class="container container_l" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
+		 element-loading-background="rgba(0, 0, 0, 0.8)">
 			<div class="tet_list" :model="txt_mess">
 				<h4>{{txt_mess.article_title}}</h4>
 				<h5>{{txt_mess.title}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
@@ -63,84 +63,84 @@
 				</div>
 			</div>
 
-			<div class="ques_tion">
+			<div class="ques_tion" v-if="this.add_apply == 1">
+				You are not a reviewer of the article yet.
+				Apply to be a reviewer of the article.
+				<el-button type="warning" @click="saveAdd()" style="margin-left: 20px;">Apply</el-button>
+			</div>
+
+			<div class="ques_tion" v-if="this.add_apply == 0">
 				<el-form :model="questionform" :rules="rules" ref="question" label-width="300px" label-position="top">
 					<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
-					<el-form-item label="1.Originality of the topic">
-						<el-radio-group v-model="questionform.qu1">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="2.Technical Quality">
-						<el-radio-group v-model="questionform.qu2">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="3.Importance in its Field">
-						<el-radio-group v-model="questionform.qu3">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="4.Style & Overall Representation">
-						<el-radio-group v-model="questionform.qu4">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="5.Readily Understandable">
-						<el-radio-group v-model="questionform.qu5">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="6.Suitability for the Journal">
-						<el-radio-group v-model="questionform.qu6">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="7.Adequate Illustrations or Drawings">
-						<el-radio-group v-model="questionform.qu7">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
-					<el-form-item label="8.English language">
-						<el-radio-group v-model="questionform.qu8">
-							<el-radio :label="1">Excellent</el-radio>
-							<el-radio :label="2">Good</el-radio>
-							<el-radio :label="3">Fair</el-radio>
-							<el-radio :label="4">Poor</el-radio>
-						</el-radio-group>
-					</el-form-item>
+					<el-row :gutter="24">
+						<el-col :span="12">
+							<el-form-item label="1.Originality of the topic">
+								<el-radio-group v-model="questionform.qu1">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="2.Importance in its Field">
+								<el-radio-group v-model="questionform.qu3">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="3.Suitability for the Journal">
+								<el-radio-group v-model="questionform.qu6">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="4.English language">
+								<el-radio-group v-model="questionform.qu8">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-form-item label="5.Readily Understandable">
+								<el-radio-group v-model="questionform.qu5">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+						</el-col>
+						<el-col :span="12">
+							<el-collapse>
+								<el-form-item label="6.Does the title represent manuscript's contents?">
+									<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="1">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+							</el-collapse>
+						</el-col>
+					</el-row>
+
+
 					<el-collapse>
-						<el-form-item label="9.Does the title represent manuscript's contents?">
-							<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
-							<el-collapse-item name="1">
-								<template slot="title">
-									<i class="el-icon-edit"></i>Comments/ Suggestions
-								</template>
-								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
-							</el-collapse-item>
-						</el-form-item>
-						<el-form-item label="10.Is the Abstract accurate and concise?">
+						<el-form-item label="7.Is the Abstract accurate and concise?">
 							<el-switch v-model="questionform.qu10" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="2">
 								<template slot="title">
@@ -149,7 +149,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu10contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="11.Are the approach/ methods properly described?">
+						<el-form-item label="8.Are the approach/ methods properly described?">
 							<el-switch v-model="questionform.qu11" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="3">
 								<template slot="title">
@@ -158,7 +158,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu11contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="12.Are the conclusions and interpretations sound?">
+						<el-form-item label="9.Are the conclusions and interpretations sound?">
 							<el-switch v-model="questionform.qu12" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="4">
 								<template slot="title">
@@ -167,7 +167,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu12contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="13.Are the references properly cited?">
+						<el-form-item label="10.Are the references properly cited?">
 							<el-switch v-model="questionform.qu13" active-text="yes" inactive-text="no"></el-switch>
 							<el-collapse-item name="5">
 								<template slot="title">
@@ -176,24 +176,7 @@
 								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu13contents" :rows="4"></el-input>
 							</el-collapse-item>
 						</el-form-item>
-						<el-form-item label="14.Is this a new/ original/ confirmatory contribution?">
-							<el-switch v-model="questionform.qu14" active-text="yes" inactive-text="no"></el-switch>
-							<el-collapse-item name="6">
-								<template slot="title">
-									<i class="el-icon-edit"></i>Comments/ Suggestions
-								</template>
-								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu14contents" :rows="4"></el-input>
-							</el-collapse-item>
-						</el-form-item>
-						<el-form-item label="15.Is it within the scope of the journal?">
-							<el-switch v-model="questionform.qu15" active-text="yes" inactive-text="no"></el-switch>
-							<el-collapse-item name="7">
-								<template slot="title">
-									<i class="el-icon-edit"></i>Comments/ Suggestions
-								</template>
-								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu15contents" :rows="4"></el-input>
-							</el-collapse-item>
-						</el-form-item>
+
 						<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
 						<el-form-item label="Overall the Paper is Rated">
 							(Poor-------------------------------------------------------------Excellent)
@@ -302,12 +285,25 @@
 					confident: '',
 					comment: ''
 				},
+				add_apply: 1,
 				rules: {}
 			}
 		},
 		created() {
 			if (this.Direct_log == null) {
-				this.getData();
+				this.$api
+					.post('api/Reviewer/checkUserForReviewer', this.add_edit)
+					.then(res => {
+						this.getData();
+						if (res.code == 0) {
+							this.add_apply = 0;
+						} else {
+							this.add_apply = 1;
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
 			} else {
 				this.$api
 					.post('api/Chief/autoLoginForChief ', {
@@ -439,6 +435,21 @@
 				});
 			},
 
+			saveAdd() {
+				this.$api
+					.post('api/Reviewer/addArticleReviewer', {
+						articleId: this.Art_id,
+						uid: localStorage.getItem('U_id')
+					})
+					.then(res => {
+						this.add_apply = 0;
+						this.$message.success('Successful application!');
+						this.getData();
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
 
 		},
 		mounted() {
@@ -495,4 +506,9 @@
 	.red {
 		color: #ff0000;
 	}
+
+	.el-collapse {
+		border-top: 0;
+		border-bottom: 0;
+	}
 </style>

src/components/page/you_thed.vue

@@ -11,13 +11,13 @@
 				</el-dropdown-item>
 			</el-dropdown-menu>
 		</el-dropdown> -->
-		<div class="crumbs">
+	<!-- 	<div class="crumbs">
 			<el-breadcrumb separator="/">
 				<el-breadcrumb-item>
 					<i class="el-icon-collection"></i> <span class="top_dao">{{this.head_line}}</span>
 				</el-breadcrumb-item>
 			</el-breadcrumb>
-		</div>
+		</div> -->
 		<div class="container container_l">
 <!-- 			<el-row :gutter="24">
 				<el-col :span="16">
@@ -95,7 +95,7 @@
 					<ul class="ta1_uli">
 						<li v-for="item in tableData4">
 							<h5>{{item.type}}</h5>
-							<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.article_id}}">
+							<router-link target="_blank" :to="{path:'/you_text',query:{Art_id:item.article_id}}">
 								<h3>{{item.title}}</h3>
 							</router-link>
 							<h4><span>{{item.journal_title}}.</span><br>

src/router/index.js

@@ -264,6 +264,61 @@ export default new Router({
 					},
 					hidden: true
 				},
+				{
+					path: '/citationanalysis',//引用情况分析
+					component: () => import('../components/page/analysis_report.vue'),
+					meta: {
+						title: 'Citation Analysis Report'
+					},
+					hidden: true
+				},
+				{
+					path: '/managing', //主编进行中列表
+					component: () => import('../components/page/man_aging'),
+					meta: {
+						title: 'Editor-in-Chief'
+					}
+				},
+				{
+					path: '/manhistory', //主编历史中列表
+					component: () => import('../components/page/man_history'),
+					meta: {
+						title: 'Editor-in-Chief historical manuscripts'
+					}
+				},
+				{
+					path: '/man_text', //主编文章详情
+					component: () => import('../components/page/man_text'),
+					meta: {
+						title: 'Editor-in-Chief article details'
+					}
+				}, 
+				{
+					path: '/man_report', //-统计-图表
+					component: () => import( /* webpackChunkName: "" */ '../components/page/man_report'),
+					meta: {
+						title: 'Editor-in-Chief Statistical Analysis'
+					}
+				}, 
+				{
+					path: '/peerewer', //审稿人进行中列表
+					component: () => import('../components/page/per_ewer'),
+					meta: {
+						title: 'Reviewer'
+					}
+				},{
+					path: '/perhistory', //审稿人历史列表
+					component: () => import('../components/page/per_history'),
+					meta: {
+						title: 'Reviewer historical manuscripts'
+					}
+				}, {
+					path: '/per_text', //审稿人文章详情
+					component: () => import('../components/page/per_text'),
+					meta: {
+						title: 'Reviewer article details'
+					}
+				},
 				{
 					path: '/404',
 					component: () => import( /* webpackChunkName: "404" */ '../components/page/404.vue'),
@@ -291,25 +346,28 @@ export default new Router({
 			meta: {
 				title: 'Content'
 			},
-			children: [{
-				path: '/managing',
-				component: () => import( /* webpackChunkName: "主编" */ '../components/page/man_aging'),
-				meta: {
-					title: 'Editor-in-Chief'
-				}
-			}, {
-				path: '/man_text',
-				component: () => import( /* webpackChunkName: "主编文章详情" */ '../components/page/man_text'),
-				meta: {
-					title: 'Editor-in-Chief article details'
-				}
-			}, {
-				path: '/man_report',
-				component: () => import( /* webpackChunkName: "主编-统计" */ '../components/page/man_report'),
-				meta: {
-					title: 'Editor-in-Chief Statistical Analysis'
-				}
-			}, {
+			children: [
+			// 	{
+			// 	path: '/managing',
+			// 	component: () => import( /* webpackChunkName: "主编" */ '../components/page/man_aging'),
+			// 	meta: {
+			// 		title: 'Editor-in-Chief'
+			// 	}
+			// }, {
+			// 	path: '/man_text',
+			// 	component: () => import( /* webpackChunkName: "主编文章详情" */ '../components/page/man_text'),
+			// 	meta: {
+			// 		title: 'Editor-in-Chief article details'
+			// 	}
+			// }, 
+			// {
+			// 	path: '/man_report',
+			// 	component: () => import( /* webpackChunkName: "主编-统计" */ '../components/page/man_report'),
+			// 	meta: {
+			// 		title: 'Editor-in-Chief Statistical Analysis'
+			// 	}
+			// }, 
+			{
 				path: '/editorial',
 				component: () => import( /* webpackChunkName: "编委" */ '../components/page/edit_ial'),
 				meta: {
@@ -329,19 +387,20 @@ export default new Router({
 			// 		title: 'Analysis report'
 			// 	}
 			// }, 
+			// {
+			// 	path: '/peerewer',
+			// 	component: () => import( /* webpackChunkName: "审稿人" */ '../components/page/per_ewer'),
+			// 	meta: {
+			// 		title: 'Reviewer'
+			// 	}
+			// }, {
+			// 	path: '/per_text',
+			// 	component: () => import( /* webpackChunkName: "审稿人文章详情" */ '../components/page/per_text'),
+			// 	meta: {
+			// 		title: 'Reviewer article details'
+			// 	}
+			// },
 			{
-				path: '/peerewer',
-				component: () => import( /* webpackChunkName: "审稿人" */ '../components/page/per_ewer'),
-				meta: {
-					title: 'Reviewer'
-				}
-			}, {
-				path: '/per_text',
-				component: () => import( /* webpackChunkName: "审稿人文章详情" */ '../components/page/per_text'),
-				meta: {
-					title: 'Reviewer article details'
-				}
-			}, {
 				path: '/youthed',
 				component: () => import( /* webpackChunkName: "青年编委" */ '../components/page/you_thed'),
 				meta: {