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

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