From d5adc1bf0646a9d4992cefd4ae24f3d3647d1f3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Fri, 13 Jun 2025 14:03:04 +0800
Subject: [PATCH] tijiao

---
 src/components/common/langs/en.js             |   2 +-
 src/components/common/langs/zh.js             |   4 +-
 src/components/page/articleListEditor_A.vue   |   3 +
 .../page/components/reviewArticle/index.vue   | 116 +++++
 .../components/reviewArticle/new copy.vue     | 455 ++++++++++++++++++
 .../page/components/reviewArticle/new.vue     | 451 +++++++++++++++++
 .../page/components/reviewArticle/old.vue     | 337 +++++++++++++
 src/components/page/per_text.vue              |  21 +-
 src/main.js                                   |   2 +
 9 files changed, 1373 insertions(+), 18 deletions(-)
 create mode 100644 src/components/page/components/reviewArticle/index.vue
 create mode 100644 src/components/page/components/reviewArticle/new copy.vue
 create mode 100644 src/components/page/components/reviewArticle/new.vue
 create mode 100644 src/components/page/components/reviewArticle/old.vue

diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 55773f0..c1a9163 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -273,7 +273,7 @@ const en = {
 		state4: 'Revision',
 		state5: 'Accept',
 		state6: 'Pre-accept',
-		state7: 'Final Decision',
+		// state7: 'Final Decision',
 		act1: 'Dealing',
 		act2: 'Finished'
 	},
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index dba5a5a..cda2e54 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -265,8 +265,8 @@ const zh = {
 		state3: '拒稿',
 		state4: '退修',
 		state5: '接收',
-		state6: '预接收',
-		state7: '终审',
+		state6: '终审',
+		// state7: '终审',
 		act1: '审查中',
 		act2: '已完结'
 	},
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 015448b..dde9647 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -1441,6 +1441,9 @@ export default {
                 {
                     state: 4
                 },
+                // {
+                //     state: 7
+                // },
                 {
                     state: 7
                 },
diff --git a/src/components/page/components/reviewArticle/index.vue b/src/components/page/components/reviewArticle/index.vue
new file mode 100644
index 0000000..4133420
--- /dev/null
+++ b/src/components/page/components/reviewArticle/index.vue
@@ -0,0 +1,116 @@
+<template>
+    <div>
+        <!-- <oldForm></oldForm> -->
+        <newForm></newForm>
+       
+    </div>
+</template>
+
+<script>
+import oldForm from './old.vue';
+import newForm from './new.vue';
+export default {
+    components: {
+        oldForm,
+        newForm,
+    },
+    data() {
+        return {
+            loading: false,
+            articleId: null,
+            txt_mess: {},
+            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,
+            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() {
+        this.getData();
+    },
+    methods: {
+        getData() {
+            // Fetch article data
+            this.$api
+                .post('api/Reviewer/getartrevdate', {
+                    revid: this.Art_id,
+                    human: 'reviewer'
+                })
+                .then((res) => {
+                    this.txt_mess = res;
+                    this.journal_id = res.journal_id;
+                });
+        },
+        questionSubmit() {
+            if (this.questionform.is_anonymous === '') {
+                this.$message.error('Please choose disclose your name or remain anonymous.');
+                return false;
+            }
+
+            this.loading = true;
+            this.$refs.question.validate((valid) => {
+                if (valid) {
+                    this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
+                        this.loading = false;
+                        if (res.code === 0) {
+                            this.$message.success('Success!!');
+                            this.$router.push('/per_text_success');
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    });
+                } else {
+                    this.loading = false;
+                }
+            });
+        }
+    }
+};
+</script>
+
+<style scoped>
+.jouLink {
+    color: #006699;
+    font-weight: bold;
+}
+::v-deep .el-collapse {
+    border-top: 0;
+    border-bottom: 0;
+}
+</style>
diff --git a/src/components/page/components/reviewArticle/new copy.vue b/src/components/page/components/reviewArticle/new copy.vue
new file mode 100644
index 0000000..431a3c9
--- /dev/null
+++ b/src/components/page/components/reviewArticle/new copy.vue	
@@ -0,0 +1,455 @@
+<template>
+    <div>
+        <el-form :model="questionform" :rules="rules" ref="question" label-width="300px" label-position="top">
+            <!-- 评估部分 -->
+            <el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
+
+            <!-- 1. Originality of the topic -->
+            <el-row :gutter="24">
+                <el-col :span="24">
+                    <el-form-item label="1. Originality of the topic" prop="qu1">
+                        <el-radio-group v-model="questionform.qu1">
+                            <el-radio :label="1">Excellent</el-radio>
+                            <el-radio :label="0.5">Good</el-radio>
+                            <el-radio :label="0">Fair</el-radio>
+                            <el-radio :label="-0.5">Poor</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+
+                <!-- 2. Importance in its Field -->
+                <el-col :span="24">
+                    <el-form-item label="2. Importance in its Field" prop="qu2">
+                        <el-radio-group v-model="questionform.qu2">
+                            <el-radio :label="1">Excellent</el-radio>
+                            <el-radio :label="0.5">Good</el-radio>
+                            <el-radio :label="0">Fair</el-radio>
+                            <el-radio :label="-0.5">Poor</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+
+                <!-- 3. Does the manuscript fall within the aim and scope of the journal? -->
+                <el-col :span="24">
+                    <el-form-item label="3. Does the manuscript fall within the aim and scope of the journal?" prop="qu3">
+                        <el-radio-group v-model="questionform.qu3">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="-10">No</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+
+                <!-- 4. English language -->
+                <el-col :span="24">
+                    <el-form-item label="4. English language" prop="qu4">
+                        <el-radio-group v-model="questionform.qu4">
+                            <el-radio :label="1">Excellent</el-radio>
+                            <el-radio :label="0.5">Good</el-radio>
+                            <el-radio :label="0">Fair</el-radio>
+                            <el-radio :label="-0.5">Poor</el-radio>
+                        </el-radio-group>
+                    </el-form-item>
+                </el-col>
+            </el-row>
+
+            <!-- Collapse sections for comments -->
+            <el-collapse>
+                <!-- 5. Does the title represent manuscript's contents? -->
+                <el-form-item label="5. Does the title represent manuscript's contents?" prop="qu5">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu5">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="1">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu5contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 6. Is the Abstract accurate and concise? -->
+                <el-form-item label="6. Is the Abstract accurate and concise?" prop="qu6">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu6">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="2">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu6contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 7. Does the Introduction highlight the latest advancements and address existing challenges in the current research? -->
+                <el-form-item
+                    label="7. Does the Introduction highlight the latest advancements and address existing challenges in the current research?"
+                    prop="qu7"
+                >
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu7">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="3">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu7contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 8. Does the Introduction cite the most recent and pertinent reference directly related to the research? -->
+                <el-form-item label="8. Does it cite the most recent and pertinent reference directly related to the research?" prop="qu8">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu8">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="4">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu8contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 9. Does the experimental design provide sufficient scientific support for the article? -->
+                <el-form-item
+                    label="9. Materials and Methods: Does the experimental design provide sufficient scientific support for the article (e.g., by using diverse cell lines with clear origins, ensuring natural drugs are authenticated, integrating in vitro and in vivo studies, and examining the issue at multiple levels including proteins and nucleic acids)?"
+                    prop="qu9"
+                >
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu9">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="5">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu9contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 10. Does the experimental design adopt the latest cutting-edge research methods and technologies? -->
+                <el-form-item
+                    label="10. Does the experimental design adopt the latest cutting-edge research methods and technologies?"
+                    prop="qu10"
+                >
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu10">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="6">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu10contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 11. Is the appropriate statistical analysis used? -->
+                <el-form-item label="11. Is the appropriate statistical analysis used?" prop="qu11">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu11">
+                            <el-radio :label="1">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="7">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu11contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+
+                <!-- 12. Are the Figures or Tables clear, visually appealing, and easy to understand? -->
+                <el-form-item label="12. Are the Figures or Tables clear, visually appealing, and easy to understand?" prop="qu12">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu12">
+                            <el-radio :label="1">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="8">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu12contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+                <el-form-item
+                    label="13. Is the interpretation reliable (can the results adequately support the conclusions, are the conclusions overstated, and is there any selective reporting of results that could mislead readers)?"
+                    prop="qu13"
+                >
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu13">
+                            <el-radio :label="1">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="9">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu13contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+                <el-form-item
+                    label="14. If there are notable limitations or imperfections in the research, does the author explicitly acknowledge these shortcomings?"
+                    prop="qu14"
+                >
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.qu14">
+                            <el-radio :label="0.5">Yes</el-radio>
+                            <el-radio :label="0">No</el-radio>
+                        </el-radio-group>
+                    </el-col>
+                    <el-col :span="20">
+                        <el-collapse-item name="10">
+                            <template slot="title"><i class="el-icon-edit"></i> Comments/ Suggestions</template>
+                            <el-input
+                                type="textarea"
+                                v-model="questionform.qu14contents"
+                                :rows="4"
+                                placeholder="please input content"
+                            ></el-input>
+                        </el-collapse-item>
+                    </el-col>
+                </el-form-item>
+            </el-collapse>
+
+            <!-- 推荐部分 -->
+            <el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
+            <el-form-item label="Overall the Paper is 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">
+                <el-radio-group v-model="questionform.recommend">
+                    <el-radio :label="1">Minor revision</el-radio>
+                    <el-radio :label="2">Major revision</el-radio>
+                    <el-radio v-if="journal_id == 1 || journal_id == 23 || journal_id == 10" :label="3">
+                        Reject in current form, but may be resubmitted
+                    </el-radio>
+                    <el-radio v-if="journal_id != 1 && journal_id != 23 && journal_id != 10" :label="4">Reject</el-radio>
+                </el-radio-group>
+            </el-form-item>
+            <el-form-item label="OTHER SPECIFIC CRITICISMS">
+                <el-radio-group v-model="questionform.recommend">
+                    <el-radio :label="1">Imperfect style</el-radio>
+                    <el-radio :label="2">Too long</el-radio>
+                    <el-radio :label="3"> References incorrectly presented </el-radio>
+                    <el-radio :label="4">Typographical and Grammatical errors</el-radio>
+                </el-radio-group>
+            </el-form-item>
+
+            <!-- 评论部分 -->
+            <el-form-item label="Comments for the Authors">
+                <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-form>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            loading: false,
+            articleId: null,
+            txt_mess: {},
+            questionform: {
+                rev_qu_id: '',
+                art_rev_id: this.$route.query.Art_id,
+                qu1: '', // Originality of the topic
+                qu2: '', // Importance in its Field
+                qu3: '', // Does the manuscript fall within the aim and scope of the journal?
+                qu4: '', // English language
+                qu5: '', // Readily Understandable
+                qu6: '', // Does the title represent manuscript's contents?
+                qu6contents: '', // Title Comments
+                qu7: '', // Abstract
+                qu7contents: '', // Abstract Comments
+                qu8: '', // Introduction
+                qu8contents: '', // Introduction Comments
+                qu9: '', // Materials and Methods
+                qu9contents: '', // Methods Comments
+                qu10: '', // Results
+                qu10contents: '', // Results Comments
+                qu11: '', // Discussion
+                qu11contents: '', // Discussion Comments
+                qu12: '', // Discussion
+                qu12contents: '', // Discussion Comments
+                qu13: '', // Discussion
+                qu13contents: '', // Discussion Comments
+                qu14: '', // Discussion
+                qu14contents: '', // Discussion Comments
+                
+                rated: '', // Overall Rating
+                recommend: '', // Recommendations
+                other: '', // Specific Criticisms
+                confident: '', // Confidential Comments to the Editor
+                comment: '', // Comments for the Authors
+                is_anonymous: '' // Anonymous or Not
+            },
+            btn_submit: 0,
+            journal_id: null,
+            rules: {
+                qu1: [{ required: true, message: 'please select', trigger: 'blur' }],
+                qu2: [{ required: true, message: 'please select', trigger: 'blur' }],
+                qu3: [{ required: true, message: 'please select', trigger: 'blur' }],
+                qu4: [{ required: true, message: 'please select', trigger: 'blur' }],
+                qu5: [{ required: true, message: 'please select', trigger: 'blur' }],
+                rated: [{ required: true, message: 'please select', trigger: 'blur' }],
+                recommend: [{ required: true, message: 'please select', trigger: 'blur' }],
+                comment: [{ required: true, message: 'please input content', trigger: 'blur' }]
+            }
+        };
+    },
+    created() {
+        this.getData();
+    },
+    methods: {
+        getData() {
+            // 获取文章数据
+            this.$api
+                .post('api/Reviewer/getartrevdate', {
+                    revid: this.Art_id,
+                    human: 'reviewer'
+                })
+                .then((res) => {
+                    this.txt_mess = res;
+                    this.journal_id = res.journal_id;
+                });
+        },
+        questionSubmit() {
+            if (this.questionform.is_anonymous === '') {
+                this.$message.error('Please choose disclose your name or remain anonymous.');
+                return false;
+            }
+
+            this.loading = true;
+            this.$refs.question.validate((valid) => {
+                if (valid) {
+                    this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
+                        this.loading = false;
+                        if (res.code === 0) {
+                            this.$message.success('Success!!');
+                            this.$router.push('/per_text_success');
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    });
+                } else {
+                    this.loading = false;
+                }
+            });
+        }
+    }
+};
+</script>
+
+<style scoped>
+.jouLink {
+    color: #006699;
+    font-weight: bold;
+}
+</style>
diff --git a/src/components/page/components/reviewArticle/new.vue b/src/components/page/components/reviewArticle/new.vue
new file mode 100644
index 0000000..2a42a73
--- /dev/null
+++ b/src/components/page/components/reviewArticle/new.vue
@@ -0,0 +1,451 @@
+<template>
+    <div>
+        <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 label="1.Originality of the topic" prop="xx">
+                        <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="24">
+                    <el-form-item label="2.Importance in its Field" prop="xx">
+                        <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-collapse>
+                <el-col :span="24">
+                    <el-form-item label="3.Does the manuscript fall within the aim and scope of the journal?" prop="xx">
+                        <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-col>
+            </el-collapse>
+                <el-col :span="12">
+                    <el-form-item label="4.English language" prop="xx">
+                        <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-row>
+
+            <el-collapse>
+                <el-form-item label="5.Does the title represent manuscript's contents?" prop="xx">
+                    <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="6.Is the Abstract accurate and concise?" prop="xx">
+                    <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="7.Does it highlight the latest advancements and address existing challenges in the current research?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="8.Does it cite the most recent and pertinent reference directly related to the research?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="9.Materials and Methods: Does the experimental design provide sufficient scientific support for the article?" prop="xx">
+                    <p style="width: 100%;" class="titleInfo">e.g., by using diverse cell lines with clear origins, ensuring natural drugs are authenticated, integrating in vitro and in vivo studies, and examining the issue at multiple levels including proteins and nucleic acids</p>
+                        
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="10.Does the experimental design adopt the latest cutting-edge research methods and technologies?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="11.Is the appropriate statistical analysis used?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="12.Are the Figures or Tables clear, visually appealing, and easy to understand?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="13.Is the interpretation reliable (can the results adequately support the conclusions, are the conclusions overstated, and is there any selective reporting of results that could mislead readers)?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-form-item label="14.If there are notable limitations or imperfections in the research, does the author explicitly acknowledge these shortcomings?" prop="xx">
+                    <el-col :span="4">
+                        <el-radio-group v-model="questionform.xx">
+                            <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-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 />
+
+                       
+                            <el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
+                            <br />
+                            <el-radio :label="4">Reject</el-radio>
+                        
+
+                       
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="OTHER SPECIFIC CRITICISMS" prop="xx">
+                    <el-radio-group v-model="questionform.xx" 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>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            loading: false,
+            articleId: null,
+            txt_mess: {},
+            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,
+            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' }],
+                xx: [{ required: true, message: 'please select', trigger: 'blur' }]
+            }
+        };
+    },
+    created() {
+        this.getData();
+    },
+    methods: {
+        getData() {
+            // Fetch article data
+            this.$api
+                .post('api/Reviewer/getartrevdate', {
+                    revid: this.Art_id,
+                    human: 'reviewer'
+                })
+                .then((res) => {
+                    this.txt_mess = res;
+                    this.journal_id = res.journal_id;
+                });
+        },
+        questionSubmit() {
+            if (this.questionform.is_anonymous === '') {
+                this.$message.error('Please choose disclose your name or remain anonymous.');
+                return false;
+            }
+
+            this.loading = true;
+            this.$refs.question.validate((valid) => {
+                if (valid) {
+                    this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
+                        this.loading = false;
+                        if (res.code === 0) {
+                            this.$message.success('Success!!');
+                            this.$router.push('/per_text_success');
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    });
+                } else {
+                    this.loading = false;
+                }
+            });
+        }
+    }
+};
+</script>
+
+<style scoped>
+.jouLink {
+    color: #006699;
+    font-weight: bold;
+}
+.titleInfo{
+    color: #AAA;
+    line-height: 18px;
+    margin-top: -16px;
+    margin-bottom: 12px;
+}
+</style>
diff --git a/src/components/page/components/reviewArticle/old.vue b/src/components/page/components/reviewArticle/old.vue
new file mode 100644
index 0000000..d8a9926
--- /dev/null
+++ b/src/components/page/components/reviewArticle/old.vue
@@ -0,0 +1,337 @@
+<template>
+    <div>
+        <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>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            loading: false,
+            articleId: null,
+            txt_mess: {},
+            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,
+            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() {
+        this.getData();
+    },
+    methods: {
+        getData() {
+            // Fetch article data
+            this.$api
+                .post('api/Reviewer/getartrevdate', {
+                    revid: this.Art_id,
+                    human: 'reviewer'
+                })
+                .then((res) => {
+                    this.txt_mess = res;
+                    this.journal_id = res.journal_id;
+                });
+        },
+        questionSubmit() {
+            if (this.questionform.is_anonymous === '') {
+                this.$message.error('Please choose disclose your name or remain anonymous.');
+                return false;
+            }
+
+            this.loading = true;
+            this.$refs.question.validate((valid) => {
+                if (valid) {
+                    this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
+                        this.loading = false;
+                        if (res.code === 0) {
+                            this.$message.success('Success!!');
+                            this.$router.push('/per_text_success');
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    });
+                } else {
+                    this.loading = false;
+                }
+            });
+        }
+    }
+};
+</script>
+
+<style scoped>
+.jouLink {
+    color: #006699;
+    font-weight: bold;
+}
+</style>
diff --git a/src/components/page/per_text.vue b/src/components/page/per_text.vue
index ef91253..475cebb 100644
--- a/src/components/page/per_text.vue
+++ b/src/components/page/per_text.vue
@@ -92,7 +92,8 @@
                     </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">
+                        <common-review-article></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">
@@ -277,29 +278,19 @@
                                         <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'"
@@ -354,7 +345,7 @@
                                     <el-button type="primary" @click="questionSubmit">submit</el-button>
                                 </el-form-item>
                             </el-collapse>
-                        </el-form>
+                        </el-form> -->
                     </el-card>
                 </el-col>
             </el-row>
diff --git a/src/main.js b/src/main.js
index f70daea..deaa868 100644
--- a/src/main.js
+++ b/src/main.js
@@ -138,6 +138,8 @@ Vue.component("Editor", Editor);
 
 import commonTable from '@/components/page/components/table/table.vue'
 Vue.component('common-table', commonTable);
+import commonReviewArticle from '@/components/page/components/reviewArticle/index.vue'
+Vue.component('common-review-article', commonReviewArticle);
 import commonLateX from '@/components/page/components/table/LateX.vue'
 Vue.component('common-late-x', commonLateX);
 import commonMajor from '@/components/page/components/major/index.vue'