From 6f47d870d48c6ade80e3bcd9b6500e88ac8ce281 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Wed, 20 Sep 2023 11:18:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=80=BB=E7=9B=91=E7=B3=BB=E7=BB=9F=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E9=9D=92=E5=B9=B4=E7=A7=91=E5=AD=A6=E5=AE=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Sidebar.vue             |   3 +
 src/components/common/langs/en.js             |   1 +
 src/components/common/langs/zh.js             |   1 +
 src/components/page/editorBorder.vue          | 155 ++--
 src/components/page/editorialBoardList.vue    |  75 +-
 .../page/superYoungScientistList.vue          | 749 ++++++++++++++++++
 .../page/superYoungScientistManagement.vue    |  81 ++
 src/router/index.js                           |  16 +
 8 files changed, 976 insertions(+), 105 deletions(-)
 create mode 100644 src/components/page/superYoungScientistList.vue
 create mode 100644 src/components/page/superYoungScientistManagement.vue

diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 1545bfe..81b08d7 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -127,6 +127,9 @@
 					<el-menu-item index="editorialBoard">
 						{{$t('sidebar.editorialBoard1')}}
 					</el-menu-item>
+					<el-menu-item index="superYoungScientistManagement">
+						{{$t('sidebar.editorialBoard2')}}
+					</el-menu-item>
 				</el-submenu>
 			</template>
 			<!-- 主编/总监统计图 -->
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 7e00464..9588d47 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -124,6 +124,7 @@ const en = {
 		ReArticles: 'Rejected Manuscripts',     // 被拒稿件
 		editorialBoard:'Boss System',
 		editorialBoard1:'Board Management',
+		editorialBoard2:'Young Scientist Management',
 		chiefInspector:'Chief Inspector',
 		managingDirector:'Managing Director'
 	},
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index c0221d2..a4844f9 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -123,6 +123,7 @@ const zh = {
 		ReArticles: '被拒稿件',     // 被拒稿件
 		editorialBoard:'编委管理',
 		editorialBoard1:'编委列表',
+		editorialBoard2:'青年科学家列表',
 		chiefInspector:'总监',
 		managingDirector:'总经理'
 	},
diff --git a/src/components/page/editorBorder.vue b/src/components/page/editorBorder.vue
index 9a9a538..c1ad701 100644
--- a/src/components/page/editorBorder.vue
+++ b/src/components/page/editorBorder.vue
@@ -60,6 +60,7 @@
 				<el-table-column label="Contributions" align="center"></el-table-column>
 				<el-table-column prop="ghindex" label="H-Google" width="110px" align="center"></el-table-column>
 				<el-table-column prop="Wosindex" label="Wosindex" width="110px" align="center"></el-table-column>
+				<el-table-column prop="remark" label="Remark" align="center"></el-table-column>
 				<!-- <el-table-column label="Grade" width="110px" align="center"></el-table-column> -->
 				<!-- <el-table-column label="Remarks" width="180"></el-table-column> -->
 				<el-table-column label="" width="300" align="center"></el-table-column>
@@ -99,28 +100,17 @@
 						<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 					</template>
 				</el-table-column>
-				<!-- <el-table-column label="Grade" width="110px" align="center">
-					<template slot-scope="scope">
-						<p style="display: inline-block;" v-if="scope.row.starList_mark!=0">
-							<img src="../../assets/img/star-all.png" v-for="item in scope.row.starList"
-								v-if="scope.row.starList_mark<=8&&item.star==1" class="starSty">
-							<img src="../../assets/img/star-traf.png" v-for="item in scope.row.starList"
-								v-if="scope.row.starList_mark<=8&&item.star==0" class="starSty">
-							<img src="../../assets/img/star-none.png" v-for="item in scope.row.starList"
-								v-if="scope.row.starList_mark<=8&&item.star==2" class="starSty">
-							<img src="../../assets/img/star-all.png" v-if="scope.row.starList_mark>8" class="starSty">
-							<b style="font-size: 15px;color: #b77614;" v-if="scope.row.starList_mark>8">×
-								{{scope.row.starList_mark}}</b>
-						</p>
-					</template>
-				</el-table-column> -->
-				<!-- <el-table-column label="Remarks" width="180">
-					<template slot-scope="scope">
-						{{scope.row.remark}}
-						<b @click="BoxRemark(scope.row)" style="margin-left:10px;cursor: pointer;color:#006699;"
-							class="el-icon-edit"></b>
-					</template>
-				</el-table-column> -->
+				<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>			
 				<el-table-column label="" width="300" align="center">
 					<template slot-scope="scope">
 						<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -166,28 +156,17 @@
 						<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 					</template>
 				</el-table-column>
-				<!-- <el-table-column label="Grade" width="110px" align="center">
-					<template slot-scope="scope">
-						<p style="display: inline-block;" v-if="scope.row.starList_mark!=0">
-							<img src="../../assets/img/star-all.png" v-for="item in scope.row.starList"
-								v-if="scope.row.starList_mark<=8&&item.star==1" class="starSty">
-							<img src="../../assets/img/star-traf.png" v-for="item in scope.row.starList"
-								v-if="scope.row.starList_mark<=8&&item.star==0" class="starSty">
-							<img src="../../assets/img/star-none.png" v-for="item in scope.row.starList"
-								v-if="scope.row.starList_mark<=8&&item.star==2" class="starSty">
-							<img src="../../assets/img/star-all.png" v-if="scope.row.starList_mark>8" class="starSty">
-							<b style="font-size: 15px;color: #b77614;" v-if="scope.row.starList_mark>8">×
-								{{scope.row.starList_mark}}</b>
-						</p>
-					</template>
-				</el-table-column> -->
-				<!-- <el-table-column label="Remarks" width="180">
-					<template slot-scope="scope">
-						{{scope.row.remark}}
-						<b @click="BoxRemark(scope.row)" style="margin-left:10px;cursor: pointer;color:#006699;"
-							class="el-icon-edit"></b>
-					</template>
-				</el-table-column> -->
+				<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>			
 				<el-table-column label="" width="300" align="center">
 					<template slot-scope="scope">
 						<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -234,29 +213,17 @@
 								<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 							</template>
 						</el-table-column>
-						<!-- <el-table-column label="Grade" width="110px" align="center">
+						<el-table-column prop="remark" label="Remark" align="center">
 							<template slot-scope="scope">
-								<p style="display: inline-block;" v-if="scope.row.starList_mark!=0">
-									<img src="../../assets/img/star-all.png" v-for="item in scope.row.starList"
-										v-if="scope.row.starList_mark<=8&&item.star==1" class="starSty">
-									<img src="../../assets/img/star-traf.png" v-for="item in scope.row.starList"
-										v-if="scope.row.starList_mark<=8&&item.star==0" class="starSty">
-									<img src="../../assets/img/star-none.png" v-for="item in scope.row.starList"
-										v-if="scope.row.starList_mark<=8&&item.star==2" class="starSty">
-									<img src="../../assets/img/star-all.png" v-if="scope.row.starList_mark>8"
-										class="starSty">
-									<b style="font-size: 15px;color: #b77614;" v-if="scope.row.starList_mark>8">×
-										{{scope.row.starList_mark}}</b>
-								</p>
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
 							</template>
-						</el-table-column> -->
-						<!-- <el-table-column label="Remarks" width="180">
-							<template slot-scope="scope">
-								{{scope.row.remark}}
-								<b @click="BoxRemark(scope.row)" style="margin-left:10px;cursor: pointer;color:#006699;"
-									class="el-icon-edit"></b>
-							</template>
-						</el-table-column> -->
+						</el-table-column>
 						<el-table-column label="" width="300" align="center">
 							<template slot-scope="scope">
 								<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -302,6 +269,17 @@
 								<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 							</template>
 						</el-table-column>
+						<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>
 						<el-table-column label="" width="300" align="center">
 							<template slot-scope="scope">
 								<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -353,29 +331,17 @@
 								<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 							</template>
 						</el-table-column>
-						<!-- <el-table-column label="Grade" width="110px" align="center">
+						<el-table-column prop="remark" label="Remark" align="center">
 							<template slot-scope="scope">
-								<p style="display: inline-block;" v-if="scope.row.starList_mark!=0">
-									<img src="../../assets/img/star-all.png" v-for="item in scope.row.starList"
-										v-if="scope.row.starList_mark<=8&&item.star==1" class="starSty">
-									<img src="../../assets/img/star-traf.png" v-for="item in scope.row.starList"
-										v-if="scope.row.starList_mark<=8&&item.star==0" class="starSty">
-									<img src="../../assets/img/star-none.png" v-for="item in scope.row.starList"
-										v-if="scope.row.starList_mark<=8&&item.star==2" class="starSty">
-									<img src="../../assets/img/star-all.png" v-if="scope.row.starList_mark>8"
-										class="starSty">
-									<b style="font-size: 15px;color: #b77614;" v-if="scope.row.starList_mark>8">×
-										{{scope.row.starList_mark}}</b>
-								</p>
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
 							</template>
-						</el-table-column> -->
-						<!-- <el-table-column label="Remarks" width="180">
-							<template slot-scope="scope">
-								{{scope.row.remark}}
-								<b @click="BoxRemark(scope.row)" style="margin-left:10px;cursor: pointer;color:#006699;"
-									class="el-icon-edit"></b>
-							</template>
-						</el-table-column> -->
+						</el-table-column>
 						<el-table-column label="" width="300" align="center">
 							<template slot-scope="scope">
 								<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -467,11 +433,8 @@
 			<el-form ref="remark" :model="remarkMes" label-width="130px">
 				<el-form-item label="Editorial board :">
 					<p style="line-height: 20px;margin-top: 6px;">{{remarkMes.realname}}</p>
-				</el-form-item>
-				<el-form-item label="Email :">
-					<p style="line-height: 20px;margin-top: 6px;">{{remarkMes.email}}</p>
-				</el-form-item>
-				<el-form-item label="Content :">
+				</el-form-item>				
+				<el-form-item label="Remark :">
 					<el-input type="textarea" rows="5" v-model="remarkMes.remark"></el-input>
 				</el-form-item>
 			</el-form>
@@ -1275,14 +1238,16 @@
 			// 标记弹出框
 			BoxRemark(e) {
 				this.remarkBox = true;
-				this.remarkMes.realname = e.name;
-				this.remarkMes.user_id = e.tuser_id;
-				this.remarkMes.email = e.email;
+				this.remarkMes.realname = e.realname;
+				this.remarkMes.btj_id = e.btj_id;				
 				this.remarkMes.remark = e.remark;
 			},
 			// 修改标记
 			saveRemark() {
-				this.$api.post('api/User/editRemarkForUser', this.remarkMes)
+				this.$api.post('api/Board/editBoardRemark', {
+					'btj_id': this.remarkMes.btj_id,
+					'remark': this.remarkMes.remark
+				})
 					.then(res => {
 						if (res.code == 0) {
 							this.$message.success('Success');
diff --git a/src/components/page/editorialBoardList.vue b/src/components/page/editorialBoardList.vue
index 96b0e4c..a980518 100644
--- a/src/components/page/editorialBoardList.vue
+++ b/src/components/page/editorialBoardList.vue
@@ -16,6 +16,7 @@
 				<el-table-column label="Contributions" align="center"></el-table-column>
 				<el-table-column label="Ghindex" width="110px" align="center"></el-table-column>
 				<el-table-column label="Wosindex" width="110px" align="center"></el-table-column>
+				<el-table-column prop="remark" label="Remark" align="center"></el-table-column>
 				<!-- <el-table-column label="？" width="110px" align="center"></el-table-column>
 				<el-table-column label="活跃度" width="110px" align="center"></el-table-column> -->
 				<!-- <el-table-column label="Remarks" width="180"></el-table-column> -->
@@ -63,6 +64,17 @@
 						<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 					</template>
 				</el-table-column>
+				<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>
 				<el-table-column label="" width="150px" align="center">
 					<template slot-scope="scope">
 						<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -111,7 +123,18 @@
 					<template slot-scope="scope">
 						<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 					</template>
-				</el-table-column>			
+				</el-table-column>
+				<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>			
 				<el-table-column label="" width="150" align="center">
 					<template slot-scope="scope">
 						<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -161,6 +184,17 @@
 							<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 						</template>
 					</el-table-column>
+					<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>
 					<el-table-column label="" width="150px" align="center">
 						<template slot-scope="scope">
 							<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -215,6 +249,17 @@
 							<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 						</template>
 					</el-table-column>
+					<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>
 					<el-table-column label="" width="150px" align="center">
 						<template slot-scope="scope">
 							<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -268,6 +313,17 @@
 							<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
 						</template>
 					</el-table-column>
+					<el-table-column prop="remark" label="Remark" align="center">
+							<template slot-scope="scope">
+								<div style="margin-bottom: 5px;" v-if="scope.row.remark != ''">{{scope.row.remark}}</div>
+								<div>
+									<el-button v-if="scope.row.remark != ''" size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Edit Remark</el-button>
+									<el-button v-else size="mini" type="primary" plain icon="el-icon-edit" 
+							@click="BoxRemark(scope.row)"> Add Remark</el-button>
+								</div>
+							</template>
+						</el-table-column>
 					<el-table-column label="" width="150px" align="center">
 						<template slot-scope="scope">
 							<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -457,11 +513,8 @@
 			<el-form ref="remark" :model="remarkMes" label-width="130px">
 				<el-form-item label="Editorial board :">
 					<p style="line-height: 20px;margin-top: 6px;">{{remarkMes.realname}}</p>
-				</el-form-item>
-				<el-form-item label="Email :">
-					<p style="line-height: 20px;margin-top: 6px;">{{remarkMes.email}}</p>
-				</el-form-item>
-				<el-form-item label="Content :">
+				</el-form-item>				
+				<el-form-item label="Remark :">
 					<el-input type="textarea" rows="5" v-model="remarkMes.remark"></el-input>
 				</el-form-item>
 			</el-form>
@@ -946,14 +999,16 @@
 			// 标记弹出框
 			BoxRemark(e) {
 				this.remarkBox = true;
-				this.remarkMes.realname = e.name;
-				this.remarkMes.user_id = e.tuser_id;
-				this.remarkMes.email = e.email;
+				this.remarkMes.realname = e.realname;
+				this.remarkMes.btj_id = e.btj_id;				
 				this.remarkMes.remark = e.remark;
 			},
 			// 修改标记
 			saveRemark() {
-				this.$api.post('api/User/editRemarkForUser', this.remarkMes)
+				this.$api.post('api/Board/editBoardRemark', {
+					'btj_id': this.remarkMes.btj_id,
+					'remark': this.remarkMes.remark
+				})
 					.then(res => {
 						if (res.code == 0) {
 							this.$message.success('Success');
diff --git a/src/components/page/superYoungScientistList.vue b/src/components/page/superYoungScientistList.vue
new file mode 100644
index 0000000..e75f92a
--- /dev/null
+++ b/src/components/page/superYoungScientistList.vue
@@ -0,0 +1,749 @@
+<template>
+	<div>		
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-user"></i> Young Scientist List
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container">	
+			<el-table :data="tableData_0" border stripe class="table nullTable" ref="multipleTable"
+				header-cell-class-name="table-header" empty-text="New messages (0)">				
+				<el-table-column prop="realname" width="250px" label="Name"></el-table-column>
+				<!-- <el-table-column prop="technical" label="Professional Title" width="150px" align="center"></el-table-column> -->
+				<el-table-column prop="field" label="Field" align="center"></el-table-column>
+				<!-- <el-table-column label="Contributions" align="center"></el-table-column> -->
+				<el-table-column label="Ghindex" width="110px" align="center"></el-table-column>
+				<el-table-column label="Wosindex" width="110px" align="center"></el-table-column>
+				<!-- <el-table-column label="？" width="110px" align="center"></el-table-column>
+				<el-table-column label="活跃度" width="110px" align="center"></el-table-column> -->
+				<!-- <el-table-column label="Remarks" width="180"></el-table-column> -->
+				<el-table-column label="" width="150px" align="center"></el-table-column>
+			</el-table>
+			<el-table :data="tableData_A" border stripe class="table" ref="multipleTable"
+				header-cell-class-name="table-header" empty-text="New messages (0)" :show-header="false"
+				>
+				<el-table-column prop="realname" label="name" width="250px">
+					<template slot-scope="scope">
+						<p @click="perSonnel(scope.row.user_id)" class="perSonGo">{{scope.row.realname}}</p>
+					</template>
+				</el-table-column>				
+				<!-- <el-table-column prop="technical" label="technical" width="150px" align="center"> -->
+					<!-- <template slot-scope="scope">
+						<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
+					</template> -->
+				<!-- </el-table-column> -->
+				<el-table-column prop="field" label="field"  align="center">
+					<!-- <template slot-scope="scope">
+						<p v-html="colorIndex(scope.row.google_index,scope.row.google_time)"></p>
+					</template> -->
+				</el-table-column>
+				<!-- <el-table-column label="Contributions"  align="center">
+					<template slot-scope="scope">
+						<div class="flexbox">
+							<div>Articles: 
+								<em v-if="scope.row.articles.length > 0">{{scope.row.articles.length}}</em><em v-else>0</em>
+									/
+								<em v-if="scope.row.articles_all.length > 0">{{scope.row.articles_all.length}}</em><em v-else>0</em>
+							</div>
+							<div>Reviewes: <em v-if="scope.row.reviewes.length > 0">{{scope.row.reviewes.length}}</em><em v-else>0</em></div>
+						</div>
+					</template>
+				</el-table-column> -->
+				<el-table-column prop="ghindex" label="H-Google" width="110px" align="center">
+					<template slot-scope="scope">
+						<p v-html="colorIndex(scope.row.google_index,scope.row.google_time)"></p>
+					</template>
+				</el-table-column>
+				<el-table-column prop="wosindex" label="wosindex" width="110px" align="center">
+					<template slot-scope="scope">
+						<p v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></p>
+					</template>
+				</el-table-column>
+				<el-table-column label="" width="150px" align="center">
+					<template slot-scope="scope">
+						<el-button size="mini" type="primary" plain icon="el-icon-edit" 
+						@click="perSonnel(scope.row.user_id)">User Edit</el-button>
+						<!-- <el-button size="mini" type="primary" plain icon="el-icon-edit"
+							@click="bhandleEdit(scope.$index, scope.row)">Board Edit</el-button> -->
+						<!-- <el-button size="mini" type="danger" plain icon="el-icon-delete" style="margin-top: 10px;"
+							@click="handleDelete(scope.$index, scope.row)">Delete</el-button> -->
+					</template>
+				</el-table-column>
+			</el-table>
+			</div>
+			<div class="pagination">
+				<el-pagination background layout="total, prev, pager, next" :current-page="page.pageIndex" :page-size="page.pageSize"
+				 :total="Total" @current-change="handlePageChange"></el-pagination>
+			</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				baseUrl: this.Common.baseUrl,
+				edit_id: localStorage.getItem('U_id'),
+				now_year: 0,
+				tableData_0: [],
+				tableData_A: [],
+				page: {
+					pageIndex: 1,
+					pageSize: 20
+				},
+				Total: 0,
+				df_jour: [],
+				df_group: [],
+				add_jour: [],
+				add_group: [],
+				add_country: [],
+				addVisible: false,
+				editVisible: false,
+				addForm: {
+					email: '',
+					board_icon:'',
+					board_group_id: -1
+				},
+				editForm: {
+					journal_id: 0
+				},
+				edit_group: [],
+				dis_able: false,
+				remarkMes: {
+					remark: ''
+				},
+				remarkBox: false,
+				query: {
+					journal_id: 0,
+					journal_title: '',
+				},
+				imageUrl: '',
+				imageUrl_: '',
+				imageUrl_Mark: 0,
+				title_options: [{
+						value: 'Instructor'
+					},
+					{
+						value: 'Assistant Professor'
+					},
+					{
+						value: 'Senior Assistant Professor'
+					},
+					{
+						value: 'Associate Professor'
+					},
+					{
+						value: 'Senior Associate professor'
+					},
+					{
+						value: 'Professor'
+					},
+					{
+						value: 'Researcher'
+					},
+					{
+						value: 'Associate Researcher'
+					},
+					{
+						value: 'Assistant Researcher'
+					},
+					{
+						value: 'RN'
+					},
+					{
+						value: 'Research Fellow'
+					},
+					{
+						value: 'Associate Research Scientist'
+					},
+					{
+						value: 'Research Scientist'
+					},
+					{
+						value: 'Senior Research Fellow'
+					},
+					{
+						value: 'Senior Lecturer'
+					},
+					{
+						value: 'Physician'
+					},
+					{
+						value: 'Attending Physician'
+					},
+					{
+						value: 'Associate Chief Physician'
+					},
+					{
+						value: 'Chief Physician'
+					},
+					{
+						value: 'Senior Research Scientist'
+					},
+					{
+						value: 'Honorary Senior Research Fellow'
+					},
+					{
+						value: 'Director'
+					},
+					{
+						value: 'Executive Director'
+					},
+					{
+						value: 'Sr. Bioinformatics Scientist'
+					},
+					{
+						value: 'Psychotherapist'
+					},
+					{
+						value: 'Postdoctoral Researcher'
+					},
+					{
+						value: 'Managing Editor'
+					},
+					{
+						value: 'Scientific Editor'
+					},
+					{
+						value: 'Production Editor'
+					},
+					{
+						value: 'Assistant Editor'
+					},
+					{
+						value: 'Engineer'
+					},
+					{
+						value: 'Lecturer'
+					},
+					{
+						value: 'Investigator'
+					},
+					{
+						value: 'Senior Investigator'
+					},
+					{
+						value: '教授'
+					},
+					{
+						value: '副教授'
+					},
+					{
+						value: '讲师'
+					},
+					{
+						value: '主任医师'
+					},
+					{
+						value: '副主任医师'
+					},
+					{
+						value: '主治医师'
+					},
+					{
+						value: '主任中医师'
+					},
+					{
+						value: '副主任中医师'
+					}
+				],
+				rules: {
+					account: [{
+						required: true,
+						message: 'Please input account',
+						trigger: 'blur'
+					}],
+					email: [{
+						required: true,
+						message: 'Please input email',
+						trigger: 'blur'
+					}, {
+						validator: function(rule, value, callback) {
+							if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
+								callback(new Error("Please enter the correct email format"));
+							} else {
+								callback();
+							}
+						},
+						trigger: "blur"
+					}],
+					name: [{
+						required: true,
+						message: 'Please input realname',
+						trigger: 'blur'
+					}],
+					journal_id: [{
+						required: true,
+						message: 'Please select a journal',
+						trigger: 'blur'
+					}],
+					board_group_id: [{
+						required: true,
+						message: 'Please select a group',
+						trigger: 'blur'
+					}],
+					website: [{
+						required: true,
+						message: 'Please input website',
+						trigger: 'blur'
+					}],
+					type: [{
+						required: true,
+						message: 'Please input type',
+						trigger: 'blur'
+					}],
+					dr: [{
+						required: true,
+						message: 'Please input academic degree',
+						trigger: 'blur'
+					}],
+					title: [{
+						required: true,
+						message: 'Please input technical',
+						trigger: 'blur'
+					}],
+					field: [{
+						required: true,
+						message: 'Please input field ',
+						trigger: 'blur'
+					}],
+					board_icon: [{
+						required: true,
+						message: 'Please select a icon',
+						trigger: 'blur'
+					}],
+					address: [{
+						required: true,
+						message: 'Please input affiliation',
+						trigger: 'blur'
+					}],
+					country: [{
+						required: true,
+						message: 'Please select a country',
+						trigger: 'blur'
+					}],
+				}
+			};
+		},
+		created() {
+			this.getDate();
+		},
+		methods: {
+			// 获取编委和负责期刊列表数据
+			getDate() {
+				const loading = this.$loading({
+					lock: true,
+					text: 'Loading...',
+					spinner: 'el-icon-loading',
+					background: 'rgba(0, 0, 0, 0.7)'
+				});				
+				
+				this.$api
+					.post('api/Monitor/getYboards', {
+						'journal_id': this.$route.query.id,
+						'pageIndex': this.page.pageIndex,
+						'pageSize': this.page.pageSize
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.tableData_A = res.data.yboards;
+							// console.log(this.tableData_A,'this.tableData_A')		
+							if (res.data.yboards && res.data.yboards.length > 0) {
+								this.tableData_A = res.data.yboards;
+								this.Total = res.data.count								
+							} else {
+								this.tableData_A = []
+							}							
+							loading.close();
+
+						} else {
+							this.$message.error(res.msg);
+							loading.close();
+						}
+
+					})
+					.catch(err => {
+						this.$message.error(err);
+						loading.close();
+					});
+
+			},
+			handlePageChange(val) {
+				this.$set(this.page, 'pageIndex', val);
+				this.getDate();
+			},
+
+			// 分组管理
+			addGroup() {
+				this.$router.push('/editorGroup');
+			},
+
+			// 用户跳转
+			perSonnel(e) {
+				let routerJump = this.$router.resolve({
+					path: '/partyRole',
+					query: {
+						id: e
+					}
+				});
+				window.open(routerJump.href, '_blank');
+			},
+
+
+			// 添加操作
+			addEditor(index, row) {
+				this.addForm.journal_id = this.add_jour[0].journal_id
+				this.getJourAdd()
+				this.addVisible = true;
+			},
+
+
+			// 保存添加
+			saveAdd() {
+				this.$refs.add_Form.validate((valid) => {
+					if (valid) {
+						if (this.addForm.board_icon == '' || this.addForm.board_icon == undefined) {
+							this.$message.error('Please upload the picture!');
+							return
+						}
+						this.$api
+							.post('api/Board/addBoard', this.addForm)
+							.then(res => {
+								if (res.code == 0) {
+									this.addVisible = false;
+									this.$refs.add_Form.resetFields();
+									this.$message.success(`Added successfully！`);
+									this.dis_able = false
+									this.getDate();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					} else {
+						return false;
+					}
+				});
+			},
+
+			// 添加关闭
+			addVisCancle() {
+			this.$refs['add_Form'].resetFields();
+				this.addForm.email = ''
+				this.dis_able = false
+			},
+
+			// 编辑操作
+			handleEdit(index, row) {
+				this.editForm = Object.assign({}, row);
+				console.log(this.editForm,'this.editForm')
+				this.imageUrl_ = this.baseUrl + 'journalpublic/' + this.editForm.board_icon
+				this.imageUrl_Mark = 0
+				this.editVisible = true
+				// this.getJourEdit(this.query.journal_id)
+			},
+			// 编辑编委操作
+			bhandleEdit(index, row) {
+				console.log(row,'row')
+			},
+			// 改变期刊
+			getJourEdit(e) {
+				this.$api
+					.post('api/Board/getBoardGroupList', {
+						journal_id: e
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.edit_group = res.data.groups;
+							this.edit_group.unshift({
+								'board_group_id': 0,
+								'group_name': 'No Group'
+							})
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 保存编辑
+			saveEdit() {
+				this.$refs.edit_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Board/editBoard', this.editForm)
+							.then(res => {
+								if (res.code == 0) {
+									this.editVisible = false;
+									this.$refs.edit_Form.resetFields();
+									this.$message.success(`Edit successfully！`);
+									this.getDate();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+
+						if (this.imageUrl_Mark == 1) {
+							this.$api
+								.post('api/Board/editIcon', this.editForm)
+								.then(res => {
+									if (res.code == 0) {
+										this.imageUrl_Mark = 0
+									} else {
+										this.$message.error(res.msg);
+									}
+								})
+								.catch(err => {
+									this.$message.error(err);
+								});
+						}
+					} else {
+						return false;
+					}
+				});
+			},
+
+
+			// 删除操作
+			handleDelete(index, row) {
+				// 二次确认删除
+				this.$confirm('Are you sure you want to delete?', 'Tips', {
+						type: 'warning'
+					})
+					.then(() => {
+						this.$api
+							.post('api/Board/delBoard', row)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success('Delete succeeded');
+									this.getDate();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					})
+					.catch(() => {});
+			},
+
+			// 点击注册
+			Goto_res() {
+				this.$router.push('/register');
+			},
+			
+			// 标记弹出框
+			BoxRemark(e) {
+				this.remarkBox = true;
+				this.remarkMes.realname = e.name;
+				this.remarkMes.user_id = e.tuser_id;
+				this.remarkMes.email = e.email;
+				this.remarkMes.remark = e.remark;
+			},
+			// 修改标记
+			saveRemark() {
+				this.$api.post('api/User/editRemarkForUser', this.remarkMes)
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('Success');
+							this.remarkBox = false;
+							this.getDate();
+						} else {
+							this.$message.error(res.msg);
+						}
+					});
+			},
+
+
+			// 指数颜色
+			colorIndex(num, time) {
+				if (time != 0) {
+					let date = new Date(parseInt(time * 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();
+					let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+					let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+					time = Y + M + D;
+				}
+				let str = '';
+				if (num < 10) {
+					str = '<b style="color:#cb160a">' + num +
+						'</b><span style="color:#aaa;font-size:14px;margin-left:5px;"><br/>(' + time +
+						')</span>'
+				} else if (num < 15) {
+					str = '<b style="color:#cbb504">' + num +
+						'</b><span style="color:#aaa;font-size:14px;margin-left:5px;"><br/>(' + time +
+						')</span>'
+				} else {
+					str = '<b style="color:#0cbc15">' + num +
+						'</b><span style="color:#aaa;font-size:14px;margin-left:5px;"><br/>(' + time +
+						')</span>'
+				}
+				if (time == 0) {
+					str =
+						'<b style="color:#aaa;">0</b><br/><span style="color:#aaa;font-size:14px;margin-left:5px;">(No time)</span>'
+				}
+				return str;
+			},
+
+			//上传图片-添加
+			handleAvatarSuccess(res, file) {
+				if (res.code == 0) {
+					this.addForm.board_icon = res.upurl;
+				} else {
+					this.$message.error(res.msg);
+				}
+				this.imageUrl = URL.createObjectURL(file.raw);
+			},
+			handleAvatarError(res, file) {
+				// this.$message.error(res);
+			},
+			beforeAvatarUpload(file) {
+				const isLt2M = file.size / 1024 / 1024 < 1;
+				if (!isLt2M) {
+					this.$message.error('The picture size cannot exceed 1M!');
+				}
+				return isLt2M;
+			},
+
+			//上传图片-编辑
+			handleAvatarSuccess_(res, file) {
+				if (res.code == 0) {
+					this.editForm.board_icon = res.upurl;
+					// this.imageUrl_ = this.baseUrl + 'boardIcon/' + res.upurl;
+					this.imageUrl_Mark = 1
+				} else {
+					this.$message.error(res.msg);
+				}
+				this.imageUrl_ = URL.createObjectURL(file.raw);
+			},
+			handleAvatarError_(res, file) {
+				// this.$message.error(res);
+			},
+			beforeAvatarUpload_(file) {
+				const isLt2M = file.size / 1024 / 1024 < 1;
+				if (!isLt2M) {
+					this.$message.error('The picture size cannot exceed 1M!');
+				}
+				return isLt2M;
+			},
+		}
+	};
+</script>
+
+<style scoped>
+.flexbox{display: flex; justify-content: space-between;}
+.flexbox div{width: 50%;}
+.flexbox em{font-style: normal; font-weight: bold; font-size: 14px; color: #409EFF; background: #ecf5ff; border-radius: 10px; padding: 4px;}
+	.handle-box {
+		margin-bottom: 20px;
+	}
+
+	.table {
+		width: 100%;
+		font-size: 14px;
+	}
+
+	.red {
+		color: #ff0000;
+	}
+
+	.zhu_ce {
+		text-decoration: underline;
+		color: #006699;
+		font-weight: bold;
+		cursor: pointer;
+	}
+
+	.biaoTou {
+		background-color: #006699;
+		font-size: 14px;
+		min-width: 800px;
+	}
+
+	.nullTable {
+		margin-bottom: 20px;
+	}
+
+
+	.shen_fen {
+		margin: 30px 0 20px 0;
+		font-weight: bold;
+		letter-spacing: -0.5px;
+	}
+
+	.shen_number {
+		margin-bottom: 15px;
+		margin-left: 5px;
+	}
+
+	.perSonGo:hover {
+		text-decoration: underline;
+		color: #006699;
+		cursor: pointer;
+	}
+
+	.starSty {
+		width: 18px;
+		margin-right: 4px;
+		vertical-align: text-top;
+	}
+
+	.starSty:nth-last-child(1) {
+		margin-right: 0;
+	}
+
+	.avatar-uploader .el-upload {
+		border: 1px dashed #d9d9d9;
+		border-radius: 6px;
+		cursor: pointer;
+		position: relative;
+		overflow: hidden;
+		width: 140px;
+		height: 140px;
+	}
+
+	.avatar-uploader_small {
+		height: 140px;
+	}
+
+	.avatar-uploader .el-upload:hover {
+		border-color: #409EFF;
+	}
+
+	.avatar-uploader-icon {
+		font-size: 28px;
+		color: #8c939d;
+		width: 140px;
+		height: 140px;
+		line-height: 140px;
+		text-align: center;
+	}
+
+	.avatar-uploader_small .el-upload {
+		width: 80px;
+		height: 80px;
+	}
+
+	.avatar-uploader_small .avatar-uploader-icon {
+		line-height: 80px;
+		margin-left: -30px;
+	}
+
+	.avatar {
+		width: 140px;
+		height: 140px;
+		display: block;
+	}
+</style>
diff --git a/src/components/page/superYoungScientistManagement.vue b/src/components/page/superYoungScientistManagement.vue
new file mode 100644
index 0000000..5f77790
--- /dev/null
+++ b/src/components/page/superYoungScientistManagement.vue
@@ -0,0 +1,81 @@
+<template>
+  <div>    
+    <el-table :data="tableData" border stripe class="table" ref="multipleTable" header-cell-class-name="table-header"  style="font-size: 14px;"
+			empty-text="New messages (0)" v-loading="loading">
+			<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
+			<el-table-column  label="Journals" prop="jabbr" align="center"></el-table-column>
+            <el-table-column  label="Number" prop="yboard_count"  align="center"></el-table-column>
+            <el-table-column  label="Hindex"  align="center">
+                <template slot-scope="scope">
+                    <div class="lieitem flexbox">
+                    <span>Hindex: <em>{{scope.row.index_num}} / {{ scope.row.yboard_count }}</em></span><br/>
+                    <span>Median: <em>{{scope.row.median}}</em></span><br/>
+                    <span>Avg: <em>{{scope.row.avg}}</em></span><br/>
+                </div>
+                </template>
+            </el-table-column>
+            <!-- <el-table-column  label="平均H指数" prop="H"   align="center"></el-table-column>
+            <el-table-column  label="国际化" prop="H"   align="center"></el-table-column>
+            <el-table-column  label="不活跃系数" prop="H"   align="center"></el-table-column> -->
+            <el-table-column width="160"  align="center">
+                <template slot-scope="scope">
+                    <router-link :to="{path:'/superYoungScientistList',query:{id:scope.row.journal_id}}">
+                    <el-button type="primary" plain >Detail</el-button></router-link>
+                </template>
+            </el-table-column>
+    </el-table>
+  </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            loading:false,
+            query: {
+					username: localStorage.getItem('U_name'),
+					// journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : 0,
+					journal: 0,
+					name: '',
+					state: 0,
+					pageIndex: 1,
+					pageSize: 10
+				},
+                tableData:[],
+                Total:0,
+        }
+    },
+    created(){
+        this.getdata();
+    },
+    methods:{
+        // 获取文章列表数据        
+			getdata() {
+                this.loading = true
+				this.$api
+					.post('api/Monitor/getJournalYBoards')
+					.then(res => {
+                        if(res.code == 0){ 
+
+                            this.tableData = res.data.journals
+                        }
+                        this.loading = false
+					})
+					.catch(err => {
+						console.log(err);
+                        this.loading = false
+					});
+			},
+    }
+}
+</script>
+
+<style  scoped>
+.flexbox{display: flex; justify-content: space-between;}
+.lieitem span{
+    display: inline-block; width: 30%;
+}
+.lieitem em{font-style: normal; font-weight: bold; font-size: 14px; color: #409EFF; background: #ecf5ff; border-radius: 10px; padding: 4px;}
+    
+
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 5031f28..ee2c65c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -934,6 +934,22 @@ export default new Router({
 						title: 'editorialBoard'
 						}
 				},
+				{
+					name:'Young-Scientist-Management',
+					path: '/superYoungScientistManagement', // 超管青年科学家管理
+						component: () => import('../components/page/superYoungScientistManagement'),
+					meta: {						
+						title: 'Young Scientist Management'
+						}
+				},				
+				{
+					name:'super-Young-Scientist-List',
+					path: '/superYoungScientistList', // 超管单刊青年科学家列表
+						component: () => import('../components/page/superYoungScientistList'),
+					meta: {						
+						title: 'Young Scientist List'
+						}
+				},
 				{
 					name:'editorial-Board-List',
 					path: '/Board-List', // 单刊编委列表