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

275
src/components/page/articleProcessRevision.vue
View File

@@ -21,33 +21,66 @@
<i @click="man_detal()" class="det_cssep">Manuscript Detail</i>
</b>
</p>
<el-row :gutter="30">
<el-col :span="15">
<div class="art_author_">
<h2>
Coment from reviewers
</h2>
<div class="art_author_list">
<b>1</b>reviewers <span>202-50-60</span>
<p>reviewersreviewersreviewersreviewersreviewers</p>
</div>
<div class="art_author_list">
<b>1</b>reviewers <span>202-50-60</span>
<p>reviewersreviewersreviewersreviewersreviewers</p>
</div>
<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>
</div>
<div class="art_author_">
<h2>
<h2 style="margin-bottom: 20px;">
Coment from editor
</h2>
<div class="art_author_peng">
<img src="../../assets/img/icon_0.png">
files
<span>202-50-60</span>
<div v-if="fileEditor!=''" v-for="(item,index) in fileEditor" class="art_author_peng">
<a :href="mediaUrl + item.proposal_file">
<img src="../../assets/img/icon_0.png">
files{{index+1}}
<span>{{formatDate1(item.ap_ctime)}}</span>
<i class="el-icon-download download"></i>
</a>
</div>
<p v-if="fileEditor==''" style="color: #888888;margin: 0 0 0 10px;">No coment</p>
</div>
<div class="art_caozuo_">
<div class="art_author_btn">
<div class="art_file_btn_text">
@@ -101,7 +134,7 @@
</el-upload>
</p>
<br clear="both">
<el-button type="primary" @click="onSubmit" style="margin: 0 0 0 170px;">Submit</el-button>
<el-button type="primary" @click="onSubmit" style="margin: 0 0 0 107px;">Submit</el-button>
</div>
</div>
</el-col>
@@ -112,25 +145,20 @@
</h2>
<div v-for="item in talkMsgs" class="kuang_communtion_conmt">
<div v-if="item.username != userName" class="talk_aued">
<p>
Editor :
</p>
<p> Editor : </p>
<el-card>
<p>{{ item.ad_content }}</p>
</el-card>
<b>{{formatDate(item.ad_ctime)}}</b>
</div>
<div v-if="item.username == userName" class="talk_aued talk_edit">
<p>
Author :
</p>
<p> Author : </p>
<el-card>
<p>{{ item.ad_content }}</p>
</el-card>
<b>{{formatDate(item.ad_ctime)}}</b>
</div>
</div>
<div class="kuang_communtion_input">
<p v-if="talkMsgs"></p>
<el-input type="textarea" rows="3" v-model="msgform.ad_content" placeholder="Editor messages" resize="none"></el-input>
@@ -142,7 +170,6 @@
</div>
</el-col>
</el-row>
</div>
<el-dialog title="Manuscript Basic Information" :visible.sync="Detailvisible" width="800px">
<div class="art_state_message">
@@ -286,6 +313,7 @@
userName: localStorage.getItem('U_name'),
loading: false,
Detailvisible: false,
activeComment: [0],
activeNames: ['2'],
authorList_name: '',
artMes: {
@@ -296,7 +324,9 @@
article_id: this.$route.query.id,
ad_content: ''
},
comentDeploy: [],
talkMsgs: [],
fileEditor: [],
coverLetterFileList: [],
picturesAndTablesFileList: [],
totalpageFileList: [],
@@ -363,12 +393,14 @@
}
}
this.authorList_name = "Author : " + alist_name.join("");
// 审稿人意见
this.comentDeploy = res.suggest
})
.catch((err) => {
console.log(err);
});
//初始化filelist
this.$api
.post('api/Article/getFilelistByArticleID', {
@@ -384,6 +416,17 @@
console.log(err);
});
// 编辑上传的文件
this.$api
.post('api/Article/getArticleProposals', {
article_id: this.articleId
})
.then(res => {
this.fileEditor = res.data.proposals;
})
.catch(err => {
console.log(err);
});
// 留言板列表
this.$api
@@ -414,6 +457,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;
},
// 保存留言
@@ -433,44 +483,39 @@
// 上传文件
onSubmit() {
this.$refs.articleform.validate((valid) => {
//验证文件
// if (this.form.manuscirpt == '') {
// this.$message.error('Manuscirpt is required');
// console.log('file up error');
// return false;
// }
// //验证文章作者
// var alist = this.form.authorList;
// for (var i in alist) {
// if (alist[i].author != '' && alist[i].isReport && alist[i].email == '') {
// this.$message.error("The corresponding author's email is required");
// return false;
// }
// }
if (valid) {
this.loading = true;
this.$api
.post('api/Article/editArticle', this.form)
.then((res) => {
this.loading = false;
if (res.code == 0) {
this.$message.success('success');
this.initarticle();
} else {
this.$message.error('Failed to submit, please contact administrator!');
console.log(res.msg);
}
})
.catch((err) => {
console.log(err);
});
} else {
this.$message.error('Failed to submit. Please ensure the integrity of the information');
console.log('error submit!!');
//验证文件
if (this.msgform.totalpage == undefined || this.msgform.manuscirpt == undefined) {
this.$message.error(
'Failed to submit. Please upload manuscirpt and title page,ensure the integrity of the information');
return false;
}
// //验证文章作者
var alist = this.artMes.authorList;
for (var i in alist) {
if (alist[i].author != '' && alist[i].isReport && alist[i].email == '') {
this.$message.error("The corresponding author's email is required");
return false;
}
});
}
this.loading = true;
this.$api
.post('api/Article/editArticle', this.msgform)
.then((res) => {
this.loading = false;
if (res.code == 0) {
this.$message.success('success');
this.loading = false;
this.initarticle();
} else {
this.$message.error('Failed to submit, please contact administrator!');
console.log(res.msg);
}
})
.catch((err) => {
console.log(err);
});
},
@@ -533,8 +578,6 @@
this.msgform.manuscirpt = '';
},
statetostr(mystate) {
let str = '';
switch (mystate) {
@@ -572,61 +615,61 @@
let frag = '';
switch (e) {
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;
},
@@ -657,6 +700,7 @@
font-size: 16px;
display: block;
margin: 5px 0 0 0;
letter-spacing: -0.5px;
}
.art_suthor_message .det_cssep {
@@ -668,6 +712,7 @@
border-radius: 5px;
cursor: pointer;
font-style: normal;
letter-spacing: 0;
}
.art_suthor_message .det_cssep:hover {
@@ -689,11 +734,10 @@
}
.art_author_list {
border-bottom: 1px solid #dcdfe6;
padding: 15px 0 25px 10px;
margin: 0 0 0 5px;
}
.art_author_list b {
.art_author_list .com_shu {
background-color: #006699;
color: #fff;
display: inline-block;
@@ -702,35 +746,40 @@
line-height: 18px;
text-align: center;
margin: 0 10px 0 0;
}
.art_author_list span {
color: #888;
margin: 0 0 0 15px;
}
.art_author_list p {
margin: 10px 0 0 28px;
}
.art_author_peng {
margin: 20px 0 10px 10px;
margin: 10px 0 0px 10px;
line-height: 24px;
}
.art_author_peng>a {
color: #333;
}
.art_author_peng>img {
.art_author_peng>a:hover {
text-decoration: underline;
}
.art_author_peng>a>img {
width: 15px;
vertical-align: text-bottom;
margin: 0 10px 0 0;
margin: 0 15px 0 0;
}
.art_author_peng span {
.art_author_peng>a>span {
color: #888;
margin: 0 0 0 15px;
margin: 0 0 0 30px;
}
.art_author_peng>a>i {
font-weight: bold;
color: #75abf1;
margin: 0 0 0 18px;
}
.art_author_btn>div {
margin-bottom: 30px;
color: #006699;
@@ -738,8 +787,9 @@
.art_author_btn>h4 {
float: left;
width: 110px;
width: 105px;
padding: 8px 0 0 0;
letter-spacing: -0.5px;
}
.art_author_btn>p {
@@ -750,4 +800,27 @@
.el-upload__tip {
margin-left: 6px;
}
.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>