From e88aa21a6f09b1e6340d1589c560e93ccc167e42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E5=93=BC=E5=94=A7L?= <xl376837995@163.com>
Date: Wed, 14 Jun 2023 13:48:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=8D=E5=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/per_text_ls.vue   |   36 +-
 src/components/page/per_text_reex.vue | 1026 +++++++++++++++++++++++++
 2 files changed, 1046 insertions(+), 16 deletions(-)
 create mode 100644 src/components/page/per_text_reex.vue

diff --git a/src/components/page/per_text_ls.vue b/src/components/page/per_text_ls.vue
index 1dbdd0c..77a23c9 100644
--- a/src/components/page/per_text_ls.vue
+++ b/src/components/page/per_text_ls.vue
@@ -92,7 +92,7 @@
 								<b v-if="item.reviewer.user_id==User_Id">{{item.reviewer.account}}</b>
 								<b v-if="item.reviewer.user_id!=User_Id">XXXXXXXXXX</b>
 							</p>
-					
+
 							<p style="font-size: 14px;color: #666;margin-bottom: 5px;">Score :
 								<b>{{item.question.rated}}</b>
 							</p>
@@ -106,13 +106,12 @@
 							<p style="font-size: 14px;color: #666;margin: 0 0 20px 0;">Reviewed Time :
 								<b>{{item.ctime}}</b>
 							</p>
-							<el-button type="primary" size="mini" @click="ques_visible(item.question)" style="">
-								Referee's
-								Assessment</el-button>
+							<el-button type="primary" size="mini" @click="ques_visible(item.question)">
+								Referee's Assessment
+							</el-button>
 						</el-card>
 					</div>
-					
-					
+
 					<div style="font-size: 18px;text-align: center;margin: 0px 0px 25px;">All comments</div>
 					<div>
 						<el-card class="box-card conment_list" v-for="(item,index) in conmentList">
@@ -123,7 +122,6 @@
 								<b v-if="item.reviewer.user_id==User_Id">{{item.reviewer.account}}</b>
 								<b v-if="item.reviewer.user_id!=User_Id">XXXXXXXXXX</b>
 							</p>
-
 							<p style="font-size: 14px;color: #666;margin-bottom: 5px;">Score :
 								<b>{{item.question.rated}}</b>
 							</p>
@@ -137,13 +135,14 @@
 							<p style="font-size: 14px;color: #666;margin: 0 0 20px 0;">Reviewed Time :
 								<b>{{item.ctime}}</b>
 							</p>
-							<el-button type="primary" size="mini" @click="ques_visible(item.question)" style="">
-								Referee's
-								Assessment</el-button>
+							<el-button type="primary" size="mini" @click="ques_visible(item.question)">
+								Referee's Assessment
+							</el-button>
 						</el-card>
 					</div>
 
-					<el-card class="box-card">
+					<!-- 审稿意见出框 -->
+					<el-dialog :visible.sync="questionVisible" width="1000px">
 						<el-form :model="questionform" :rules="rules" ref="question" label-width="300px"
 							label-position="top">
 							<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
@@ -375,7 +374,7 @@
 								</el-form-item>
 							</el-collapse>
 						</el-form>
-					</el-card>
+					</el-dialog>
 
 				</el-col>
 			</el-row>
@@ -438,6 +437,7 @@
 					is_anonymous: ''
 				},
 				btn_submit: 0,
+				questionVisible:false,
 				pdfUrl: '',
 				rules: {
 					qu6: [{
@@ -519,7 +519,6 @@
 						res.ctime = Y + M + D;
 
 						this.txt_mess = res;
-
 					})
 					.catch(err => {
 						this.$message.error(err);
@@ -635,8 +634,7 @@
 					.catch(err => {
 						this.$message.error(err);
 					});
-					
-					
+
 			},
 
 			questionSubmit() {
@@ -711,7 +709,13 @@
 					});
 				}
 			},
-
+			
+			
+			//初始化问卷
+			ques_visible(e) {
+				this.questionVisible = true
+			}
+			
 		},
 		mounted() {
 
diff --git a/src/components/page/per_text_reex.vue b/src/components/page/per_text_reex.vue
new file mode 100644
index 0000000..068d00e
--- /dev/null
+++ b/src/components/page/per_text_reex.vue
@@ -0,0 +1,1026 @@
+<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-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 style="display: flex;margin: 10px 0 0 0;">
+									<p style="font-weight: bold;margin: 3px 25px 0 0;color: #006699;">Version 1 :</p>
+									<div>
+										<div class="file_sty" v-for="item in fileList">
+											<img src="../../assets/img/icon_0.png" alt="" class="icon_img">
+											<a :href='mediaUrl+item.file_url' target="_blank"
+												class="txt_pdf">{{item.type_name}}
+												<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>
+								</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>
+						</div>
+					</el-card>
+
+					<div style="font-size: 18px;text-align: center;margin: 0px 0px 25px;">My historical comments</div>
+
+					<div style="margin: 0 auto;">
+						<el-card class="box-card conment_list" v-for="(item,index) in conmentList">
+							<p style="margin: 0 0 15px 0;">
+								<b>Comment {{index+1}}</b>
+							</p>
+							<p style="font-size: 14px;color: #666;margin-bottom: 5px;">Reviewer :
+								<b v-if="item.reviewer.user_id==User_Id">{{item.reviewer.account}}</b>
+								<b v-if="item.reviewer.user_id!=User_Id">XXXXXXXXXX</b>
+							</p>
+							<p style="font-size: 14px;color: #666;margin-bottom: 5px;">Score :
+								<b>{{item.question.rated}}</b>
+							</p>
+							<p style="font-size: 14px;color: #666;margin-bottom: 5px;">Recommendation :
+								<b v-if="item.question.recommend == 1">Accept with minor revision</b>
+								<b v-if="item.question.recommend == 2">Accept with major revision</b>
+								<b v-if="item.question.recommend == 3">Reject in current form, but may be
+									resubmitted</b>
+								<b v-if="item.question.recommend == 4">Reject, with no resubmission</b>
+							</p>
+							<p style="font-size: 14px;color: #666;margin: 0 0 20px 0;">Reviewed Time :
+								<b>{{item.ctime}}</b>
+							</p>
+							<el-button type="primary" size="mini" @click="ques_visible(item.question)">
+								Referee's Assessment
+							</el-button>
+						</el-card>
+					</div>
+
+					<div style="font-size: 18px;text-align: center;margin: 10px 0px 25px;">Reexamine comments</div>
+
+					<!-- 审稿意见表格 -->
+					<el-card class="box-card" style="margin-bottom: 10px;">
+						<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">Accept with minor revision</el-radio>
+										<br />
+										<el-radio :label="2">Accept with major revision</el-radio>
+										<br />
+										<el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
+										<br />
+										<el-radio :label="4">Reject, with no resubmission</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="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>
+									<el-button type="primary" @click="questionSubmit">submit</el-button>
+								</el-form-item>
+							</el-collapse>
+						</el-form>
+					</el-card>
+
+					<!-- 审稿意见弹出 -->
+					<el-dialog :title="questComent.htitle+' commtents'" :visible.sync="questionVisible" width="800px">
+						<div class="art_author_coment">
+							<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
+							<p style="height: 15px;"></p>
+							<div>
+								<p>
+									1. Originality of the topic
+									<span>{{gradeFour(questComent.qu1)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									2. Importance in its Field
+									<span>{{gradeFour(questComent.qu3)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									3. Does the manuscript fall within the aim and scope of the journal?
+									<span>{{gradeFour(questComent.qu6)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									4. English language
+									<span>{{gradeFour(questComent.qu8)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									5. Readily Understandable
+									<span>{{gradeFour(questComent.qu5)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									6. Does the title represent manuscript's contents?
+									<span>{{gradeTwo(questComent.qu9)}}</span>
+								</p>
+								<p class="quescont">{{questComent.qu9_contents}}</p>
+							</div>
+							<div>
+								<p>
+									7. Is the Abstract accurate and concise?
+									<span>{{gradeTwo(questComent.qu10)}}</span>
+								</p>
+								<p class="quescont">{{questComent.qu10_contents}}</p>
+							</div>
+							<div>
+								<p>
+									8. Are the approach/ methods properly described?
+									<span>{{gradeTwo(questComent.qu11)}}</span>
+								</p>
+								<p class="quescont">{{questComent.qu11_contents}}</p>
+							</div>
+							<div>
+								<p>
+									9. Are the conclusions and interpretations sound?
+									<span>{{gradeTwo(questComent.qu12)}}</span>
+								</p>
+								<p class="quescont">{{questComent.qu12_contents}}</p>
+							</div>
+							<div>
+								<p>
+									10. Are the references properly cited?
+									<span>{{gradeTwo(questComent.qu13)}}</span>
+								</p>
+								<p class="quescont">{{questComent.qu13_contents}}</p>
+							</div>
+							<p style="height: 15px;"></p>
+							<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
+							<p style="height: 15px;"></p>
+							<div>
+								<p>
+									Overall the Paper is Rated
+									<span style="font-size: 20px;">{{questComent.rated}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									REFEREE'S RECOMMENDATIONS
+									<span>{{gradeRcond(questComent.recommend)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									OTHER SPECIFIC CRITICISMS
+									<span>{{gradeCrti(questComent.other)}}</span>
+								</p>
+							</div>
+							<div>
+								<p>
+									Comments for the Authors
+								</p>
+								<p class="quescont">{{questComent.comments}}</p>
+							</div>
+							<div>
+								<p>
+									Confidential Comments to the Editor
+								</p>
+								<p class="quescont">{{questComent.confidential}}</p>
+							</div>
+							<div>
+								<p>
+									Disclose name or remain anonymous.
+									<span>{{gradeName(questComent.is_anonymous)}}</span>
+								</p>
+							</div>
+						</div>
+					</el-dialog>
+
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+
+</template>
+
+<script>
+	import pdf from 'vue-pdf';
+	export default {
+		data() {
+			return {
+				loading: false,
+				Direct_log: this.$route.query.act,
+				Art_id: this.$route.query.Art_id,
+				// morShow: false,
+				txt_mess: {},
+				fileList: [],
+				picList: [],
+				mediaUrl: this.Common.mediaUrl,
+				User_Id: localStorage.getItem('U_id'),
+				add_edit: {
+					article_id: this.$route.query.Art_id,
+					user_id: localStorage.getItem('U_id'),
+					content: ''
+				},
+				head_line: '',
+				conmentList: [],
+				questionVisible: false,
+				questComent: {
+					htitle: 'Preliminary examination'
+				},
+				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: ''
+				},
+				btn_submit: 0,
+				pdfUrl: '',
+				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 => {
+						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;
+					})
+					.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
+							// this.pdfUrl =
+							// 	'https://view.xdocin.com/view?src=https://submission.tmrjournals.com/public/' +
+							// 	pdfOut
+						} else {
+							this.pdfUrl = 'https://submission.tmrjournals.com/public/' + pdfOut
+						}
+					})
+					.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/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
+						}
+					});
+
+
+				this.$api
+					.post('api/Reviewer/getAllReviewerObj', {
+						'article_id': '38'
+					})
+					.then(res => {
+						for (var i = 0; i < res.data.reviews.length; i++) {
+							let date = new Date(parseInt(res.data.reviews[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.reviews[i].ctime = Y + M + D;
+						}
+						this.conmentList = res.data.reviews
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+			},
+
+			questionSubmit() {
+				if (this.questionform.is_anonymous == "" && this.questionform.is_anonymous != "0") {
+					this.$message.error('Please choose disclose your name or remain anonymous.');
+				} else {
+					// 验证相加的字数
+					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;
+						}
+					});
+				}
+			},
+
+
+			//初始化问卷
+			ques_visible(e) {
+				this.questionVisible = true
+			},
+
+
+			// 等级
+			gradeTwo(e) {
+				let drage = '';
+				if (e) {
+					drage = 'Yes';
+				} else {
+					drage = 'No';
+				}
+				return drage;
+			},
+			gradeFour(e) {
+				let drage = '';
+				if (e == 1) {
+					drage = 'Excellent';
+				} else if (e == 2) {
+					drage = 'Good';
+				} else if (e == 3) {
+					drage = 'Fair';
+				} else if (e == 4) {
+					drage = 'Poor';
+				}
+				return drage;
+			},
+			gradeRcond(e) {
+				let drage = '';
+				if (e == 1) {
+					drage = 'Accept with minor revision';
+				} else if (e == 2) {
+					drage = 'Accept with major revision';
+				} else if (e == 3) {
+					drage = 'Reject in current form, but may be resubmitted';
+				} else if (e == 4) {
+					drage = 'Reject, with no resubmission';
+				}
+				return drage;
+			},
+
+			gradeCrti(e) {
+				let drage = '';
+				if (e == 1) {
+					drage = 'Imperfect style';
+				} else if (e == 2) {
+					drage = 'Too long';
+				} else if (e == 3) {
+					drage = 'References incorrectly presented';
+				} else if (e == 4) {
+					drage = 'Typographical and Grammatical errors';
+				}
+				return drage;
+			},
+			gradeName(e) {
+				let drage = '';
+				if (e == 0) {
+					drage = 'Disclose name';
+				} else if (e == 1) {
+					drage = 'Remain anonymous';
+				}
+				return drage;
+			},
+
+		},
+		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;
+	}
+
+	.conment_list {
+		display: inline-block;
+		text-align: left;
+		width: 48.5%;
+		height: 270px;
+		margin: 0 0.5% 1%;
+	}
+
+	.art_author_coment {
+		margin-top: 20px;
+	}
+
+	.art_author_coment>div {
+		margin: 10px 0 0 28px;
+		line-height: 20px;
+		word-break: break-word;
+	}
+
+	.art_author_coment>div:first-child {
+		margin-top: 0;
+	}
+
+	.art_author_coment>div>p {
+		display: block;
+		margin: 0 0 2px 0;
+		font-weight: bold;
+		color: #777;
+		letter-spacing: -0.5px;
+	}
+
+	.art_author_coment>div>p>span {
+		color: #006699;
+		margin-left: 30px;
+		font-weight: bold;
+	}
+
+	.art_author_coment .quescont {
+		margin-left: 14px;
+		color: #006699;
+		line-height: 22px;
+	}
+
+	.art_author_coment .el-divider--horizontal {
+		width: 93%;
+	}
+</style>