From 8d176adb5a91d14d730d4ad9baab7adc3cf27881 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Wed, 6 Sep 2023 18:04:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/editorBorder.vue       |  2 +-
 src/components/page/editorialBoard.vue     | 29 ++++++--
 src/components/page/editorialBoardList.vue | 78 ++++++++++++++++++++--
 3 files changed, 97 insertions(+), 12 deletions(-)

diff --git a/src/components/page/editorBorder.vue b/src/components/page/editorBorder.vue
index 532502b..5723e33 100644
--- a/src/components/page/editorBorder.vue
+++ b/src/components/page/editorBorder.vue
@@ -793,7 +793,7 @@
 				});
 				this.$api
 					.post('api/Board/getBoards', this.query)
-					.then(res => {
+					.then(res => {						
 						if (res.code == 0) {
 							if (res.data.boards.main != undefined) {
 								this.tableData_A = res.data.boards.main;
diff --git a/src/components/page/editorialBoard.vue b/src/components/page/editorialBoard.vue
index cbfbb80..c182029 100644
--- a/src/components/page/editorialBoard.vue
+++ b/src/components/page/editorialBoard.vue
@@ -1,14 +1,23 @@
 <template>
   <div>
-    <el-table :data="tableData" border stripe class="table" ref="multipleTable" header-cell-class-name="table-header" 
+    <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="boards_count"  align="center"></el-table-column>
+			<el-table-column  label="Journals" prop="jabbr" align="center"></el-table-column>
+            <el-table-column  label="Number" prop="boards_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.boards_count }}</em></span><br/>
+                    <span>Media: <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" label="Doi" align="center">
+            <el-table-column width="160"  align="center">
                 <template slot-scope="scope">
                     <router-link :to="{path:'/Board-List',query:{id:scope.row.journal_id}}">
                     <el-button type="primary" plain >Detail</el-button></router-link>
@@ -47,9 +56,9 @@ export default {
 				this.$api
 					.post('api/Monitor/getJournalBoards')
 					.then(res => {
-                        if(res.code == 0){   
+                        if(res.code == 0){ 
 
-                            this.tableData = res.data.journals;                         
+                            this.tableData = res.data.journals
                         }
                         this.loading = false
 					})
@@ -61,6 +70,12 @@ export default {
 }
 </script>
 
-<style>
+<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/components/page/editorialBoardList.vue b/src/components/page/editorialBoardList.vue
index 45411e7..eb634ac 100644
--- a/src/components/page/editorialBoardList.vue
+++ b/src/components/page/editorialBoardList.vue
@@ -10,10 +10,12 @@
 		<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" label="name"></el-table-column>
+				<el-table-column prop="realname" 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="ghindex" width="110px" 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> -->
@@ -39,11 +41,24 @@
 						<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></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" 
@@ -74,11 +89,24 @@
 						<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></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>	
+				<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="150" align="center">
 					<template slot-scope="scope">
 						<el-button size="mini" type="primary" plain icon="el-icon-edit" 
@@ -109,11 +137,24 @@
 							<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></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" 
@@ -149,11 +190,24 @@
 							<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></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" 
@@ -188,11 +242,24 @@
 							<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></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" 
@@ -969,6 +1036,9 @@
 </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;
 	}