zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
xulu
2022-02-23 16:34:07 +08:00
parent ec5e69418b
commit 4f5e6e1f78
62 changed files with 28419 additions and 8571 deletions
Download Patch File Download Diff File Expand all files Collapse all files

235
src/components/page/per_history.vue
View File

@@ -8,34 +8,69 @@
</el-breadcrumb>
</div>
<div class="container_l">
<el-tag :key="tag" type="success" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)"
style="font-size: 14px;margin:0 0 15px 0;line-height: 30px;height: 30px;">
{{tag}}
</el-tag>
<!-- <p style="font-size: 14px;margin:0 0 15px 18px;line-height: 22px;">
Submission System Update Notifications 2.1
<br>
The reviewers can look through all reviewers' comments when the manuscripts get final decision.
</p> -->
<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>
<el-card class="box-card" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)">
<el-table :data="tableData3" border class="table" ref="multipleTable" header-cell-class-name="table-header">
<el-table-column prop="article_title" label="Article Title"></el-table-column>
<el-table-column prop="journal_title" label="Journal"></el-table-column>
<el-table-column prop="ctime" label="Reviewed time" width="140"></el-table-column>
<el-table-column label="Article Status" width="130" align="center">
<template slot-scope="scope">
<b v-if="scope.row.astate == 0">Received</b>
<b v-if="scope.row.astate == 1">With editor</b>
<b v-if="scope.row.astate == 2">Under review</b>
<b v-if="scope.row.astate == 3">Reject</b>
<b v-if="scope.row.astate == 4">Revision</b>
<b v-if="scope.row.astate == 5">Accepted</b>
<b v-if="scope.row.astate == 6">Fininal decision</b>
</template>
</el-table-column>
<el-table-column label="Recommendation" width="160" align="center">
<template slot-scope="scope">
<b v-if="scope.row.recommend == 1||scope.row.recommend == 2">Accept</b>
<b v-if="scope.row.recommend == 3||scope.row.recommend == 4">Reject</b>
</template>
</el-table-column>
<el-table-column label=" " width="230">
<template slot-scope="scope">
<router-link :to="{path:'/perhistory_commen',query:{Art_id:scope.row.article_id,Rev_id:scope.row.art_rev_id}}"
v-if="(scope.row.astate==3||scope.row.astate==5)&&(scope.row.journal_id==1||scope.row.journal_id==9||scope.row.article_id>1598)">
<el-button type="primary" plain style="margin-right: 10px;">All Comments</el-button>
</router-link>
<el-button type="warning" plain @click="cerFicte(scope.$index, scope.row)">Certificate</el-button>
</template>
</el-table-column>
</el-table>
<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-dialog :visible.sync="cerVisible" width="600px">
<el-image class="table-td-thumb rev_digol" :src="this.IMG_Url"></el-image>
</el-dialog>
<el-dialog :visible.sync="feilVisible" width="600px">
<h2 style="text-align: center;">No certificate</h2>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="feilVisible=false">OK</el-button>
</span>
</el-dialog>
</el-col>
</el-row>
</div>
@@ -46,6 +81,7 @@
export default {
data() {
return {
loading: false,
query: {
user_id: localStorage.getItem('U_id')
},
@@ -53,15 +89,22 @@
TaBle3: {
user_id: localStorage.getItem('U_id'),
pageIndex: 1,
pageSize: 5
pageSize: 10
},
link_Tota3: 0,
IMG_Url: '',
cerVisible: false,
feilVisible: false,
dynamicTags: [
'Submission System Update Notifications 2.1 The reviewers can look through all reviewers comments when the manuscripts get final decision.'
],
};
},
mounted() {
},
created() {
this.loading = true;
this.getTable();
},
methods: {
@@ -80,6 +123,7 @@
this.$message.error(err);
});
},
getData() {
this.$api
.post('api/Reviewer/getReviewerListHistory', this.TaBle3)
@@ -87,11 +131,12 @@
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 date = new Date(parseInt(res.data.lists[i].recommenttime) * 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.loading = false;
}
}
this.tableData3 = res.data.lists;
@@ -107,10 +152,39 @@
// 分页导航
handlePageChange3(val) {
this.loading = true;
this.$set(this.TaBle3, 'pageIndex', val);
this.getData();
},
// 证书弹出层
cerFicte(index, row) {
this.$api
.post('api/Reviewer/getZSimg', {
'art_rev_id': row.art_rev_id
})
.then(res => {
if (res.code == 0) {
this.IMG_Url = this.Common.mediaUrl + res.data.icon
this.cerVisible = true;
} else {
this.$message.error(res.msg);
this.feilVisible = true;
}
})
.catch(err => {
this.$message.error(err);
});
},
// 关闭标签
handleClose(tag) {
this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
},
},
filters: {
},
watch: {
@@ -118,114 +192,19 @@
};
</script>
<style scoped>
.ma_title {
margin-bottom: 5px;
font-weight: bold;
color: #006699;
<style>
.table {
width: 100%;
font-size: 14px;
}
.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;
.rev_digol .el-image__placeholder {
background-image: url(../../assets/img/loading.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 440px 300px;
width: 560px;
height: 400px;
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>