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-03-18 18:12:11 +08:00
parent f51397cbff
commit dc4d87a990
12 changed files with 995 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

250
src/components/page/articleList.vue
View File

@@ -48,13 +48,16 @@
-->
<div shadow="never" v-for="item in tableData" class="mangu_list" :style="item.state,'1' | stateChange">
<div style="padding: 20px 20px 20px 20px;position: relative;" :style="item.state,'2' | stateChange">
<p>
<p class="man_title" @click="esy_mtps(item.article_id)">{{item.title}}</p>
<p style="margin-bottom: 8px;">
<font style="color: #666b7a;">ID : </font>
{{item.accept_sn}}
<font style="color: #666b7a;margin-left: 50px;">Type : </font>
{{item.type | ellipsis}}
</p>
<p class="man_title" @click="esy_mtps(item.article_id)">{{item.title}}</p>
<p class="man_con">
<span>{{item.type | ellipsis}}</span>
<!-- <span>{{item.type | ellipsis}}</span> -->
<font style="color: #666b7a;">Journal : </font>
<b style="font-weight: normal;">{{item.journalname}}</b>
</p>
<p>
@@ -70,20 +73,24 @@
</b>
</div>
<div class="man_btn">
<!-- <span @click="esy_mtps(item.article_id)"><i class="el-icon-document"></i>Manuscript process</span>
<font> | </font> -->
<span @click="esy_deta(item.article_id)"><i class="el-icon-document-copy"></i>My Manuscript</span>
<span @click="esy_review(item.article_id)">
<i class="el-icon-document-copy"></i>Reviewers coment
</span>
<font> | </font>
<span @click="esy_deta(item.article_id)">
<i class="el-icon-paperclip"></i>My Manuscript
</span>
</div>
</div>
<div class="man_progess" v-if="item.state==4" :style="item.state,'2' | stateChange">
<font style="color: #666b7a;">
Latest Progress :
Current progress :
</font>
<b style="margin: 0 0 0 5px;">{{item.state,'tst' | stateChange}} </b>
<router-link :to="{path:'/articleProcessRevision',query:{id:item.article_id}}" v-if="item.state==4" style="color: #333;">
: <span style="margin: 0 0 0 5px;">click to</span>
<b style="margin-left: 5px;color: #006699;text-decoration: underline;">Major revision</b>
<b>Major revision</b>
</router-link>
</div>
</div>
@@ -177,6 +184,7 @@
<font>Uploader : </font>{{item.username}}
<i><i class="el-icon-time"></i>{{formatDate(item.ctime)}}</i>
</span>
<i class="el-icon-download download"></i>
</a>
</p>
<br clear="both" v-if="coverLetterFileList">
@@ -188,6 +196,7 @@
<font>Uploader : </font>{{item.username}}
<i><i class="el-icon-time"></i>{{formatDate(item.ctime)}}</i>
</span>
<i class="el-icon-download download"></i>
</a>
</p>
<br clear="both" v-if="picturesAndTablesFileList">
@@ -199,6 +208,7 @@
<font>Uploader : </font>{{item.username}}
<i><i class="el-icon-time"></i>{{formatDate(item.ctime)}}</i>
</span>
<i class="el-icon-download download"></i>
</a>
</p>
<br clear="both">
@@ -210,13 +220,54 @@
<font>Uploader : </font>{{item.username}}
<i><i class="el-icon-time"></i>{{formatDate(item.ctime)}}</i>
</span>
<i class="el-icon-download download"></i>
</a>
</p>
<br clear="both">
</div>
<span slot="footer" class="dialog-footer">
<el-button type="primary" @click="artextVisible=false">OK</el-button>
</span>
</el-dialog>
<!-- 审稿人列表 -->
<el-dialog title="Coment from reviewers" :visible.sync="comentVisible" width="800px">
<el-collapse v-model="activeComment" v-if="comentDeploy!=''">
<el-collapse-item v-for="(item,index) in comentDeploy" :name="index" class="art_author_list">
<template slot="title">
<b class="com_shu">{{index+1}}</b>
Reviewer Suggest
<font style="margin: 0 0 0 50px;color: #888;">
<i class="el-icon-time" style="margin:0 2px 0 0;"></i>
{{formatDate1(item.ctime)}}
</font>
</template>
<div class="art_author_coment">
<p v-if="item.qu9_contents!=''">
<font>Does the title represent manuscript's contents?</font>
{{item.qu9_contents}}
</p>
<p v-if="item.qu10_contents!=''">
<font>Is the Abstract accurate and concise?</font>
{{item.qu10_contents}}
</p>
<p v-if="item.qu11_contents!=''">
<font>Are the approach/ methods properly described?</font>
{{item.qu11_contents}}
</p>
<p v-if="item.qu12_contents!=''">
<font>Are the conclusions and interpretations sound?</font>
{{item.qu12_contents}}
</p>
<p v-if="item.qu13_contents!=''">
<font>Are the references properly cited?</font>
{{item.qu13_contents}}
</p>
<p v-if="item.comments!=''">
<font>Comments for the Authors</font>
{{item.comments}}
</p>
</div>
</el-collapse-item>
</el-collapse>
<p v-if="comentDeploy==''" style="color: #888888;margin: 0 0 0 10px;">No coment</p>
</el-dialog>
</div>
@@ -248,9 +299,12 @@
picturesAndTablesFileList: [],
totalpageFileList: [],
manuscirptFileList: [],
comentDeploy: [],
activeComment: [1],
authorList_name: '',
editVisible: false,
artextVisible: false,
comentVisible: false,
Total: 0
};
},
@@ -327,6 +381,28 @@
}
});
},
// 点击稿件审稿意见
esy_review(e) {
// 审稿人意见
this.$api
.post('api/Article/getArticleDetail', {
articleId: e,
human: 'author'
})
.then(res => {
// 弹出框
this.comentDeploy = res.suggest
this.activeComment = []
for (var i = 0; i < res.suggest.length; i++) {
this.activeComment.push(i)
}
this.comentVisible = true
})
.catch(err => {
console.log(err);
});
},
// 点击稿件内容文件
esy_deta(e) {
this.$api
@@ -394,6 +470,13 @@
var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
return Y + M + D + ' ' + h + ':' + m + ':' + s;
},
formatDate1(timestamp) {
var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
var Y = date.getFullYear() + '-';
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
return Y + M + D;
},
},
filters: {
// 文章类型
@@ -401,61 +484,61 @@
let frag = '';
switch (value) {
case "A":
frag = 'ARTICLE';
frag = 'Article';
break;
case 'B':
frag = 'REVIEW';
frag = 'Review';
break;
case 'C':
frag = 'CASE REPORT';
frag = 'Case report';
break;
case 'P':
frag = 'RESEARCH PROPOSAL';
frag = 'Research proposal';
break;
case 'N':
frag = 'NEWS';
frag = 'News';
break;
case 'T':
frag = 'COMMENT';
frag = 'Comment';
break;
case 'CT':
frag = 'CORRECTION';
frag = 'Correction';
break;
case 'HT':
frag = 'HYPOTHESIS';
frag = 'Hypothesis';
break;
case 'PF':
frag = 'PREFACE';
frag = 'Preface';
break;
case 'ET':
frag = 'EDITORIAL';
frag = 'Editorial';
break;
case 'RP':
frag = 'REPORT';
frag = 'Report';
break;
case 'EF':
frag = 'EMPIRICAL FORMULA';
frag = 'Empirical formula';
break;
case 'EM':
frag = 'EVIDENCE-BASED MEDICINE';
frag = 'Evidence-based medicine';
break;
case 'EC':
frag = 'EXPERT CONSENSUS';
frag = 'Expert consensus';
break;
case 'LTE':
frag = 'LETTER TO EDITOR';
frag = 'Letter to editor';
break;
case 'QI':
frag = 'QUESTIONNAIRE INVESTIGATION';
frag = 'Questionnaire investigation';
break;
case 'PT':
frag = 'PROTOCOL';
frag = 'Protocol';
break;
case 'CS':
frag = 'CASE SERIES';
frag = 'Case Series';
break;
default:
frag = 'OTHERS';
frag = 'Others';
}
return frag;
},
@@ -470,71 +553,71 @@
switch (value) {
case 0:
str = '#e1b0271F;';
sfr = '#e1b0270A;';
sfr = '#e1b02705;';
sgr = '#e1b0274D;';
skr = '#e1b027;';
slr = 'Received';
break;
case 1:
str = '#5a90e11F;';
sfr = '#5a90e10A;';
sfr = '#5a90e105;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'With editor';
break;
case 2:
str = '#5a90e11F;';
sfr = '#5a90e10A;';
sfr = '#5a90e105;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'Under review';
break;
case 3:
str = '#8888881F;';
sfr = '#8888880A;';
sfr = '#88888805;';
sgr = '#8888884D;';
skr = '#888888;';
slr = 'Reject';
break;
case 4:
str = '#5a90e11F;';
sfr = '#5a90e10A;';
sfr = '#5a90e105;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'Revision';
break;
case 5:
str = '#5fab3b1F;';
sfr = '#5fab3b0A;';
sfr = '#5fab3b05;';
sgr = '#5fab3b4D;';
skr = '#5fab3b;';
slr = 'Accepted';
break;
case 6:
str = '#5a90e11F;';
sfr = '#5a90e10A;';
sfr = '#5a90e105;';
sgr = '#5a90e14D;';
skr = '#5a90e1;';
slr = 'Fininal decision';
break;
default:
str = '#8888881F;';
sfr = '#8888880A;';
sfr = '#88888805;';
sgr = '#8888884D;';
skr = '#888888;';
slr = 'error!!';
}
if (num == '1') {
return 'border-color:'+sgr;
return 'border-color:' + sgr;
}
if (num == '2') {
return 'background-color:'+sfr;
return 'background-color:' + sfr;
}
if (num == '3') {
return 'background-color:'+str;
return 'background-color:' + str + ';border-color:' + sgr;
}
if (num == '4') {
return 'color:'+skr;
return 'color:' + skr;
}
if (num == 'tst') {
return slr;
@@ -612,7 +695,7 @@
}
.mangu_list .man_title {
margin: 10px 0 18px 0;
margin: 0 80px 10px 0;
font-weight: bolder;
letter-spacing: -0.5px;
font-size: 16px;
@@ -625,22 +708,14 @@
}
.mangu_list .man_con {
margin: 0 0 12px 0;
}
.mangu_list .man_con>span {
border-radius: 5px;
font-size: 12px;
margin: 0 25px 0 0;
color: #006699;
background-color: #e0edf3;
padding: 2px 8px;
margin: 0 0 10px 0;
}
.mangu_list .man_state {
position: absolute;
right: 0;
top: 0;
right: -1px;
top: -1px;
border: 1px solid #fff;
color: #fff;
text-align: center;
padding: 6px 18px;
@@ -659,14 +734,29 @@
margin: 0 5px 0 0;
}
.mangu_list .man_btn {
.mangu_list .man_progess>a>b {
margin-left: 5px;
color: #5a90e1;
text-decoration: underline;
}
.mangu_list .man_progess>a>b:hover {
color: #006699;
}
.mangu_list .man_btn {
/* color: #006699; */
position: absolute;
bottom: 25px;
right: 25px;
font-size: 15px;
}
.mangu_list .man_btn>span {
/* text-decoration: underline; */
}
.mangu_list .man_btn>span:hover {
text-decoration: underline;
cursor: pointer;
@@ -685,4 +775,52 @@
.art_state_message {
margin: 0 20px 0 0;
}
.art_process_ {
border: 0;
padding: 0;
}
.art_process_ .art_process_list:first-child {
padding-top: 0;
}
.art_author_list {
margin: 0 0 0 5px;
}
.art_author_list .com_shu {
background-color: #006699;
color: #fff;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
margin: 0 10px 0 0;
}
.el-collapse {
border-bottom: 0;
}
.art_author_coment {}
.art_author_coment>p {
margin: 10px 0 0 28px;
line-height: 20px;
}
.art_author_coment>p:first-child {
margin-top: 0;
}
.art_author_coment>p>font {
display: block;
margin: 0 0 2px 0;
color: #888;
font-weight: bold;
letter-spacing: -0.5px;
}
</style>