1
This commit is contained in:
xulu
231
src/components/page/per_history.vue
Normal file
231
src/components/page/per_history.vue
Normal file
@@ -0,0 +1,231 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="crumbs">
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item>
|
||||
<i class="el-icon-collection"></i> <span class="top_dao"> Reviewer historical manuscripts</span>
|
||||
</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</div>
|
||||
<div class="container_l">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-card class="box-card">
|
||||
<div class="ma_title">
|
||||
<h2>
|
||||
<!-- <img src="../../assets/img/icon_3.png" alt="" class="icon_img"> -->
|
||||
Reviewer historical manuscripts.
|
||||
</h2>
|
||||
</div>
|
||||
<ul class="ta1_uli">
|
||||
<li v-for="item in tableData3">
|
||||
<!-- <h5>{{item.type}}</h5> -->
|
||||
<h3><span>{{item.type}}</span>{{item.title}}
|
||||
<el-button type="primary" plain style="float: right;">Detail</el-button>
|
||||
</h3>
|
||||
<h4><span>{{item.journal_title}}.</span>
|
||||
<span style="color: #888;">Submitted time: {{item.ctime}}</span>
|
||||
<!-- <span>{{item.accept_sn}}</span> -->
|
||||
</h4>
|
||||
</li>
|
||||
<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
|
||||
</ul>
|
||||
<div class="pagination">
|
||||
<el-pagination layout="total, prev, pager, next" :current-page="TaBle3.pageIndex" :page-size="TaBle3.pageSize"
|
||||
:total="link_Tota3" @current-change="handlePageChange3">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
query: {
|
||||
user_id: localStorage.getItem('U_id')
|
||||
},
|
||||
tableData3: [],
|
||||
TaBle3: {
|
||||
user_id: localStorage.getItem('U_id'),
|
||||
pageIndex: 1,
|
||||
pageSize: 5
|
||||
},
|
||||
link_Tota3: 0,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.getTable();
|
||||
},
|
||||
methods: {
|
||||
// 获取数据
|
||||
getTable() {
|
||||
this.$api
|
||||
.post('api/Reviewer/getReviewerDetail1', this.query)
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
this.getData();
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message.error(err);
|
||||
});
|
||||
},
|
||||
getData() {
|
||||
this.$api
|
||||
.post('api/Reviewer/getReviewerListHistory', this.TaBle3)
|
||||
.then(res => {
|
||||
if (res.code == 0) {
|
||||
if (res.data.lists != '') {
|
||||
for (let i = 0; i < res.data.lists.length; i++) {
|
||||
let date = new Date(parseInt(res.data.lists[i].ctime) * 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();
|
||||
res.data.lists[i].ctime = Y + M + D;
|
||||
}
|
||||
}
|
||||
this.tableData3 = res.data.lists;
|
||||
this.link_Tota3 = res.data.count || 0;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch(err => {
|
||||
this.$message.error(err);
|
||||
});
|
||||
},
|
||||
|
||||
// 分页导航
|
||||
handlePageChange3(val) {
|
||||
this.$set(this.TaBle3, 'pageIndex', val);
|
||||
this.getData();
|
||||
},
|
||||
|
||||
},
|
||||
watch: {
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.ma_title {
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
color: #006699;
|
||||
}
|
||||
|
||||
.ma_title h2 {
|
||||
font-size: 20px;
|
||||
color: #006699;
|
||||
margin: 10px 0;
|
||||
/* white-space: nowrap; */
|
||||
}
|
||||
|
||||
.ma_title .icon_img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* .top_card_b::-webkit-scrollbar {
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.top_card_b::-webkit-scrollbar-thumb {
|
||||
background-color: #c9c9cc;
|
||||
border-radius: 3px;
|
||||
} */
|
||||
|
||||
.ta1_uli {}
|
||||
|
||||
.ta1_uli li {
|
||||
list-style: none;
|
||||
border-bottom: 1px dashed #e0e0e0;
|
||||
/* box-shadow: 0 0 10px #e1e1e1; */
|
||||
padding: 10px 20px 20px 20px;
|
||||
background-color: #fff;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.ta1_uli li:hover {
|
||||
/* background: #fafafa; */
|
||||
}
|
||||
|
||||
.ta1_uli li h3 {
|
||||
color: #000;
|
||||
margin-top: 8px;
|
||||
font-size: 20px;
|
||||
font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
|
||||
}
|
||||
|
||||
.ta1_uli li h3>span {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
background-color: #1e93cd;
|
||||
margin-right: 12px;
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.ta1_uli li h3:hover {
|
||||
/* text-decoration: underline; */
|
||||
}
|
||||
|
||||
.ta1_uli li h4 {
|
||||
/* color: #6f6f6f; */
|
||||
margin-top: 8px;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.ta1_uli li h4 span {
|
||||
margin-right: 10px;
|
||||
display: block;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
|
||||
.ta1_uli li h5 {
|
||||
color: #006699;
|
||||
margin-top: 5px;
|
||||
padding-bottom: 10px;
|
||||
font-weight: normal;
|
||||
border-bottom: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.ta1_uli li h6 {
|
||||
font-weight: normal;
|
||||
font-family: Calibri;
|
||||
font-size: 16px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.mes_alert .el-alert__content {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.mes_alert .el-alert__content .el-alert__title {
|
||||
font-size: 18px !important;
|
||||
margin: 10px 0 !important;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mes_alert .el-alert__description {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user