Files
tougao_web/src/components/page/superJournalsManagement.vue
2024-01-25 16:19:20 +08:00

144 lines
4.3 KiB
Vue

<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="Editor" prop="editor" align="center">
<template slot-scope="scope">
<div class="">
<span>name: <span>{{scope.row.editor.realname}}</span></span><br />
<span>email: {{scope.row.editor.email}}</span><br />
</div>
</template>
</el-table-column>
<el-table-column label="当月编辑积分(初审/终审)" prop="DY" align="center">
<template slot-scope="scope">
<el-dropdown v-if="scope.row.mx.length > 0">
<span class="el-dropdown-link">
{{scope.row.DY}}<i class="el-icon-arrow-down el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item v-for="(item,index) in scope.row.mx">{{item}}</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
<span v-else>{{scope.row.DY}}</span>
</template>
</el-table-column>
<el-table-column label="当年初审均值" prop="CS" align="center" width="120"></el-table-column>
<el-table-column label="当年终审均值" prop="ZS" align="center" width="120"></el-table-column>
<el-table-column label="" prop="ZT" align="center" width="160">
<template slot="header">
<span>当月直投 / 当月转投</span>
</template>
<template slot-scope="scope">
<span>{{scope.row.Z}}</span>
<b> / </b>
<span>{{scope.row.ZT}}</span>
</template>
</el-table-column>
<el-table-column label="" prop="ZT" align="center" width="190">
<template slot="header">
<span>{{this.dangYear}}年直投 / {{this.dangYear}}年转投</span>
</template>
<template slot-scope="scope">
<span>{{scope.row.DNZ}}</span>
<b> / </b>
<span>{{scope.row.DNZT}}</span>
</template>
</el-table-column>
<el-table-column label="" prop="ZT" align="center" width="190">
<template slot="header">
<span>{{this.lastYear}}年直投 / {{this.lastYear}}年转投</span>
</template>
<template slot-scope="scope">
<span>{{scope.row.NZ}}</span>
<b> / </b>
<span>{{scope.row.NZT}}</span>
</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,
dangYear: 0,
lastYear: 0,
}
},
created() {
this.getdata();
},
methods: {
// 获取文章列表数据
getdata() {
this.loading = true
this.dangYear = new Date().getFullYear()
this.lastYear = new Date().getFullYear() - 1
this.$api
.post('api/Monitor/getJournalForms')
.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>