This commit is contained in:
@fawn-nine
2023-09-06 18:04:36 +08:00
parent 6d5631ac07
commit 8d176adb5a
3 changed files with 97 additions and 12 deletions

View File

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

View File

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

View File

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