859 lines
40 KiB
Vue
859 lines
40 KiB
Vue
<template>
|
|
<div>
|
|
<div class="crumbs">
|
|
<el-breadcrumb separator="/">
|
|
<el-breadcrumb-item>
|
|
<i class="el-icon-collection"></i>
|
|
<router-link :to="{ path: '/peerewer' }">
|
|
<span class="top_dao"> Reviewer Article</span>
|
|
</router-link>
|
|
>> Reviewer Article Detail
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
</div>
|
|
<div
|
|
class="container_l"
|
|
v-loading="loading"
|
|
element-loading-text="Loading..."
|
|
element-loading-spinner="el-icon-loading"
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
>
|
|
<el-row :gutter="20">
|
|
<el-col :span="10">
|
|
<iframe ref="mainiframe" :src="pdfUrl" class="lookpdf" frameborder="0"></iframe>
|
|
</el-col>
|
|
<el-col :span="14" style="height: 760px; overflow-y: scroll">
|
|
<!-- <el-col :span="24"> -->
|
|
<el-card class="box-card">
|
|
<div class="tet_list" :model="txt_mess">
|
|
<h4>{{ txt_mess.article_title }}</h4>
|
|
<h5>
|
|
<a :href="txt_mess.website" target="_blank" class="titlink">{{ txt_mess.title }}</a>
|
|
<span style="margin: 0 10px"> >> </span>
|
|
Manuscript ID: {{ txt_mess.accept_sn }}
|
|
</h5>
|
|
<p style="display: inline-block; margin: 0 35px"><b>Type :</b> {{ txt_mess.atype }}</p>
|
|
<p style="display: inline-block"><b>Submitted time :</b> {{ txt_mess.ctime }}</p>
|
|
<div>
|
|
<p><b>Abstract :</b> <br />{{ txt_mess.abstrart }}</p>
|
|
<div class="file_sty" v-for="item in fileList" style="margin-top: 15px">
|
|
<img src="../../assets/img/icon_0.png" alt="" class="icon_img" />
|
|
<a :href="mediaUrl + item.file_url" target="_blank" class="txt_pdf"
|
|
>Manuscirpt
|
|
<span style="margin-left: 50px; color: #888; font-size: 13px">{{ item.ctime }}</span>
|
|
<i class="el-icon-download" style="margin-left: 20px; color: #66b1ff; font-weight: bold"></i> </a
|
|
><br />
|
|
</div>
|
|
|
|
<div class="file_sty" v-for="item in picList">
|
|
<img src="../../assets/img/icon_0.png" alt="" class="icon_img" />
|
|
<a :href="mediaUrl + item.file_url" target="_blank" class="txt_pdf"
|
|
>Figures and Tables
|
|
<span style="margin-left: 50px; color: #888; font-size: 13px">{{ item.ctime }}</span>
|
|
<i class="el-icon-download" style="margin-left: 20px; color: #66b1ff; font-weight: bold"></i> </a
|
|
><br />
|
|
</div>
|
|
<div class="file_sty" v-for="item in SMList">
|
|
<img src="../../assets/img/icon_0.png" alt="" class="icon_img" />
|
|
<a :href="mediaUrl + item.file_url" target="_blank" class="txt_pdf"
|
|
>Supplementary Material
|
|
<span style="margin-left: 50px; color: #888; font-size: 13px">{{ item.ctime }}</span>
|
|
<i class="el-icon-download" style="margin-left: 20px; color: #66b1ff; font-weight: bold"></i> </a
|
|
><br />
|
|
</div>
|
|
|
|
<p style="margin-top: 5px; color: #999; font-size: 14px">
|
|
<b style="color: #e41411">Download failed?</b>
|
|
<br />If you have upgraded the Google Chrome browser to version 86, released on October 6, 2020, you may
|
|
have noticed that some file downloads don't work anymore in the browser. You click on the download link
|
|
and nothing happens. <br />1. Right now, the easiest option available is to
|
|
<b style="color: #e41411">right-click on the download link and select "save link as".</b>
|
|
The download is executed when you do that.
|
|
<br />2. Please try to use a different browser for downloads. For now, a browser like Firefox, Internet
|
|
Explorer, Brave, Vivaldi, the new Edge, or Opera all allow the download.
|
|
</p>
|
|
</div>
|
|
<!-- <p class="morSou" v-if="!morShow" @click="morShow=true">
|
|
<i class="el-icon-bottom"></i>
|
|
More article information
|
|
</p>
|
|
<p class="morSou" v-if="morShow" @click="morShow=false">
|
|
<i class="el-icon-top"></i>
|
|
More article information
|
|
</p> -->
|
|
</div>
|
|
</el-card>
|
|
|
|
<el-card class="box-card" v-if="this.add_apply == 1">
|
|
Thank you for your time and consideration on the manuscript. We are sorry that this manuscript has went through peer
|
|
review and the final decision has been obtained according to the timetable. Accordingly, your review process has
|
|
been discontinued. Your comments do not need to be submitted now. We would like to express our sincere gratitude for
|
|
your contributions as well.
|
|
</el-card>
|
|
|
|
<el-card class="box-card" v-if="this.add_apply == 0">
|
|
<el-form :model="questionform" :rules="rules" ref="question" label-width="300px" label-position="top">
|
|
<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
|
|
<el-row :gutter="24">
|
|
<el-col :span="24">
|
|
<el-form-item prop="qu6">
|
|
<span slot="label">
|
|
1.Does the manuscript fall within the aim and scope of the journal?
|
|
<a :href="txt_mess.aim_web" target="_blank" class="jouLink">( Aims & Scope ) </a>
|
|
</span>
|
|
<el-radio-group v-model="questionform.qu6">
|
|
<el-radio :label="1">Excellent</el-radio>
|
|
<el-radio :label="2">Good</el-radio>
|
|
<el-radio :label="3">Fair</el-radio>
|
|
<el-radio :label="4">Poor</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="2.Originality of the topic">
|
|
<el-radio-group v-model="questionform.qu1">
|
|
<el-radio :label="1">Excellent</el-radio>
|
|
<el-radio :label="2">Good</el-radio>
|
|
<el-radio :label="3">Fair</el-radio>
|
|
<el-radio :label="4">Poor</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="3.Importance in its Field">
|
|
<el-radio-group v-model="questionform.qu3">
|
|
<el-radio :label="1">Excellent</el-radio>
|
|
<el-radio :label="2">Good</el-radio>
|
|
<el-radio :label="3">Fair</el-radio>
|
|
<el-radio :label="4">Poor</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="4.English language">
|
|
<el-radio-group v-model="questionform.qu8">
|
|
<el-radio :label="1">Excellent</el-radio>
|
|
<el-radio :label="2">Good</el-radio>
|
|
<el-radio :label="3">Fair</el-radio>
|
|
<el-radio :label="4">Poor</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="5.Readily Understandable">
|
|
<el-radio-group v-model="questionform.qu5">
|
|
<el-radio :label="1">Excellent</el-radio>
|
|
<el-radio :label="2">Good</el-radio>
|
|
<el-radio :label="3">Fair</el-radio>
|
|
<el-radio :label="4">Poor</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-collapse>
|
|
<el-form-item label="6.Does the title represent manuscript's contents?">
|
|
<el-col :span="4">
|
|
<el-radio-group v-model="questionform.qu9">
|
|
<el-radio :label="true">Yes</el-radio>
|
|
<el-radio :label="false">No</el-radio>
|
|
</el-radio-group>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-collapse-item name="1" style="margin-top: -10px">
|
|
<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.qu9contents"
|
|
:rows="4"
|
|
></el-input>
|
|
</el-collapse-item>
|
|
</el-col>
|
|
</el-form-item>
|
|
</el-collapse>
|
|
|
|
<el-collapse>
|
|
<el-form-item label="7.Is the Abstract accurate and concise?">
|
|
<el-col :span="4">
|
|
<el-radio-group v-model="questionform.qu10">
|
|
<el-radio :label="true">Yes</el-radio>
|
|
<el-radio :label="false">No</el-radio>
|
|
</el-radio-group>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-collapse-item name="2" style="margin-top: -10px">
|
|
<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.qu10contents"
|
|
:rows="4"
|
|
></el-input>
|
|
</el-collapse-item>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="8.Are the approach/ methods properly described?">
|
|
<el-col :span="4">
|
|
<el-radio-group v-model="questionform.qu11">
|
|
<el-radio :label="true">Yes</el-radio>
|
|
<el-radio :label="false">No</el-radio>
|
|
</el-radio-group>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-collapse-item name="3" style="margin-top: -10px">
|
|
<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.qu11contents"
|
|
:rows="4"
|
|
></el-input>
|
|
</el-collapse-item>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="9.Are the conclusions and interpretations sound?">
|
|
<el-col :span="4">
|
|
<el-radio-group v-model="questionform.qu12">
|
|
<el-radio :label="true">Yes</el-radio>
|
|
<el-radio :label="false">No</el-radio>
|
|
</el-radio-group>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-collapse-item name="4" style="margin-top: -10px">
|
|
<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.qu12contents"
|
|
:rows="4"
|
|
></el-input>
|
|
</el-collapse-item>
|
|
</el-col>
|
|
</el-form-item>
|
|
<el-form-item label="10.Are the references properly cited?">
|
|
<el-col :span="4">
|
|
<el-radio-group v-model="questionform.qu13">
|
|
<el-radio :label="true">Yes</el-radio>
|
|
<el-radio :label="false">No</el-radio>
|
|
</el-radio-group>
|
|
</el-col>
|
|
<el-col :span="20">
|
|
<el-collapse-item name="5" style="margin-top: -10px">
|
|
<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.qu13contents"
|
|
:rows="4"
|
|
></el-input>
|
|
</el-collapse-item>
|
|
</el-col>
|
|
</el-form-item>
|
|
|
|
<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
|
|
<el-form-item label="Overall the Paper is Rated" prop="rated">
|
|
( <span style="color: #e41411">←←←←← Bad ←←← Poor</span>
|
|
<span style="width: 10px; display: inline-block"></span>
|
|
<span style="color: #369916">Accept → Superior → Excellent</span>)
|
|
<br />
|
|
<el-radio-group v-model="questionform.rated" size="small">
|
|
<el-radio-button label="1"></el-radio-button>
|
|
<el-radio-button label="2"></el-radio-button>
|
|
<el-radio-button label="3"></el-radio-button>
|
|
<el-radio-button label="4"></el-radio-button>
|
|
<el-radio-button label="5"></el-radio-button>
|
|
<el-radio-button label="6"></el-radio-button>
|
|
<el-radio-button label="7"></el-radio-button>
|
|
<el-radio-button label="8"></el-radio-button>
|
|
<el-radio-button label="9"></el-radio-button>
|
|
<el-radio-button label="10"></el-radio-button>
|
|
</el-radio-group>
|
|
<span style="margin-left: 20px">Your score : {{ questionform.rated }}</span>
|
|
</el-form-item>
|
|
<el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
|
|
<el-radio-group v-model="questionform.recommend" style="line-height: 30px">
|
|
<el-radio :label="1">Minor revision</el-radio>
|
|
<br />
|
|
<el-radio :label="2">Major revision</el-radio>
|
|
<br />
|
|
<!-- TMR BMEC MDM .-->
|
|
<div v-if="journal_id == 1 || journal_id == 23 || journal_id == 10">
|
|
<el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
|
|
<br />
|
|
<el-radio :label="4">Reject</el-radio>
|
|
</div>
|
|
<!-- 其他期刊 -->
|
|
<div v-else>
|
|
<el-radio :label="4">Reject</el-radio>
|
|
</div>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
<!-- <el-form-item label="OTHER SPECIFIC CRITICISMS">
|
|
<el-radio-group v-model="questionform.other" style="line-height: 30px;">
|
|
<el-radio :label="1">Imperfect style</el-radio>
|
|
<br />
|
|
<el-radio :label="2">Too long</el-radio>
|
|
<br />
|
|
<el-radio :label="3">References incorrectly presented</el-radio>
|
|
<br />
|
|
<el-radio :label="4">Typographical and Grammatical errors</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item> -->
|
|
<el-form-item
|
|
label="Comments for the Authors"
|
|
v-if="this.txt_mess.atype == 'Comment' || this.txt_mess.atype == 'News'"
|
|
>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.comment"
|
|
:rows="8"
|
|
></el-input>
|
|
</el-form-item> <el-form-item label="" v-if="articleId">
|
|
<common-word-html :articleId="articleId" style="box-sizing: border-box"
|
|
></common-word-html>
|
|
</el-form-item>
|
|
<el-form-item
|
|
label="Comments for the Authors"
|
|
prop="comment"
|
|
v-if="this.txt_mess.atype != 'Comment' && this.txt_mess.atype != 'News'"
|
|
>
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.comment"
|
|
:rows="8"
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="Confidential Comments to the Editor">
|
|
<el-input
|
|
type="textarea"
|
|
placeholder="please input content"
|
|
v-model="questionform.confident"
|
|
:rows="8"
|
|
></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item label="Please choose disclose your name or remain anonymous">
|
|
<el-radio-group v-model="questionform.is_anonymous" style="line-height: 30px">
|
|
<el-radio :label="0">Disclose name</el-radio>
|
|
<br />
|
|
<el-radio :label="1">Remain anonymous</el-radio>
|
|
</el-radio-group>
|
|
<p style="line-height: 20px; color: #aaa; font-size: 13px; margin: 12px 0 0 0">
|
|
If you agree to disclose your name, we will acknowledge you by name in the published PDF. However,
|
|
if you prefer to remain anonymous, we will still express our gratitude by thanking you as an
|
|
anonymous reviewer.
|
|
<br />For example, {{ txt_mess.title }} would like to thank AAAAAAAA, BBBBBBBB, and other anonymous
|
|
reviewers for their invaluable contributions to the peer review process of this paper.
|
|
</p>
|
|
</el-form-item>
|
|
<el-form-item v-if="this.btn_submit == 0">
|
|
<el-button type="primary" @click="questionSubmit">submit</el-button>
|
|
</el-form-item>
|
|
</el-collapse>
|
|
</el-form>
|
|
</el-card>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import pdf from 'vue-pdf';
|
|
export default {
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
articleId: null,
|
|
Direct_log: this.$route.query.act,
|
|
Art_id: this.$route.query.Art_id,
|
|
// morShow: false,
|
|
txt_mess: {},
|
|
fileList: [],
|
|
picList: [],
|
|
SMList: [], //补充材料
|
|
mediaUrl: this.Common.mediaUrl,
|
|
add_edit: {
|
|
article_id: this.$route.query.Art_id,
|
|
user_id: localStorage.getItem('U_id'),
|
|
content: ''
|
|
},
|
|
head_line: '',
|
|
questionform: {
|
|
rev_qu_id: '',
|
|
art_rev_id: this.$route.query.Art_id,
|
|
qu1: '',
|
|
qu2: '',
|
|
qu3: '',
|
|
qu4: '',
|
|
qu5: '',
|
|
qu6: '',
|
|
qu7: '',
|
|
qu8: '',
|
|
qu9: '',
|
|
qu9contents: '',
|
|
qu10: '',
|
|
qu10contents: '',
|
|
qu11: '',
|
|
qu11contents: '',
|
|
qu12: '',
|
|
qu12contents: '',
|
|
qu13: '',
|
|
qu13contents: '',
|
|
qu14: '',
|
|
qu14contents: '',
|
|
qu15: '',
|
|
qu15contents: '',
|
|
rated: '',
|
|
recommend: '',
|
|
other: '',
|
|
confident: '',
|
|
comment: '',
|
|
is_anonymous: ''
|
|
},
|
|
add_apply: 0,
|
|
btn_submit: 0,
|
|
pdfUrl: '',
|
|
journal_id: null,
|
|
rules: {
|
|
qu6: [
|
|
{
|
|
required: true,
|
|
message: 'please select',
|
|
trigger: 'blur'
|
|
}
|
|
],
|
|
rated: [
|
|
{
|
|
required: true,
|
|
message: 'please select',
|
|
trigger: 'blur'
|
|
}
|
|
],
|
|
comment: [
|
|
{
|
|
required: true,
|
|
message: 'please input content',
|
|
trigger: 'blur'
|
|
}
|
|
],
|
|
recommend: [
|
|
{
|
|
required: true,
|
|
message: 'please select',
|
|
trigger: 'blur'
|
|
}
|
|
]
|
|
}
|
|
};
|
|
},
|
|
created() {
|
|
if (this.Direct_log == null) {
|
|
this.getData();
|
|
} else {
|
|
this.$api
|
|
.post('api/Chief/autoLoginForChief', {
|
|
code: this.Direct_log
|
|
})
|
|
.then((res) => {
|
|
if (res.code == 0) {
|
|
localStorage.setItem('U_role', res.data.roles);
|
|
localStorage.setItem('U_name', res.data.user.account);
|
|
localStorage.setItem('U_id', res.data.user.user_id);
|
|
localStorage.setItem('U_relname', res.data.user.realname);
|
|
|
|
this.$api
|
|
.post('api/Reviewer/agreeReviewerArticle', {
|
|
art_rev_id: this.Art_id
|
|
})
|
|
.then((res) => {
|
|
this.getData();
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err);
|
|
});
|
|
} else {
|
|
this.$message.error(res.msg);
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err);
|
|
});
|
|
}
|
|
},
|
|
methods: {
|
|
getData() {
|
|
// 获取文章信息
|
|
this.$api
|
|
.post('api/Reviewer/getartrevdate', {
|
|
revid: this.Art_id,
|
|
human: 'reviewer'
|
|
})
|
|
.then((res) => {
|
|
this.articleId=res.article_id
|
|
if (res.state != 0) {
|
|
this.btn_submit = 1;
|
|
}
|
|
|
|
let date = new Date(parseInt(res.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.ctime = Y + M + D;
|
|
|
|
this.txt_mess = res;
|
|
this.journal_id = res.journal_id;
|
|
console.log('journal_id', this.journal_id);
|
|
|
|
// 文章状态
|
|
if (res.astate == 2) {
|
|
this.add_apply = 0;
|
|
} else {
|
|
this.add_apply = 1;
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err);
|
|
});
|
|
|
|
this.$api
|
|
.post('api/Reviewer/getAFilelistByID ', {
|
|
revid: this.Art_id
|
|
})
|
|
.then((res) => {
|
|
for (var i = 0; i < res.data.length; i++) {
|
|
let date = new Date(parseInt(res.data[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[i].ctime = Y + M + D;
|
|
}
|
|
this.fileList = res.data;
|
|
|
|
// 获取格式
|
|
let pdfOut = this.fileList[this.fileList.length - 1].file_url;
|
|
|
|
if (pdfOut.substring(pdfOut.lastIndexOf('.') + 1) == 'docx') {
|
|
this.pdfUrl =
|
|
'https://view.officeapps.live.com/op/view.aspx?src=https://submission.tmrjournals.com/public/' + pdfOut+`&ui=en-US`;
|
|
// this.pdfUrl =
|
|
// 'https://view.xdocin.com/view?src=https://submission.tmrjournals.com/public/' +
|
|
// pdfOut
|
|
} else {
|
|
this.pdfUrl = 'https://submission.tmrjournals.com/public/' + pdfOut+`&ui=en-US`;
|
|
}
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err);
|
|
});
|
|
|
|
this.$api
|
|
.post('api/Reviewer/getBFilelistByID', {
|
|
revid: this.Art_id
|
|
})
|
|
.then((res) => {
|
|
for (var i = 0; i < res.data.length; i++) {
|
|
let date = new Date(parseInt(res.data[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[i].ctime = Y + M + D;
|
|
}
|
|
this.picList = res.data;
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err);
|
|
});
|
|
this.$api
|
|
.post('api/Reviewer/getCFilelistByID', {
|
|
revid: this.Art_id
|
|
})
|
|
.then((res) => {
|
|
for (var i = 0; i < res.data.length; i++) {
|
|
let date = new Date(parseInt(res.data[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[i].ctime = Y + M + D;
|
|
}
|
|
this.SMList = res.data;
|
|
})
|
|
.catch((err) => {
|
|
this.$message.error(err);
|
|
});
|
|
|
|
//初始化问卷
|
|
this.$api
|
|
.post('api/Reviewer/getQuestion', {
|
|
artrevid: this.Art_id
|
|
})
|
|
.then((res) => {
|
|
if (res.code == 0) {
|
|
this.questionform.rev_qu_id = res.data.rev_qu_id;
|
|
this.questionform.qu1 = res.data.qu1;
|
|
this.questionform.qu2 = res.data.qu2;
|
|
this.questionform.qu3 = res.data.qu3;
|
|
this.questionform.qu4 = res.data.qu4;
|
|
this.questionform.qu5 = res.data.qu5;
|
|
this.questionform.qu6 = res.data.qu6;
|
|
this.questionform.qu7 = res.data.qu7;
|
|
this.questionform.qu8 = res.data.qu8;
|
|
this.questionform.qu9 = res.data.qu9 == 0 ? false : true;
|
|
this.questionform.qu9contents = res.data.qu9_contents;
|
|
this.questionform.qu10 = res.data.qu10 == 0 ? false : true;
|
|
this.questionform.qu10contents = res.data.qu10_contents;
|
|
this.questionform.qu11 = res.data.qu11 == 0 ? false : true;
|
|
this.questionform.qu11contents = res.data.qu11_contents;
|
|
this.questionform.qu12 = res.data.qu12 == 0 ? false : true;
|
|
this.questionform.qu12contents = res.data.qu12_contents;
|
|
this.questionform.qu13 = res.data.qu13 == 0 ? false : true;
|
|
this.questionform.qu13contents = res.data.qu13_contents;
|
|
this.questionform.qu14 = res.data.qu14 == 0 ? false : true;
|
|
this.questionform.qu14contents = res.data.qu14_contents;
|
|
this.questionform.qu15 = res.data.qu15 == 0 ? false : true;
|
|
this.questionform.qu15contents = res.data.qu15_contents;
|
|
this.questionform.rated = res.data.rated;
|
|
this.questionform.recommend = res.data.recommend;
|
|
this.questionform.other = res.data.other;
|
|
this.questionform.confident = res.data.confidential;
|
|
this.questionform.comment = res.data.comments;
|
|
this.questionform.is_anonymous = res.data.is_anonymous;
|
|
}
|
|
});
|
|
},
|
|
|
|
questionSubmit() {
|
|
if (this.questionform.is_anonymous == '' && this.questionform.is_anonymous != '0') {
|
|
this.$message.error('Please choose disclose your name or remain anonymous.');
|
|
|
|
return false;
|
|
}
|
|
const regex = /[\u4E00-\u9FA5\uF900-\uFA2D]{1,}/;
|
|
if (this.questionform.comment && this.questionform.comment != '') {
|
|
if (regex.test(this.questionform.comment)) {
|
|
// 如果输入的是中文，则清空输入框
|
|
this.$message.error('Comments for the Authors cannot use Chinese.');
|
|
|
|
return false;
|
|
}
|
|
}
|
|
if (this.questionform.confident && this.questionform.confident != '') {
|
|
if (regex.test(this.questionform.confident)) {
|
|
// 如果输入的是中文，则清空输入框
|
|
this.$message.error('Confidential Comments to the Editor cannot be in Chinese.');
|
|
|
|
return false;
|
|
}
|
|
}
|
|
// 验证相加的字数
|
|
let Char_Cter =
|
|
this.questionform.qu9contents +
|
|
' ' +
|
|
this.questionform.qu10contents +
|
|
' ' +
|
|
this.questionform.qu11contents +
|
|
' ' +
|
|
this.questionform.qu12contents +
|
|
' ' +
|
|
this.questionform.qu13contents +
|
|
' ' +
|
|
this.questionform.comment;
|
|
if (new RegExp('[\\u4E00-\\u9FFF]+', 'g').test(Char_Cter)) {
|
|
//中文
|
|
let blankCount = 0;
|
|
for (let i in Char_Cter.match(/ /g)) {
|
|
blankCount++;
|
|
}
|
|
let wenziCount = 0;
|
|
for (let j = 0; j < Char_Cter.length; j++) {
|
|
if (Char_Cter.charCodeAt(j) < 0 || Char_Cter.charCodeAt(j) > 255) {
|
|
wenziCount++;
|
|
}
|
|
}
|
|
|
|
if (blankCount + wenziCount <= 60) {
|
|
this.$message.error('We encourage you to enrich your comment further to help improve the peer paper.');
|
|
this.$message({
|
|
offset: '380',
|
|
type: 'error',
|
|
message: 'We encourage you to enrich your comment further to help improve the peer paper.'
|
|
});
|
|
return false;
|
|
}
|
|
} else {
|
|
//英文
|
|
let blankCount = 0;
|
|
for (let i in Char_Cter.match(/ /g)) {
|
|
blankCount++;
|
|
}
|
|
if (blankCount <= 50) {
|
|
this.$message.error('We encourage you to enrich your comment further to help improve the peer paper.');
|
|
this.$message({
|
|
offset: '380',
|
|
type: 'error',
|
|
message: 'We encourage you to enrich your comment further to help improve the peer paper.'
|
|
});
|
|
return false;
|
|
}
|
|
}
|
|
// 提交接口
|
|
this.loading = true;
|
|
this.$refs.question.validate((valid) => {
|
|
if (valid) {
|
|
this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
|
|
if (res.code == 0) {
|
|
this.loading = false;
|
|
this.$message.success('Success!!');
|
|
this.getData();
|
|
this.$router.push('/per_text_success');
|
|
} else {
|
|
this.loading = false;
|
|
// this.$message.error('Question submit error!');
|
|
this.$message.error(res.msg);
|
|
}
|
|
});
|
|
} else {
|
|
this.loading = false;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
mounted() {}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.tet_list {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.box-card {
|
|
margin-bottom: 20px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.upload-txtc .el-upload-list__item .el-icon-upload-success {
|
|
display: none !important;
|
|
}
|
|
|
|
.tet_list h5 {
|
|
font-size: 15px;
|
|
margin: 20px 0 5px 0;
|
|
font-weight: normal;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tet_list p {
|
|
font-family: Calibri;
|
|
line-height: 22px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.file_sty {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.file_sty a {
|
|
color: #606266;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.file_sty a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.red {
|
|
color: #ff0000;
|
|
}
|
|
|
|
.el-collapse {
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.top_dao:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.icon_img {
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.trah_c .icon_img {
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0 20px;
|
|
}
|
|
|
|
.el-divider {
|
|
background-color: #006699;
|
|
}
|
|
|
|
.container_l {
|
|
min-width: 1000px;
|
|
}
|
|
|
|
.container_l .box-card {
|
|
height: auto;
|
|
}
|
|
|
|
.lookpdf {
|
|
height: 760px;
|
|
width: 100%;
|
|
}
|
|
|
|
.titlink {
|
|
color: #006699;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.morSou {
|
|
color: #006699;
|
|
text-align: right;
|
|
font-weight: bold;
|
|
margin: 5px 0 -10px 0;
|
|
}
|
|
|
|
.morSou i {
|
|
margin-right: 3px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.morSou:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.jouLink {
|
|
color: #006699;
|
|
font-weight: bold;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.jouLink:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
/*
|
|
#WACRibbonPanel {
|
|
display: none;
|
|
}
|
|
|
|
.css-124 {
|
|
display: none;
|
|
}
|
|
|
|
.css-138 {
|
|
display: none;
|
|
} */
|
|
</style>
|