<template>
    <div style="background-color: #fafafa;height: 100%;">
        
        <div style="height: 100%;"
            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" style="height: 100%;">
                <el-col :span="10" style="height: 100%;">
                    <iframe ref="mainiframe" :src="pdfUrl" class="lookpdf" frameborder="0"></iframe>
                </el-col>
                <el-col :span="14" style="height: 100%; 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"
                                        >Manuscript
                                        <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>
                                    <p style="line-height: 18px;color: #999; font-size: 14px;margin-top: 4px;">
                                         <!-- 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. -->
                                    It seems like you're encountering a download issue with Google Chrome version 86. Here are the steps you can follow to resolve or bypass the issue:
                                    <br />1. Right-click on the download link: Instead of clicking the link normally, right-click on it and select  <b style="color: #e41411">"save link as".</b> This should allow the download to start.
                                    <br />2. Try a different browser:
If you're still having trouble with Chrome, you could use other browsers to complete your downloads. Browsers like Firefox, Internet Explorer, Brave, Vivaldi, the new Edge, or Opera are known to work well for downloads without this issue.
                                
                                
                                </p>
                                  
                                </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 review 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">
                         <!-- 审稿人表单修改  -->
                        <common-review-article  @refresh="getData"  type="questionform" :form="questionform" :txt_mess="txt_mess" :btn_submit="btn_submit" :articleId="articleId" :journal_id="journal_id"></common-review-article>
                       <!-- <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 />
                                      
                                        <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="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: '', 
                qu5contents: '',
                qu6: '',
                 qu6contents: '',
                qu7: '',
                 qu7contents: '',
                qu8: '',
                 qu8contents: '',
                qu9: '',
                qu9contents: '',
                qu10: '',
                qu10contents: '',
                qu11: '',
                qu11contents: '',
                qu12: '',
                qu12contents: '',
                qu13: '',
                qu13contents: '',
                qu14: '',
                qu14contents: '',
                qu15: '',
                qu15contents: '',
                rated: '',
                recommend: '',
                other: '',
                confident: '',
                comment: '',
                is_anonymous: '',
                type: '',
            },
            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;
                        this.questionform.type= res.data.type;this.questionform.score = res.data.score;
                    }
                });
        },

        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 {
    box-sizing: border-box;
    min-width: 1000px;
}

.container_l .box-card {
    height: auto;
}

.lookpdf {
    height: 100%;
    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>
