diff --git a/dist.zip b/dist.zip
index 9478d02..5896582 100644
Binary files a/dist.zip and b/dist.zip differ
diff --git a/src/App.vue b/src/App.vue
index ee1d672..090285d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,6 +7,7 @@
 		<router-view v-if="!$route.meta.keepAlive"></router-view> -->
 	</div>
 </template>
+
 <style>
 	@import "./assets/css/main.css";
 	@import "./assets/css/color-dark.css";
diff --git a/src/common/js/commonJS.js b/src/common/js/commonJS.js
index 94f8ce1..77b78e4 100644
--- a/src/common/js/commonJS.js
+++ b/src/common/js/commonJS.js
@@ -1,7 +1,9 @@
+
 import Vue from 'vue';
 import katex from 'katex';
 import JSZip from 'jszip';
 import mammoth from "mammoth";
+import api from '../../api/index.js';
 import Common from '@/components/common/common'
 import Tiff from 'tiff.js';
 var mediaUrl = Common.mediaUrl + 'articleImage/';
@@ -50,9 +52,10 @@ const capitalizeFirstLetter = function (text) {
 //px
 function emuToPixels(emu) {
     // 将 EMU 转换为厘米，并进一步转换为像素
-    const emuToPixels = emu / 914400 * 2.54 * 96;
+    const emuToPixels =  emu * 96 / 914400;
+    // return parseFloat((emu * 96 / 914400).toFixed(2)); // ✅
     // 四舍五入并保留两位小数
-    return (Math.round(emuToPixels * 100) / 100).toFixed(2);
+    return (Math.round(emuToPixels * 100) / 100).toFixed(0);
 }
 function findExtentElement(blipElement) {
     let current = blipElement.parentElement;
@@ -67,6 +70,28 @@ function findExtentElement(blipElement) {
 }
 
 export default {
+
+
+    getJournalTypeName(value) {
+        var list = JSON.parse(localStorage.getItem('journalTypeDataAll'));
+
+        const type = list.find(item => item.value === value);
+        return type ? type.name : 'OTHERS';
+
+
+    },
+    journalTypeList(type) {
+        var journal_type = JSON.parse(localStorage.getItem('journalTypeData'));
+
+        return journal_type;
+
+    },
+
+    opMedicalList() {
+        var opMedical = JSON.parse(localStorage.getItem('opMedicalListData'))
+
+        return opMedical;
+    },
     isImageValid(base64) {
         return new Promise((resolve, reject) => {
             // 创建 Image 对象
@@ -89,37 +114,37 @@ export default {
 
 
 
-    handleFileUpload(event, callback) {
+   handleFileUpload(event, callback) {
         const file = event.target.files[0];
         if (!file || file.type !== 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
-            alert('请上传一个有效的 Word 文件');
+            alert('Please upload a valid Word file !');
             return;
         }
-
+    
         const reader = new FileReader();
-
+    
         reader.onload = (e) => {
             const arrayBuffer = e.target.result;
             const zip = new JSZip();
-
+    
             zip.loadAsync(arrayBuffer).then(async (zip) => {
                 const relsXml = await zip.files['word/_rels/document.xml.rels'].async('string');
                 const docXml = await zip.files['word/document.xml'].async('string');
-
+    
                 const parser = new DOMParser();
                 const relDoc = parser.parseFromString(relsXml, "text/xml");
                 const docDom = parser.parseFromString(docXml, "text/xml");
-
+    
                 const rels = {};
                 Array.from(relDoc.getElementsByTagName('Relationship')).forEach((rel) => {
                     const id = rel.getAttribute('Id');
-                    const target = rel.getAttribute('Target'); // e.g., 'media/image1.jpeg'
+                    const target = rel.getAttribute('Target');
                     rels[id] = target;
                 });
-
+    
                 const imageInfoMap = {};
                 const blips = docDom.getElementsByTagName('a:blip');
-
+    
                 Array.from(blips).forEach((blip) => {
                     const embedId = blip.getAttribute('r:embed');
                     const extent = findExtentElement(blip);
@@ -129,75 +154,57 @@ export default {
                         if (cx && cy) {
                             const width = emuToPixels(cx);
                             const height = emuToPixels(cy);
-                            const mediaFile = rels[embedId];
-                            if (mediaFile) {
-                                imageInfoMap[mediaFile] = { width, height };
-                            }
+                            imageInfoMap[embedId] = { width, height };
                         }
                     }
                 });
-
-                mammoth.convertToHtml({ arrayBuffer },
-                    {
-                        convertImage: mammoth.images.inline(async function (image) {
-                            const contentType = image.contentType.toLowerCase();
-                    
-                            // 只允许这三种格式
-                            const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
-                            if (!allowedTypes.includes(contentType)) {
-                                // 跳过不支持的格式（如 image/tiff、image/x-emf 等）
-                                return { src: '' };  // 会从 HTML 中删除这张图片
-                            }
-                    
-                            // 读取为 base64 并构造 src
-                            const imageBuffer = await image.read("base64");
-                            const base64Src = `data:${contentType};base64,${imageBuffer}`;
-                    
-                            return {
-                                src: base64Src
-                            };
-                        })
-                    })
-                    .then((result) => {
-                        let html = result.value;
-                        // html = html.replace(/<img[^>]+src="data:image\/x-emf[^"]*"[^>]*>/gi, '');
-
-                        // 替换图片标签中的宽高
-                        const imgTags = html.match(/<img[^>]*src="data:image\/[^"]+image(\d+)\.(png|jpg|jpeg)[^"]*"[^>]*>/gi);
-                        if (imgTags) {
-                            imgTags.forEach((imgTag) => {
-                                const match = imgTag.match(/image(\d+)\.(png|jpg|jpeg)/);
-                                if (match) {
-                                    const filename = `media/image${match[1]}.${match[2]}`;
-                                    const info = imageInfoMap[filename];
-                                    if (info) {
-                                        const newImgTag = imgTag.replace(
-                                            /<img/,
-                                            `<img width="${info.width}" height="${info.height}"`
-                                        );
-                                        html = html.replace(imgTag, newImgTag);
-                                    }
-                                }
-                            });
+    
+                mammoth.convertToHtml({ arrayBuffer }, {
+                    convertImage: mammoth.images.inline(async function (image) {
+                    	console.log('image at line 163:', image)
+                        const contentType = image.contentType.toLowerCase();
+                        const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
+                        if (!allowedTypes.includes(contentType)) {
+                            return { src: '' };
                         }
-
-                        // 提取合法表格
-                        const tableContent = html.match(/<table[\s\S]*?<\/table>/g);
-                        const validTables = tableContent
-                            ? tableContent.filter(table => /<td[\s\S]*?>/.test(table))
-                            : [];
-
-                        callback(validTables);
+    
+                        const embedId = image.relationshipId || image.refId || '';
+                        const imageBuffer = await image.read("base64");
+                        const base64Src = `data:${contentType};base64,${imageBuffer}`;
+    
+                        let width = '', height = '';
+                        if (embedId && imageInfoMap[embedId]) {
+                            width = imageInfoMap[embedId].width;
+                            height = imageInfoMap[embedId].height;
+                        }
+    
+                        return {
+                            src: base64Src,
+                            alt: '',
+                            width,
+                            height,
+                            refId: embedId,
+                            'content-type': contentType
+                        };
                     })
-                    .catch(err => {
-                        console.error('mammoth 转换失败:', err);
-                    });
-
+                }).then((result) => {
+                    let html = result.value;
+    
+                    // 提取合法表格
+                    const tableContent = html.match(/<table[\s\S]*?<\/table>/g);
+                    const validTables = tableContent
+                        ? tableContent.filter(table => /<td[\s\S]*?>/.test(table))
+                        : [];
+    
+                    callback(validTables);
+                }).catch(err => {
+                    console.error('mammoth 转换失败:', err);
+                });
             }).catch(err => {
                 console.error("Zip 读取失败:", err);
             });
         };
-
+    
         reader.readAsArrayBuffer(file);
     },
 
diff --git a/src/components/common/Header.vue b/src/components/common/Header.vue
index 9faa2c4..3d1623b 100644
--- a/src/components/common/Header.vue
+++ b/src/components/common/Header.vue
@@ -178,6 +178,9 @@ export default {
                 localStorage.removeItem('U_name');
                 localStorage.removeItem('U_status');
                 localStorage.removeItem('ms_journal_alias');
+                localStorage.removeItem('journalTypeData');
+                localStorage.removeItem('journalTypeDataAll');
+                localStorage.removeItem('opMedicalListData');
                 this.$router.push('/login');
             }
         },
diff --git a/src/components/common/Header2.vue b/src/components/common/Header2.vue
index d4e1f53..a1a7326 100644
--- a/src/components/common/Header2.vue
+++ b/src/components/common/Header2.vue
@@ -166,6 +166,9 @@ export default {
                 localStorage.removeItem('U_name');
                 localStorage.removeItem('U_status');
                 localStorage.removeItem('ms_journal_alias');
+                localStorage.removeItem('journalTypeData');
+                localStorage.removeItem('journalTypeDataAll');
+                localStorage.removeItem('opMedicalListData');
                 this.$router.push('/login');
             }
         },
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 28d9ac3..b8813e3 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -349,10 +349,10 @@ const en = {
 		rulesAuthorInfo: 'Please enter the author',
 		rulesVolInfo: 'Please enter the publication time',
 		rulesArticleInfo: 'Please enter the article title',
-		authorInfo: 'Six or less authors are required to list all authors while more than six authors are required to list three of them with “et al”.',
+		authorInfo: 'Six or less authors are required to list all authors while more than six authors are required to list three of them with “et al.”.',
 		author: 'Author(s)',
 		publicationTime: 'Year',
-		publicationTimeInfo: 'Year;Volume(issue):Inclusive page numbers.',
+		publicationTimeInfo: 'Year;Volume(issue):Inclusive page numbers',
 	},
 	commonTable: {
 		add: 'Add',
diff --git a/src/components/page/GenerateCharts.vue b/src/components/page/GenerateCharts.vue
index 3f3ca5e..2edbf79 100644
--- a/src/components/page/GenerateCharts.vue
+++ b/src/components/page/GenerateCharts.vue
@@ -1128,9 +1128,23 @@ export default {
         },
         handleFileChange(event) {
             var that = this;
-
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
             // 处理文件上传并传递回调函数
             this.$commonJS.handleFileUpload(event, function (tables) {
+            	console.log('tables at line 1138:', tables)
+                if(tables.length == 0){
+                    loading.close()
+                    that.$message({
+                        type: 'warning',
+                        message: 'No table found!'
+                    }); 
+                    return false
+                }
               
                 // 使用 Promise.all 等待所有表格解析完成
                 Promise.all(
@@ -1148,9 +1162,11 @@ export default {
                     .then((result) => {
                         // 所有表格的解析完成后，处理结果
                         that.uploadWordTables = result;
+                        loading.close()
                         that.tablesHtmlVisible = true;
                          })
                     .catch((error) => {
+                        loading.close()
                         console.error('Error processing tables:', error);
                     });
             });
diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index d8fc5a6..f227c85 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -477,152 +477,153 @@ export default {
                 journal_special_id: 'None'
             },
             opInstal: [],
-            opMedical: [
-                {
-                    label: 'None',
-                    value: ''
-                },
-                {
-                    label: 'ARTICLE',
-                    value: 'Article'
-                },
-                {
-                    label: 'REVIEW',
-                    value: 'Review'
-                },
-                {
-                    label: 'CASE REPORT',
-                    value: 'Case report'
-                },
-                {
-                    label: 'RESEARCH PROPOSAL',
-                    value: 'Research proposal'
-                },
-                {
-                    label: 'NEWS',
-                    value: 'News'
-                },
-                {
-                    label: 'COMMENT',
-                    value: 'Comment'
-                },
-                {
-                    label: 'CORRECTION',
-                    value: 'Correction'
-                },
-                {
-                    label: 'HYPOTHESIS',
-                    value: 'Hypothesis'
-                },
-                {
-                    label: 'PREFACE',
-                    value: 'Preface'
-                },
-                {
-                    label: 'EDITORIAL',
-                    value: 'Editorial'
-                },
-                {
-                    label: 'REPORT',
-                    value: 'Report'
-                },
-                {
-                    label: 'LETTER',
-                    value: 'Letter'
-                },
-                {
-                    label: 'EMPIRICAL FORMULA',
-                    value: 'Empirical formula'
-                },
-                {
-                    label: 'EVIDENCE-BASED MEDICINE',
-                    value: 'Evidence-based medicine'
-                },
-                {
-                    label: 'EXPERT CONSENSUS',
-                    value: 'Expert consensus'
-                },
-                {
-                    label: 'LETTER TO EDITOR',
-                    value: 'Letter to editor'
-                },
-                {
-                    label: 'QUESTIONNAIRE INVESTIGATION',
-                    value: 'Questionnaire investigation'
-                },
-                {
-                    label: 'PROTOCOL',
-                    value: 'Protocol'
-                },
-                {
-                    label: 'CASE SERIES',
-                    value: 'Case Series'
-                },
-                {
-                    label: 'RETRACTION',
-                    value: 'Retraction'
-                },
-                {
-                    label: 'MINI REVIEW',
-                    value: 'Mini Review'
-                },
-                {
-                    label: 'RETRACTION NOTE',
-                    value: 'Retraction Note'
-                },
-                {
-                    label: '内经难经',
-                    value: '内经难经'
-                },
-                {
-                    label: '伤寒金匮',
-                    value: '伤寒金匮'
-                },
-                {
-                    label: '神农本草经',
-                    value: '神农本草经'
-                },
-                {
-                    label: '温病研究',
-                    value: '温病研究'
-                },
-                {
-                    label: '唐宋方药',
-                    value: '唐宋方药'
-                },
-                {
-                    label: '金元各家',
-                    value: '金元各家'
-                },
-                {
-                    label: '明清经典',
-                    value: '明清经典'
-                },
-                {
-                    label: '中西汇通',
-                    value: '中西汇通'
-                },
-                {
-                    label: '太湖选粹',
-                    value: '太湖选粹'
-                },
-                {
-                    label: '针灸推拿',
-                    value: '针灸推拿'
-                },
-                {
-                    label: '名医名方',
-                    value: '名医名方'
-                },
-                {
-                    label: '新冠肺炎',
-                    value: '新冠肺炎'
-                },
-                {
-                    label: '书评',
-                    value: '书评'
-                }
-            ],
+            // opMedical: [
+            //     {
+            //         label: 'None',
+            //         value: ''
+            //     },
+            //     {
+            //         label: 'ARTICLE',
+            //         value: 'Article'
+            //     },
+            //     {
+            //         label: 'REVIEW',
+            //         value: 'Review'
+            //     },
+            //     {
+            //         label: 'CASE REPORT',
+            //         value: 'Case report'
+            //     },
+            //     {
+            //         label: 'RESEARCH PROPOSAL',
+            //         value: 'Research proposal'
+            //     },
+            //     {
+            //         label: 'NEWS',
+            //         value: 'News'
+            //     },
+            //     {
+            //         label: 'COMMENT',
+            //         value: 'Comment'
+            //     },
+            //     {
+            //         label: 'CORRECTION',
+            //         value: 'Correction'
+            //     },
+            //     {
+            //         label: 'HYPOTHESIS',
+            //         value: 'Hypothesis'
+            //     },
+            //     {
+            //         label: 'PREFACE',
+            //         value: 'Preface'
+            //     },
+            //     {
+            //         label: 'EDITORIAL',
+            //         value: 'Editorial'
+            //     },
+            //     {
+            //         label: 'REPORT',
+            //         value: 'Report'
+            //     },
+            //     {
+            //         label: 'LETTER',
+            //         value: 'Letter'
+            //     },
+            //     {
+            //         label: 'EMPIRICAL FORMULA',
+            //         value: 'Empirical formula'
+            //     },
+            //     {
+            //         label: 'EVIDENCE-BASED MEDICINE',
+            //         value: 'Evidence-based medicine'
+            //     },
+            //     {
+            //         label: 'EXPERT CONSENSUS',
+            //         value: 'Expert consensus'
+            //     },
+            //     {
+            //         label: 'LETTER TO EDITOR',
+            //         value: 'Letter to editor'
+            //     },
+            //     {
+            //         label: 'QUESTIONNAIRE INVESTIGATION',
+            //         value: 'Questionnaire investigation'
+            //     },
+            //     {
+            //         label: 'PROTOCOL',
+            //         value: 'Protocol'
+            //     },
+            //     {
+            //         label: 'CASE SERIES',
+            //         value: 'Case Series'
+            //     },
+            //     {
+            //         label: 'RETRACTION',
+            //         value: 'Retraction'
+            //     },
+            //     {
+            //         label: 'MINI REVIEW',
+            //         value: 'Mini Review'
+            //     },
+            //     {
+            //         label: 'RETRACTION NOTE',
+            //         value: 'Retraction Note'
+            //     },
+            //     {
+            //         label: '内经难经',
+            //         value: '内经难经'
+            //     },
+            //     {
+            //         label: '伤寒金匮',
+            //         value: '伤寒金匮'
+            //     },
+            //     {
+            //         label: '神农本草经',
+            //         value: '神农本草经'
+            //     },
+            //     {
+            //         label: '温病研究',
+            //         value: '温病研究'
+            //     },
+            //     {
+            //         label: '唐宋方药',
+            //         value: '唐宋方药'
+            //     },
+            //     {
+            //         label: '金元各家',
+            //         value: '金元各家'
+            //     },
+            //     {
+            //         label: '明清经典',
+            //         value: '明清经典'
+            //     },
+            //     {
+            //         label: '中西汇通',
+            //         value: '中西汇通'
+            //     },
+            //     {
+            //         label: '太湖选粹',
+            //         value: '太湖选粹'
+            //     },
+            //     {
+            //         label: '针灸推拿',
+            //         value: '针灸推拿'
+            //     },
+            //     {
+            //         label: '名医名方',
+            //         value: '名医名方'
+            //     },
+            //     {
+            //         label: '新冠肺炎',
+            //         value: '新冠肺炎'
+            //     },
+            //     {
+            //         label: '书评',
+            //         value: '书评'
+            //     }
+            // ],
+            opMedical: [ ],
             editAuthor: false,
             addAuthor: false,
             editSchool: false,
@@ -839,7 +840,7 @@ export default {
             }
         };
     },
-    created() {
+    created() {this.opMedical=this.$commonJS.opMedicalList()
         this.getDetail();
         this.getHight();
         window.addEventListener('resize', this.getHight);
diff --git a/src/components/page/PreIngestedEditorProduce.vue b/src/components/page/PreIngestedEditorProduce.vue
index 4c03e7f..687669b 100644
--- a/src/components/page/PreIngestedEditorProduce.vue
+++ b/src/components/page/PreIngestedEditorProduce.vue
@@ -377,152 +377,153 @@ export default {
                 journal_special_id: 'None'
             },
             opInstal: [],
-            opMedical: [
-                {
-                    label: 'None',
-                    value: ''
-                },
-                {
-                    label: 'ARTICLE',
-                    value: 'Article'
-                },
-                {
-                    label: 'REVIEW',
-                    value: 'Review'
-                },
-                {
-                    label: 'CASE REPORT',
-                    value: 'Case report'
-                },
-                {
-                    label: 'RESEARCH PROPOSAL',
-                    value: 'Research proposal'
-                },
-                {
-                    label: 'NEWS',
-                    value: 'News'
-                },
-                {
-                    label: 'COMMENT',
-                    value: 'Comment'
-                },
-                {
-                    label: 'CORRECTION',
-                    value: 'Correction'
-                },
-                {
-                    label: 'HYPOTHESIS',
-                    value: 'Hypothesis'
-                },
-                {
-                    label: 'PREFACE',
-                    value: 'Preface'
-                },
-                {
-                    label: 'EDITORIAL',
-                    value: 'Editorial'
-                },
-                {
-                    label: 'REPORT',
-                    value: 'Report'
-                },
-                {
-                    label: 'LETTER',
-                    value: 'Letter'
-                },
-                {
-                    label: 'EMPIRICAL FORMULA',
-                    value: 'Empirical formula'
-                },
-                {
-                    label: 'EVIDENCE-BASED MEDICINE',
-                    value: 'Evidence-based medicine'
-                },
-                {
-                    label: 'EXPERT CONSENSUS',
-                    value: 'Expert consensus'
-                },
-                {
-                    label: 'LETTER TO EDITOR',
-                    value: 'Letter to editor'
-                },
-                {
-                    label: 'QUESTIONNAIRE INVESTIGATION',
-                    value: 'Questionnaire investigation'
-                },
-                {
-                    label: 'PROTOCOL',
-                    value: 'Protocol'
-                },
-                {
-                    label: 'CASE SERIES',
-                    value: 'Case Series'
-                },
-                {
-                    label: 'RETRACTION',
-                    value: 'Retraction'
-                },
-                {
-                    label: 'MINI REVIEW',
-                    value: 'Mini Review'
-                },
-                {
-                    label: 'RETRACTION NOTE',
-                    value: 'Retraction Note'
-                },
-                {
-                    label: '内经难经',
-                    value: '内经难经'
-                },
-                {
-                    label: '伤寒金匮',
-                    value: '伤寒金匮'
-                },
-                {
-                    label: '神农本草经',
-                    value: '神农本草经'
-                },
-                {
-                    label: '温病研究',
-                    value: '温病研究'
-                },
-                {
-                    label: '唐宋方药',
-                    value: '唐宋方药'
-                },
-                {
-                    label: '金元各家',
-                    value: '金元各家'
-                },
-                {
-                    label: '明清经典',
-                    value: '明清经典'
-                },
-                {
-                    label: '中西汇通',
-                    value: '中西汇通'
-                },
-                {
-                    label: '太湖选粹',
-                    value: '太湖选粹'
-                },
-                {
-                    label: '针灸推拿',
-                    value: '针灸推拿'
-                },
-                {
-                    label: '名医名方',
-                    value: '名医名方'
-                },
-                {
-                    label: '新冠肺炎',
-                    value: '新冠肺炎'
-                },
-                {
-                    label: '书评',
-                    value: '书评'
-                }
-            ],
+            // opMedical: [
+            //     {
+            //         label: 'None',
+            //         value: ''
+            //     },
+            //     {
+            //         label: 'ARTICLE',
+            //         value: 'Article'
+            //     },
+            //     {
+            //         label: 'REVIEW',
+            //         value: 'Review'
+            //     },
+            //     {
+            //         label: 'CASE REPORT',
+            //         value: 'Case report'
+            //     },
+            //     {
+            //         label: 'RESEARCH PROPOSAL',
+            //         value: 'Research proposal'
+            //     },
+            //     {
+            //         label: 'NEWS',
+            //         value: 'News'
+            //     },
+            //     {
+            //         label: 'COMMENT',
+            //         value: 'Comment'
+            //     },
+            //     {
+            //         label: 'CORRECTION',
+            //         value: 'Correction'
+            //     },
+            //     {
+            //         label: 'HYPOTHESIS',
+            //         value: 'Hypothesis'
+            //     },
+            //     {
+            //         label: 'PREFACE',
+            //         value: 'Preface'
+            //     },
+            //     {
+            //         label: 'EDITORIAL',
+            //         value: 'Editorial'
+            //     },
+            //     {
+            //         label: 'REPORT',
+            //         value: 'Report'
+            //     },
+            //     {
+            //         label: 'LETTER',
+            //         value: 'Letter'
+            //     },
+            //     {
+            //         label: 'EMPIRICAL FORMULA',
+            //         value: 'Empirical formula'
+            //     },
+            //     {
+            //         label: 'EVIDENCE-BASED MEDICINE',
+            //         value: 'Evidence-based medicine'
+            //     },
+            //     {
+            //         label: 'EXPERT CONSENSUS',
+            //         value: 'Expert consensus'
+            //     },
+            //     {
+            //         label: 'LETTER TO EDITOR',
+            //         value: 'Letter to editor'
+            //     },
+            //     {
+            //         label: 'QUESTIONNAIRE INVESTIGATION',
+            //         value: 'Questionnaire investigation'
+            //     },
+            //     {
+            //         label: 'PROTOCOL',
+            //         value: 'Protocol'
+            //     },
+            //     {
+            //         label: 'CASE SERIES',
+            //         value: 'Case Series'
+            //     },
+            //     {
+            //         label: 'RETRACTION',
+            //         value: 'Retraction'
+            //     },
+            //     {
+            //         label: 'MINI REVIEW',
+            //         value: 'Mini Review'
+            //     },
+            //     {
+            //         label: 'RETRACTION NOTE',
+            //         value: 'Retraction Note'
+            //     },
+            //     {
+            //         label: '内经难经',
+            //         value: '内经难经'
+            //     },
+            //     {
+            //         label: '伤寒金匮',
+            //         value: '伤寒金匮'
+            //     },
+            //     {
+            //         label: '神农本草经',
+            //         value: '神农本草经'
+            //     },
+            //     {
+            //         label: '温病研究',
+            //         value: '温病研究'
+            //     },
+            //     {
+            //         label: '唐宋方药',
+            //         value: '唐宋方药'
+            //     },
+            //     {
+            //         label: '金元各家',
+            //         value: '金元各家'
+            //     },
+            //     {
+            //         label: '明清经典',
+            //         value: '明清经典'
+            //     },
+            //     {
+            //         label: '中西汇通',
+            //         value: '中西汇通'
+            //     },
+            //     {
+            //         label: '太湖选粹',
+            //         value: '太湖选粹'
+            //     },
+            //     {
+            //         label: '针灸推拿',
+            //         value: '针灸推拿'
+            //     },
+            //     {
+            //         label: '名医名方',
+            //         value: '名医名方'
+            //     },
+            //     {
+            //         label: '新冠肺炎',
+            //         value: '新冠肺炎'
+            //     },
+            //     {
+            //         label: '书评',
+            //         value: '书评'
+            //     }
+            // ],
+            opMedical: [],
             editAuthor: false,
             addAuthor: false,
             editSchool: false,
@@ -740,6 +741,7 @@ export default {
         };
     },
     mounted() {
+        this.opMedical=this.$commonJS.opMedicalList()
         this.msgform={...this.msgform,  article_id: this.article_id,}
         this.getDetail();
         this.getHight();
diff --git a/src/components/page/RejectedArticles.vue b/src/components/page/RejectedArticles.vue
index 90864b7..291d2b0 100644
--- a/src/components/page/RejectedArticles.vue
+++ b/src/components/page/RejectedArticles.vue
@@ -166,8 +166,8 @@
 			},
 						
 		},
-        mounted(){
-             this.journal_type = journal_type1.journal_type
+       async mounted(){
+             this.journal_type =await this.$commonJS.journalTypeList()
             // console.log(this.journal_type, this.journal_type1)
         }
 	};
diff --git a/src/components/page/articleAdd - 副本.vue b/src/components/page/articleAdd - 副本.vue
deleted file mode 100644
index 142f6c3..0000000
--- a/src/components/page/articleAdd - 副本.vue	
+++ /dev/null
@@ -1,3398 +0,0 @@
-<template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item> <i class="el-icon-uthorVisiblelx-cascades"></i> Submit manuscript </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div style="display: flex; justify-content: space-between">
-            <div>
-                <div class="step_list" style="width: 960px; position: relative">
-                    <div v-for="item in listStep" @click="StepCode(item.index)" :class="show_step == item.index ? 'C_style' : ''">
-                        <div>
-                            <i :class="item.icon"></i>
-                            {{ item.title }}
-                            <div class="num">{{ item.index }}</div>
-                        </div>
-                        <p class="bor_der"></p>
-                    </div>
-                    <br clear="both" />
-                </div>
-
-                <div class="manu_add" style="width: 960px" v-loading="loading">
-                    <el-form ref="articleform" :model="form" :rules="rules" label-width="160px">
-                        <div class="bag_color" v-if="show_step == 1">
-                            <div>
-                                <h3>Manuscript Information</h3>
-                                <el-form-item label="Journal :" prop="journal" v-if="ms_alias != null">
-                                    <div style="font-size: 16px">{{ check_item.title }}</div>
-                                    <p style="color: #666; line-height: 24px; font-size: 13px; margin: 5px 0 0 0">
-                                        <b>E-Mail Address : </b>{{ check_item.email }}
-                                        <br />
-                                        <b>Website : </b
-                                        ><a :href="check_item.website" target="_blank" style="color: #666" class="web_stite">{{
-                                            check_item.website
-                                        }}</a>
-                                    </p>
-                                    <!-- <el-button type="warning" size="mini" icon="el-icon-refresh" plain @click="change_Journal" style="margin-top: 15px;">Change Journal</el-button> -->
-                                </el-form-item>
-                                <el-form-item label="Journal :" prop="journal" v-if="ms_alias == null">
-                                    <div
-                                        v-for="item in items"
-                                        @click="ch_Jour_all(item.journal_id)"
-                                        :class="form.journal == item.journal_id ? 'jour_ku_all B_style' : 'jour_ku_all'"
-                                    >
-                                        {{ item.title }}
-                                    </div>
-                                </el-form-item>
-
-                                <el-form-item label="Type :" prop="type">
-                                    <el-select v-model="form.type" placeholder="Please select type" style="width: 240px">
-                                        <el-option
-                                            v-for="item in journal_type"
-                                            :key="item.value"
-                                            :label="item.name"
-                                            :value="item.value"
-                                        ></el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item label="Research areas :" >
-                                    <common-major-list @load="(e)=>this.majorValueList=e"></common-major-list>
-                                    <!-- <el-select
-                                        v-model="form.major_a"
-                                        placeholder="Please select major"
-                                        @change="majorChange(1)"
-                                        style="width: 240px"
-                                    >
-                                        <el-option
-                                            v-for="item in majors_a"
-                                            :key="item.major_id"
-                                            :label="item.major_title"
-                                            :value="item.major_id"
-                                        ></el-option>
-                                    </el-select>
-                                    <el-select
-                                        v-model="form.major_b"
-                                        placeholder="Please select major"
-                                        v-if="majors_b != ''"
-                                        @change="majorChange(2)"
-                                        style="margin: 0 15px; width: 240px"
-                                    >
-                                        <el-option :key="0" label="None" :value="0"></el-option>
-                                        <el-option
-                                            v-for="item in majors_b"
-                                            :key="item.major_id"
-                                            :label="item.major_title"
-                                            :value="item.major_id"
-                                        ></el-option>
-                                    </el-select>
-                                    <el-select
-                                        v-model="form.major_c"
-                                        placeholder="Please select major"
-                                        v-if="majors_c != ''"
-                                        style="width: 240px"
-                                        @change="majorChange(3)"
-                                    >
-                                        <el-option :key="0" label="None" :value="0"></el-option>
-                                        <el-option
-                                            v-for="item in majors_c"
-                                            :key="item.major_id"
-                                            :label="item.major_title"
-                                            :value="item.major_id"
-                                        ></el-option>
-                                    </el-select> -->
-                                </el-form-item>
-                                <el-form-item label="Manuscript Title :" prop="title">
-                                    <el-input v-model="form.title" placeholder="Please enter title"></el-input>
-                                </el-form-item>
-                                <el-form-item label="Whether ethical approval was obtained ?" prop="approval" label-width="300px">
-                                    <el-radio-group v-model="form.approval">
-                                        <el-radio :label="1">Yes</el-radio>
-                                        <el-radio :label="0">No</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item
-                                    label="Ethical approval file :"
-                                    prop="approval_file"
-                                    v-if="form.approval == 1"
-                                    label-width="300px"
-                                >
-                                    <el-upload
-                                        ref="uploadFile"
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_articleApproval"
-                                        accept=".pdf"
-                                        name="articleApproval"
-                                        :before-upload="beforeupload_articleApproval"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_articleApproval"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilearticleApproval"
-                                        :file-list="fileL_articleApproval"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text" @click="clearUploadedFile">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">
-                                            Only Word and compressed files can be uploaded (file format: .pdf).
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item
-                                    label="Explain the reason clearly :"
-                                    prop="approval_content"
-                                    v-if="form.approval === 0"
-                                    label-width="300px"
-                                >
-                                    <el-input
-                                        type="textarea"
-                                        rows="2"
-                                        v-model="form.approval_content"
-                                        placeholder="Please enter"
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="Abstract :" prop="abstrart">
-                                    <el-input
-                                        type="textarea"
-                                        rows="5"
-                                        v-model="form.abstrart"
-                                        placeholder="Please enter the abstract"
-                                    ></el-input>
-                                </el-form-item>
-                                <!-- 话题 -->
-                                <!-- <el-form-item label="Topics :" prop="topics">
-							<el-cascader disabled class="formTopics" @change="topicsChange"
-							v-model="form.topics"
-							:options="topicsList"
-							:props="topicsProps"
-							clearable></el-cascader>
-						</el-form-item> -->
-                                <el-form-item label="Key words :">
-                                    <el-input
-                                        v-for="(item, index) in keywordsList"
-                                        :key="index"
-                                        :name="index + 1"
-                                        v-model="item.ke"
-                                        :placeholder="'Key words' + (index + 1)"
-                                        style="width: 150px; margin-right: 15px; margin-bottom: 3px"
-                                    ></el-input>
-                                    <el-button type="text" @click="addfund">
-                                        <i class="el-icon-circle-plus-outline">Add</i>
-                                    </el-button>
-                                </el-form-item>
-                                <el-form-item label="Fund :">
-                                    <el-input
-                                        v-model="form.fund"
-                                        placeholder="Please provide the specific funding information if your research has received funding support"
-                                    >
-                                    </el-input>
-                                </el-form-item>
-                                <el-form-item label="Article Processing Charge :" v-if="ms_alias == null" label-width="180px">
-                                    $ {{ getFee(form.journal) }}
-                                    <div style="color: #8c8d8f"v-if=" getFee(form.journal)&&getFee(form.journal)!='0.00'">
-                                        <i class="el-icon-warning" style="color: #517fd5; margin-right: 4px"></i>The article processing fee applies to papers submitted and ultimately accepted for publication after January 1, 2025. For authors seeking to apply for fee discounts, please <a
-                                            style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
-                                            href="https://www.tmrjournals.com/apc/"
-                                            target="_blank"
-                                            >click here</a
-                                        > to view detailed policies.
-                                        
-                                       
-                                    </div>
-                                </el-form-item>
-                                <div style="text-align: center; margin: 40px 0 0 0">
-                                    <el-button type="warning" @click="onStagingSave(1)" class="pro_stage">Save as draft </el-button>
-                                    <el-button type="primary" @click="onStep(1)" class="pro_ceed"
-                                        >Save and proceed to the next step</el-button
-                                    >
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="bag_color" v-if="show_step == 2">
-                            <div>
-                                <div>
-                                    <h3>
-                                        Associated Authors
-                                        <el-tooltip
-                                            class="item"
-                                            effect="light"
-                                            content="If you've submitted articles to TMR Publishing Group before, we'll display your previous collaborators' information here."
-                                            placement="right"
-                                        >
-                                            <i class="el-icon-info"></i>
-                                        </el-tooltip>
-
-                                        <el-button @click="forWarMark" type="primary" style="float: right">
-                                            <i class="el-icon-arrow-up" v-if="!forWard"> Show all authors</i>
-                                            <i class="el-icon-arrow-down" v-else> Hide all authors</i>
-                                        </el-button>
-                                        <!-- <p class="zyfont" style="font-weight: normal;margin-top: 5px;">
-									If you have previously published articles with the TMR Publishing Group, information
-									about your past collaborators will be displayed here.
-								</p> -->
-                                    </h3>
-                                    <div
-                                        v-if="!forWard"
-                                        style="height: 1px; background-color: #b3d0ef; width: 900px; margin: -5px auto 20px auto"
-                                    ></div>
-                                    <div class="forWard" v-if="forWard">
-                                        <div v-for="(item, index) in raltiAutList" style="position: relative">
-                                            <p style="font-weight: bold; margin-bottom: 10px">
-                                                {{ item.firstname }} {{ item.lastname }}
-                                                <span v-if="!item.showHide" style="font-weight: normal; margin-left: 10px"
-                                                    >({{ item.email }})</span
-                                                >
-                                                <i
-                                                    v-if="item.showHide"
-                                                    @click="raltSHpin(index, 0)"
-                                                    class="el-icon-caret-top jiantouBiao"
-                                                ></i>
-                                                <i
-                                                    v-if="!item.showHide"
-                                                    @click="raltSHpin(index, 1)"
-                                                    class="el-icon-caret-bottom jiantouBiao"
-                                                ></i>
-                                            </p>
-                                            <p v-if="item.showHide">
-                                                <font>E-mail :</font>
-                                                {{ item.email }}
-                                            </p>
-                                            <p v-if="item.orcid && item.showHide">
-                                                <font>ORCID iD :</font>
-                                                {{ item.orcid }}
-                                            </p>
-                                            <p v-if="item.title && item.showHide">
-                                                <font>Title :</font>
-                                                {{ item.title }}
-                                            </p>
-                                            <p v-if="item.company && item.showHide">
-                                                <font>Affiliation :</font>
-                                                {{ item.company }}
-                                            </p>
-                                            <p v-if="item.department && item.showHide">
-                                                <font>Department :</font>
-                                                {{ item.department }}
-                                            </p>
-                                            <p v-if="item.address && item.showHide">
-                                                <font>Address :</font>
-                                                {{ item.address }}
-                                            </p>
-                                            <p v-if="item.country && item.showHide">
-                                                <font>Country :</font>
-                                                {{ item.country }}
-                                            </p>
-                                            <div style="position: absolute; right: 0; top: 0">
-                                                <el-button type="primary" plain size="mini" @click="checkAuthor(item, index)">
-                                                    <i class="el-icon-plus" style="font-size: 10px; display: inline"></i>
-                                                    Add author
-                                                </el-button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-
-                                <h3>
-                                    Author Information
-                                    <el-button @click="addAuthor" type="primary" style="float: right">
-                                        <i class="el-icon-plus"> Add author</i>
-                                    </el-button>
-                                    <p class="zyfont" style="font-weight: normal; margin-top: 5px">
-                                        The number of First Authors and Corresponding Authors should not exceed two each.
-                                    </p>
-                                </h3>
-                                <div class="partyAry">
-                                    <div v-for="(item, index) in form.authorList">
-                                        <p style="text-align: right; margin-bottom: 10px; border-bottom: 1px solid #dae8f7">
-                                            <span style="float: left; margin-top: 5px">Author {{ index + 1 }}</span>
-                                            <el-button @click="editAuthor(item, index)" type="text">
-                                                <i class="el-icon-edit" style="font-weight: bold"></i>
-                                            </el-button>
-                                            <el-button type="text" @click="gaPaiXu(item, 'top')" v-if="index != 0">
-                                                <i class="el-icon-top" style="font-weight: bold"></i>
-                                            </el-button>
-                                            <el-button type="text" @click="gaPaiXu(item, 'bot')" v-if="index != form.authorList.length - 1">
-                                                <i class="el-icon-bottom" style="font-weight: bold"></i>
-                                            </el-button>
-                                            <el-button @click="deleteAuthor(item, index)" type="text" class="Del_btn">
-                                                <i class="el-icon-delete" style="font-weight: bold"></i>
-                                            </el-button>
-                                        </p>
-                                        <p style="font-weight: bold; margin-bottom: 10px">
-                                            {{ item.firstname }} {{ item.lastname }} {{ item.isSuper ? '#' : ''
-                                            }}{{ item.isReport ? '*' : '' }}
-                                        </p>
-                                        <p>
-                                            <font>E-mail :</font>
-                                            {{ item.email }}
-                                        </p>
-                                        <p v-if="item.orcid">
-                                            <font>ORCID iD :</font>
-                                            {{ item.orcid }}
-                                        </p>
-                                        <p v-if="item.title">
-                                            <font>Title :</font>
-                                            {{ item.title }}
-                                        </p>
-                                        <p v-if="item.company">
-                                            <font>Affiliation :</font>
-                                            {{ item.company }}
-                                        </p>
-                                        <p v-if="item.department">
-                                            <font>Department :</font>
-                                            {{ item.department }}
-                                        </p>
-                                        <p v-if="item.address">
-                                            <font>Address :</font>
-                                            {{ item.address }}
-                                        </p>
-                                        <p v-if="item.country">
-                                            <font>Country :</font>
-                                            {{ item.country }}
-                                        </p>
-                                    </div>
-                                </div>
-
-                                <p style="color: #777; font-size: 14px; margin-bottom: 5px">
-                                    Please note that based on your input the author names will appear as follows:
-                                </p>
-                                <p>
-                                    <span v-for="(item, index) in form.authorList">
-                                        {{ item.firstname }} {{ item.lastname }} {{ item.isSuper ? '#' : '' }}{{ item.isReport ? '*' : '' }}
-                                        <span v-if="index != form.authorList.length - 1">;</span>
-                                    </span>
-                                </p>
-
-                                <div style="text-align: center; margin: 40px 0 0 0">
-                                    <!-- <el-button type="warning" @click="onStagingSave(2)" class="pro_stage">Save as draft
-							</el-button> -->
-                                    <el-button type="primary" @click="onStep(2)" class="pro_ceed">Proceed to the next step</el-button>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="bag_color" v-if="show_step == 3">
-                            <div>
-                                <h3>Upload Manuscript</h3>
-                                <el-form-item label="Cover letter :" label-width="200px">
-                                    <el-upload
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_coverLetter"
-                                        accept=".pdf, .doc, .docx"
-                                        name="coverLetter"
-                                        :before-upload="beforeupload_coverLetter"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_coverLetter"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilecoverLetter"
-                                        :file-list="fileL_coverLetter"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">
-                                            Only PDF and Word files can be uploaded (file formats: .pdf, .doc, .docx).
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item label-width="200px">
-                                    <span slot="label">
-                                        Figures
-                                        <el-popover placement="top-start" width="350" trigger="hover">
-                                            <p style="line-height: 24px; word-wrap: break-word; word-break: normal; text-align: left">
-                                                Dear Author
-                                                <br />Except for the experimental graphs covered in this article; the statistical graphs of
-                                                the experimental results in this article; the model graphs produced by the author of this
-                                                article. <br />For images from any other source : <br />1. Please make sure that the author
-                                                owns the copyright of the image. <br />2. Obtain written authorization from the original
-                                                copyright owner (please upload proof of copyright authorization, including a screenshot of
-                                                the other party's authorization email or authorization letter).
-                                            </p>
-                                            <i
-                                                class="el-icon-info"
-                                                slot="reference"
-                                                style="color: #ef8429; cursor: pointer; vertical-align: super; font-size: 20px"
-                                            ></i>
-                                        </el-popover>
-                                        :
-                                    </span>
-                                    <el-upload
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_picturesAndTables"
-                                        accept=".zip"
-                                        name="picturesAndTables"
-                                        :before-upload="beforeupload_picturesAndTables"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_picturesAndTables"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilepicturesAndTables"
-                                        :file-list="fileL_picturesAndTables"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">Only ZIP files can be uploaded (file format: .zip).</div>
-                                    </el-upload>
-                                </el-form-item>
-                                <!-- <el-form-item label="Title page :" prop="totalpage">
-							<el-upload class="upload-dem up_newstyle" :action="upload_totalpage" accept=".doc, .docx" name="totalpage"
-							 :before-upload="beforeupload_totalpage" :on-error="uperr_coverLetter" :on-success="upSuccess_totalpage" :limit="1"
-							 :on-exceed="alertlimit" :on-remove="removefiletotalpage">
-								<div class="el-upload__text">
-									<em>Upload</em>
-								</div>
-								<div class="el-upload__tip" slot="tip">Only word files can be uploaded(.doc,.docx)</div>
-							</el-upload>
-						</el-form-item> -->
-                                <el-form-item label="Manuscirpt :" prop="manuscirpt" label-width="200px">
-                                    <el-upload
-                                        ref="uploadFileManuscirpt"
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_manuscirpt"
-                                        accept=".docx"
-                                        name="manuscirpt"
-                                        :before-upload="beforeupload_manuscirpt"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_manuscirpt"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilemanuscirpt"
-                                        :file-list="fileL_manuscirpt"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text" @click="removefilemanuscirpt">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">
-                                            Only Word and compressed files can be uploaded (file format: .docx).
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                                <el-form-item label="Supplementary Material :" label-width="200px">
-                                    <el-upload
-                                        class="upload-demo up_newstyle"
-                                        :action="upload_supplementary"
-                                        accept=".zip"
-                                        name="supplementary"
-                                        :before-upload="beforeupload_supplementary"
-                                        :on-error="uperr_coverLetter"
-                                        :on-success="upSuccess_supplementary"
-                                        :limit="1"
-                                        :on-exceed="alertlimit"
-                                        :on-remove="removefilesupplementary"
-                                        :file-list="fileL_supplementary"
-                                        :on-preview="dowloadFile"
-                                    >
-                                        <div class="el-upload__text">
-                                            <em>Upload</em>
-                                        </div>
-                                        <div class="el-upload__tip" slot="tip">Only ZIP files can be uploaded (file formats: .zip).</div>
-                                    </el-upload>
-                                </el-form-item>
-                                <div style="text-align: center; margin: 40px 0 0 0">
-                                    <el-button type="primary" @click="onStep(3)" class="pro_ceed">Next Step</el-button>
-                                </div>
-                            </div>
-                        </div>
-                        <!-- 提交 submit -->
-                        <div class="bag_color" v-if="show_step == 4">
-                            <div>
-                                <h3>Co-submitting</h3>
-                                <p style="line-height: 25px; margin: 0 10px 0 55px; font-size: 14px">
-                                    TMR Publishing Group publishes multiple journals and offers you the opportunity to co-submit your paper.
-                                    If your manuscript is not deemed suitable for the first journal, it can be automatically transferred
-                                    along with reviews and reviewers' identities (cascading peer-review) to another journal of your choice.
-                                    Please note that you can choose up to two journals only.
-                                    <br /><br />
-                                    <el-switch
-                                        @change="changeSwitch($event)"
-                                        v-model="form.istransfer"
-                                        active-text="Yes"
-                                        inactive-text="No"
-                                    ></el-switch>
-                                </p>
-                                <el-form-item label="Journals :" v-show="form.istransfer" label-width="130px" style="margin-top: 20px">
-                                    <div style="margin-bottom: 0">
-                                        <p class="zyfont">1. {{ getjournalbyid(form.journal) }}</p>
-                                        <p class="zyfont" v-for="(cjou, index) in form.checkedjours" :key="index">
-                                            {{ index + 2 }}. {{ getjournalbyid(cjou) }}
-                                        </p>
-                                    </div>
-                                    <el-checkbox-group v-model="form.checkedjours" :max="1" style="margin-top: 10px">
-                                        <el-checkbox
-                                            v-for="jour in mj_jour"
-                                            :label="jour.journal_id"
-                                            :disabled="jour.journal_id == form.journal"
-                                            :key="jour.journal_id"
-                                            class="tally_jour"
-                                            v-if="jour.journal_id != form.journal"
-                                            >{{ jour.title }}
-                                        </el-checkbox>
-                                    </el-checkbox-group>
-                                </el-form-item>
-                                <p style="line-height: 25px; margin: 50px 10px 0 55px; font-size: 14px" v-if="checkReviewerof == 0">
-                                    Would you be interested in serving as a reviewer for this journal?
-                                    <br /><br />
-                                    <el-switch
-                                        @change="changeBecome($event)"
-                                        v-model="form.becomeRev"
-                                        active-text="Yes"
-                                        inactive-text="No"
-                                    ></el-switch>
-                                </p>
-                                <el-form
-                                    ref="reviewerform"
-                                    :model="reviewerForm"
-                                    v-show="form.becomeRev && !this.usercap.includes('reviewer')"
-                                    :rules="rules"
-                                    label-width="130px"
-                                    style="width: 500px; padding: 15px 30px 1px 5px; margin: 25px 0px 0px 55px; box-shadow: 0 0 8px #b7d2ed"
-                                >
-                                    <!-- 性别 -->
-                                    <el-form-item label="Gender :">
-                                        <el-radio-group v-model="reviewerForm.gender">
-                                            <el-radio :label="1">Male</el-radio>
-                                            <el-radio :label="2">Female</el-radio>
-                                        </el-radio-group>
-                                    </el-form-item>
-                                    <!-- 简介  -->
-                                    <el-form-item prop="introduction" label="Introduction :">
-                                        <el-input
-                                            type="textarea"
-                                            rows="3"
-                                            v-model="reviewerForm.introduction"
-                                            placeholder="Please input personal qualification and resume"
-                                        ></el-input>
-                                    </el-form-item>
-                                    <!-- 国家 -->
-                                    <el-form-item prop="country" label="Country :">
-                                        <el-select v-model="reviewerForm.country" filterable placeholder="Please select">
-                                            <el-option
-                                                v-for="it in countrys"
-                                                :key="it.en_name"
-                                                :label="it.en_name"
-                                                :value="it.en_name"
-                                            ></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <!-- 专业 -->
-                                    <el-form-item prop="major" label="Major :">
-                                        <el-select v-model="reviewerForm.major" filterable placeholder="Please select">
-                                            <el-option
-                                                v-for="item in majorList"
-                                                :key="item.major_id"
-                                                :label="item.title + item.ctitle"
-                                                :value="item.major_id"
-                                            ></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <!-- 领域 -->
-                                    <el-form-item prop="field" label="Field :">
-                                        <el-input
-                                            size="small"
-                                            v-model="reviewerForm.field"
-                                            auto-complete="off"
-                                            placeholder="Field"
-                                        ></el-input>
-                                    </el-form-item>
-                                    <!-- 职称 -->
-                                    <el-form-item prop="technical" label="Technical :">
-                                        <el-select v-model="reviewerForm.technical" placeholder="Please select">
-                                            <el-option key="Prof." label="Prof." value="Prof."></el-option>
-                                            <el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."> </el-option>
-                                            <el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."> </el-option>
-                                            <el-option key="Ph.D." label="Ph.D." value="Ph.D."></el-option>
-                                            <el-option key="Others" label="Others" value="Others"></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <!-- 单位 -->
-                                    <el-form-item prop="company" label="Affiliation :">
-                                        <el-input
-                                            size="small"
-                                            v-model="reviewerForm.company"
-                                            auto-complete="off"
-                                            placeholder="Affiliation"
-                                        ></el-input>
-                                    </el-form-item>
-                                    <!-- 简历 -->
-                                    <el-form-item label="CV. :">
-                                        <el-upload
-                                            class="upload-demo"
-                                            :action="upload_qualifications"
-                                            accept=".rar, .zip"
-                                            name="qualifications"
-                                            :on-error="uperr"
-                                            :on-success="upSuccess"
-                                            :limit="1"
-                                            :on-exceed="alertlimit"
-                                            :on-remove="removefile"
-                                        >
-                                            <div class="el-upload__text">
-                                                <em>click upload</em>
-                                            </div>
-                                            <div class="el-upload__tip" slot="tip" style="color: #999">
-                                                Only compressed files can be uploaded(.rar,.zip)
-                                            </div>
-                                        </el-upload>
-                                    </el-form-item>
-                                </el-form>
-                                <h3 style="margin-top: 35px">Suggesting reviewers</h3>
-                                <p style="margin: -55px 10px 0 55px; font-size: 14px; text-align: right">
-                                    <el-button
-                                        :disabled="tuiJianForm.length == 3"
-                                        type="primary"
-                                        @click="onAddTuijian"
-                                        plain
-                                        icon="el-icon-plus"
-                                        style="width: 210px"
-                                        >Add Recommended Reviewer</el-button
-                                    >
-                                </p>
-                                <p style="margin: 5px 10px 0 55px; font-size: 14px; line-height: 22px">
-                                    (Non-essential)
-                                    <br />While authors are welcome to suggest potential reviewers, the final decision on the selection of
-                                    reviewers is at the discretion of the editorial board. The following criteria are generally considered
-                                    when selecting reviewers: <br />1. The reviewer should hold a Ph.D. degree (or equivalent) in a relevant
-                                    field. <br />2. The reviewer should have published at least three articles on the subject matter of the
-                                    manuscript, one of which was published within the last five years and is indexed in the WOS database.
-                                    <br />3. The reviewer should not be affiliated with the same institution as the author, and should not
-                                    have a close collaborative or personal relationship with the author. Conflict of interest should be
-                                    avoided. <br />4. The editorial board encourages diversity in reviewer selection, with respect to gender
-                                    and geographic location.
-                                </p>
-                                <el-form
-                                    ref="tuiJianForm"
-                                    v-for="(item, index) in tuiJianForm"
-                                    :rules="rules"
-                                    label-position="top"
-                                    label-width="110px"
-                                    class="tuijian_f"
-                                    :model="item"
-                                >
-                                    <p>
-                                        Reviewer <span style="margin: 0 0 0 3px">{{ index + 1 }}</span>
-                                    </p>
-                                    <el-form-item label="Realname :" prop="realname">
-                                        <el-input v-model="item.realname" style="width: 160px"></el-input>
-                                    </el-form-item>
-                                    <el-form-item label="Email :" prop="email">
-                                        <el-input v-model="item.email" style="width: 160px" :validate-event="false"></el-input>
-                                    </el-form-item>
-                                    <el-form-item label="Country :" prop="country">
-                                        <el-select
-                                            v-model="item.country"
-                                            filterable
-                                            placeholder="Please select"
-                                            clearable
-                                            style="width: 180px"
-                                        >
-                                            <el-option
-                                                v-for="it in countrys"
-                                                :key="it.en_name"
-                                                :label="it.en_name"
-                                                :value="it.en_name"
-                                            ></el-option>
-                                        </el-select>
-                                    </el-form-item>
-                                    <el-form-item label="Major :" prop="major_all">
-                                        <el-cascader
-                                            :options="step4MajorList"
-                                            v-model="item.major_all"
-                                            :props="default4Params"
-                                            placeholder="Please select major"
-                                            style="width: 270px"
-                                            clearable
-                                        ></el-cascader>
-                                    </el-form-item>
-                                    <el-button
-                                        :disabled="tuiJianForm.length == 1"
-                                        @click="onDeleteTuijian(item, index)"
-                                        type="danger"
-                                        icon="el-icon-delete"
-                                        class="shanchu_tj"
-                                    ></el-button>
-                                </el-form>
-
-                                <p style="font-size: 12px; color: #888; margin: 15px 10px 0 55px; line-height: 18px">
-                                    You can suggest 3 potential reviewers, which can help speed up the review process.
-                                    <br /><b style="letter-spacing: -0.5px">Please pay attention:</b> <br />Authors may suggest potential
-                                    reviewers if they wish. However, whether or not to consider these reviewers is at the editor's
-                                    discretion. Authors should not suggest recent collaborators or colleagues who work in the same
-                                    institution as themselves. Authors who wish to suggest peer reviewers should provide institutional email
-                                    addresses where possible or information that will help the editor verify the identity of the reviewer.
-                                    <br />Authors may request the exclusion of individuals as peer reviewers, but they should explain the
-                                    reasons in their cover letter on submission. Authors should not exclude too many individuals as this may
-                                    hinder the peer review process. Intentionally falsifying information, for example, suggesting reviewers
-                                    with a false name or email address, will result in rejection of the manuscript and may lead to further
-                                    investigation in line with our misconduct policy.
-                                </p>
-
-                                <div style="margin: 50px 0 0 30px">
-                                    <el-form-item>
-                                        <span slot="label">
-                                            Invitation code
-                                            <el-popover placement="top-start" width="320" trigger="hover">
-                                                <p style="line-height: 24px; word-wrap: break-word; word-break: normal; text-align: left">
-                                                    The journal encourages scientists to invite their colleagues or collaborators to submit
-                                                    manuscripts in order to promote collaboration and expand the journal's author network.
-                                                    You will be rewarded with credits that can be used to offset APC (specific details
-                                                    subject to journal policies) and gain priority in editorial board selection.
-                                                </p>
-                                                <i
-                                                    class="el-icon-info"
-                                                    slot="reference"
-                                                    style="color: #ef8429; cursor: pointer; vertical-align: super; font-size: 20px"
-                                                ></i>
-                                            </el-popover>
-                                            :
-                                        </span>
-                                        <el-input
-                                            v-model="form.code"
-                                            placeholder="Please enter invitation code"
-                                            style="width: 200px"
-                                        ></el-input>
-                                    </el-form-item>
-                                </div>
-
-                                <div style="margin: 20px 0 30px 30px">
-                                    <el-checkbox v-model="agreechecked" style="font-weight: bold">I accept </el-checkbox>
-                                    <el-link @click="licensebox = true" type="primary" style="padding-left: 5px; font-weight: bold">
-                                        the license agreement</el-link
-                                    >
-                                </div>
-
-                                <div style="text-align: center; margin: 40px 0 0 0">
-                                    <el-button type="primary" @click="onSubmit" style="width: 160px; margin-bottom: 30px"
-                                        >Submit
-                                    </el-button>
-                                </div>
-                            </div>
-                        </div>
-                    </el-form>
-                </div>
-            </div>
-            <div
-                style="
-                    padding: 0;
-                    background: none;
-                    margin-top: 30px;
-                    line-height: 20px;
-                    color: #999;
-                    left: 990px;
-                    top: 120px;
-                    width: 400px;
-                    font-size: 14px;
-                "
-            >
-                <p
-                    style="
-                        width: 400px;
-                        border: 1px solid #ebeef5;
-                        font-size: 12px;
-                        line-height: 16px;
-                        background-color: #fff;
-                        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-                        border-radius: 8px;
-                        padding: 10px;
-                        box-sizing: border-box;
-                    "
-                >
-                    We encourage authors to upload a Cover Letter file and Highlights is also be encouraged. That will help authors let
-                    editors quickly obtain information and evaluate the scientific value of their research correctly.
-                    <br />Please remind our editor in the cover letter if you want your manuscript processed quickly. <br />Please note that
-                    manuscripts with at least one of the following characteristics will be included in the journal's manuscript fast track:
-                    <br />
-                    <font style="color: #006699">1.Interest:</font> This manuscript has a novel perspective.
-                    <br />
-                    <font style="color: #006699">2.Importance:</font> This manuscript belongs to the focus area.
-                    <br />
-                    <font style="color: #006699">3.Value:</font> This manuscript belongs to the advanced topic and can attract wide
-                    attention.
-                </p>
-                <common-word-html
-                    v-show="show_step == 3"
-                    :articleId="stagingID"
-                    imgHeight="120px"
-                    v-if="isShowCommonWord && stagingID"
-                    style="margin-top: 10px; box-sizing: border-box; background-color: #fff"
-                ></common-word-html>
-            </div>
-        </div>
-
-        <el-dialog title="" :visible.sync="licensebox" width="500px">
-            <span style="word-wrap: break-word; word-break: normal; line-height: 22px">
-                Creative Commons Licensing<br /><br />
-                TMR Publishing Group provides authors the choice of applying the Attribution-NonCommercial 4.0 International (CC BY-NC 4.0)
-                licenses defined below, to be determined after acceptance:<br /><br />
-                Attribution: CC BY-NC 4.0<br /><br />
-                This license lets others distribute, remix, tweak, and build upon your work. They can not use the material for commercial
-                purposes.<br /><br />
-                Copyright<br />
-                Authors retain the copyright of their manuscripts.
-            </span>
-            <span slot="footer" class="dialog-footer">
-                <el-button type="primary" @click="licensebox = false">OK</el-button>
-            </span>
-        </el-dialog>
-
-        <!-- 选择期刊弹出框 -->
-        <el-dialog title="Change Journal" :visible.sync="changeVisible" width="780px">
-            <el-form :model="jour_form" :rules="rules" label-width="85px">
-                <el-form-item label="Journal" prop="journal">
-                    <div
-                        v-for="item in items"
-                        @click="ch_Jour(item.journal_id)"
-                        :class="jour_form.journal == item.journal_id ? 'jour_ku B_style' : 'jour_ku'"
-                    >
-                        {{ item.title }}
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="changeVisible = false">Cancel</el-button>
-                <el-button type="primary" @click="close_ch_Jour()">OK</el-button>
-            </span>
-        </el-dialog>
-
-        <!-- 添加修改作者弹出框 -->
-        <el-dialog title="Author Information" :visible.sync="authorVisible" width="780px">
-            <p style="font-weight: bold; margin: -10px 30px 30px 30px">
-                {{ authMeaIN.firstname }} {{ authMeaIN.lastname }} {{ authMeaIN.isSuper ? '#' : '' }}{{ authMeaIN.isReport ? '*' : '' }}
-            </p>
-
-            <el-form :model="authMeaIN" :rules="rules" label-width="85px">
-                <el-form-item label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        E-mail :
-                    </span>
-                    <el-autocomplete
-                        class="inline-input"
-                        v-model="authMeaIN.email"
-                        placeholder="Email"
-                        :fetch-suggestions="
-                            (queryString, callback) => {
-                                chaMateFit(queryString, callback, 1);
-                            }
-                        "
-                        :trigger-on-focus="false"
-                        @select="
-                            (authMeaIN) => {
-                                chaSelChose(authMeaIN, 1);
-                            }
-                        "
-                        style="width: 578px"
-                    >
-                        <i class="el-icon-loading el-input__icon" slot="suffix" v-if="authMeaIN.load"> </i>
-                    </el-autocomplete>
-                </el-form-item>
-                <el-form-item label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        Name :
-                    </span>
-                    <el-input v-model="authMeaIN.firstname" placeholder="First name" style="width: 280px; margin-right: 20px"></el-input>
-                    <el-input v-model="authMeaIN.lastname" placeholder="Last name" style="width: 280px"> </el-input>
-                </el-form-item>
-                <el-form-item label="ORCID iD :" label-width="120px">
-                    <el-input v-model="authMeaIN.orcid" placeholder="Orcid" style="width: 280px"> </el-input>
-                    <a href="https://orcid.org/register" target="_blank" class="orcid_link">Register for an ORCID iD</a>
-                </el-form-item>
-                <el-form-item label="First author :" label-width="180px">
-                    <el-switch v-model="authMeaIN.isSuper" active-text="yes" inactive-text="no" @change="chanSelt"> </el-switch>
-                </el-form-item>
-                <el-form-item label="Corresponding author :" label-width="180px">
-                    <el-switch v-model="authMeaIN.isReport" active-text="yes" inactive-text="no" @change="chanSelt"> </el-switch>
-                </el-form-item>
-                <el-form-item label="Title :" label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        Title :
-                    </span>
-                    <el-select v-model="authMeaIN.title" placeholder="Please select" style="width: 280px" @change="chanSelt">
-                        <el-option key="Prof." label="Prof." value="Prof."></el-option>
-                        <el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."></el-option>
-                        <el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."></el-option>
-                        <el-option key="Ph.D." label="Ph.D." value="Ph.D."></el-option>
-                        <el-option key="Others" label="Others" value="Others"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="Affiliation :" label-width="120px">
-                    <el-autocomplete
-                        class="inline-input"
-                        v-model="authMeaIN.company"
-                        :fetch-suggestions="searchCompany"
-                        placeholder="Affiliation"
-                        :trigger-on-focus="false"
-                        @select="selCompany($event, index)"
-                        style="width: 100%"
-                    >
-                    </el-autocomplete>
-                </el-form-item>
-                <el-form-item label="Department :" label-width="120px">
-                    <el-input v-model="authMeaIN.department" placeholder="Department"></el-input>
-                </el-form-item>
-                <el-form-item label="Address :" label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c" v-show="authMeaIN.isReport">*</span>
-                        Address :
-                    </span>
-                    <el-input v-model="authMeaIN.address" placeholder="Address"></el-input>
-                </el-form-item>
-                <el-form-item label-width="120px">
-                    <span slot="label">
-                        <span style="color: #f56c6c">*</span>
-                        Country :
-                    </span>
-                    <el-select v-model="authMeaIN.country" filterable placeholder="Please select" style="width: 280px">
-                        <el-option v-for="it in countrys" :key="it.en_name" :label="it.en_name" :value="it.en_name"></el-option>
-                    </el-select>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="authorVisible = false">Cancel</el-button>
-                <el-button type="primary" @click="saveAuthor(authMeaIN)">OK</el-button>
-            </span>
-        </el-dialog>
-    </div>
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            majorValueList:[],
-            baseUrl: this.Common.baseUrl,
-            usercap: localStorage.getItem('U_role'),
-            ms_alias: localStorage.getItem('ms_journal_alias'),
-            stagingID: this.$route.query.id,
-            isShowCommonWord: false,
-            move_step: 1, //进行步骤
-            show_step: 1, //显示内容
-            items: [],
-            check_item: {},
-            jour_form: {
-                journal: 0
-            },
-            changeVisible: false,
-            licensebox: false,
-            agreechecked: false,
-            loading: false,
-            listStep: [
-                {
-                    index: 1,
-                    icon: 'el-icon-s-order',
-                    title: 'Basic Information'
-                },
-                {
-                    index: 2,
-                    icon: 'el-icon-s-custom',
-                    title: 'Author Information'
-                },
-                {
-                    index: 3,
-                    icon: 'el-icon-s-management',
-                    title: 'Upload Manuscript'
-                },
-                {
-                    index: 4,
-                    icon: 'el-icon-s-check',
-                    title: 'Submit'
-                }
-            ],
-            form: {
-                article_id: 0,
-                journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : 1,
-                username: localStorage.getItem('U_name'),
-                user_id: localStorage.getItem('U_id'),
-                title: '',
-                major: '',
-                major_a: '',
-                major_b: '',
-                major_c: '',
-                authorList: [
-                    // 	{
-                    // 	firstname: '',
-                    // 	lastname: '',
-                    // 	orcid: '',
-                    // 	company: '',
-                    // 	department: '',
-                    // 	title: '',
-                    // 	country: '',
-                    // 	email: '',
-                    // 	address: '',
-                    // 	isSuper: false,
-                    // 	isReport: false,
-                    // 	load: false,
-                    // 	sort: 0
-                    // },
-                ],
-
-                checkedjours: [],
-                abstrart: '',
-                type: '',
-                approval: '',
-                istransfer: false,
-                becomeRev: false,
-                keyWords: '',
-                fund: '',
-                reviewers: [],
-                coverLetter: '',
-                picturesAndTables: '',
-                totalpage: '',
-                manuscirpt: '',
-                supplementary: '',
-                approval_file: '',
-                approval_content: '',
-                code: ''
-                // topics:null
-            },
-            raltiAutList: [],
-            journal_type: [
-                {
-                    name: 'ARTICLE',
-                    value: 'A'
-                },
-                {
-                    name: 'REVIEW',
-                    value: 'B'
-                },
-                {
-                    name: 'CASE REPORT',
-                    value: 'C'
-                },
-                {
-                    name: 'RESEARCH PROPOSAL',
-                    value: 'P'
-                },
-                {
-                    name: 'NEWS',
-                    value: 'N'
-                },
-                {
-                    name: 'COMMENT',
-                    value: 'T'
-                },
-                {
-                    name: 'CORRECTION',
-                    value: 'CT'
-                },
-                {
-                    name: 'HYPOTHESIS',
-                    value: 'HT'
-                },
-                {
-                    name: 'PREFACE',
-                    value: 'PF'
-                },
-                {
-                    name: 'EDITORIAL',
-                    value: 'ET'
-                },
-                {
-                    name: 'REPORT',
-                    value: 'RP'
-                },
-                {
-                    name: 'LETTER',
-                    value: 'LR'
-                },
-                {
-                    name: 'EMPIRICAL FORMULA',
-                    value: 'EF'
-                },
-                {
-                    name: 'EXPERT CONSENSUS',
-                    value: 'EC'
-                },
-                {
-                    name: 'LETTER TO EDITOR',
-                    value: 'LTE'
-                },
-                {
-                    name: 'QUESTIONNAIRE INVESTIGATION',
-                    value: 'QI'
-                },
-                {
-                    name: 'CASE SERIES',
-                    value: 'CS'
-                },
-                {
-                    name: 'RETRACTION',
-                    value: 'RT'
-                },
-                {
-                    name: 'MINI REVIEW',
-                    value: 'MR'
-                },
-                {
-                    name: 'OTHERS',
-                    value: 'O'
-                }
-            ],
-            reviewerForm: {
-                username: localStorage.getItem('U_name'),
-                gender: 1,
-                introduction: '',
-                country: '',
-                major: '',
-                field: '',
-                technical: '',
-                company: '',
-                qualifications: ''
-            },
-            tuiJianForm: [
-                {
-                    realname: '',
-                    email: '',
-                    country: '',
-                    major_all: ''
-                },
-                {
-                    realname: '',
-                    email: '',
-                    country: '',
-                    major_all: ''
-                },
-                {
-                    realname: '',
-                    email: '',
-                    country: '',
-                    major_all: ''
-                }
-            ],
-            countrys: [],
-            fileL_articleApproval: [],
-            fileL_coverLetter: [],
-            fileL_picturesAndTables: [],
-            fileL_manuscirpt: [],
-            fileL_supplementary: [],
-            rules: {
-                journal: [
-                    {
-                        required: true,
-                        message: 'Please select Journal',
-                        trigger: 'blur'
-                    }
-                ],
-                title: [
-                    {
-                        required: true,
-                        message: 'Please enter a title',
-                        trigger: 'blur'
-                    }
-                ],
-                type: [
-                    {
-                        required: true,
-                        message: 'Please select type',
-                        trigger: 'blur'
-                    }
-                ],
-                major: [
-                    {
-                        required: true,
-                        message: 'Please select major',
-                        trigger: 'blur'
-                    }
-                ],
-                abstrart: [
-                    {
-                        required: true,
-                        message: 'Please enter the abstract',
-                        trigger: 'blur'
-                    }
-                ],
-                keyWords: [
-                    {
-                        required: true,
-                        message: 'Please enter keywords',
-                        trigger: 'blur'
-                    }
-                ],
-                fund: [
-                    {
-                        required: true,
-                        message: 'Please input fund',
-                        trigger: 'blur'
-                    }
-                ],
-                totalpage: [
-                    {
-                        required: true,
-                        message: 'Please upload totalpage',
-                        trigger: 'blur'
-                    }
-                ],
-                manuscirpt: [
-                    {
-                        required: true,
-                        message: 'Please upload manuscirpt',
-                        trigger: 'blur'
-                    }
-                ],
-                introduction: [
-                    {
-                        required: true,
-                        message: 'Please input personal qualification and resume',
-                        trigger: 'blur'
-                    }
-                ],
-                country: [
-                    {
-                        required: true,
-                        message: 'Please select country',
-                        trigger: 'blur'
-                    }
-                ],
-                technical: [
-                    {
-                        required: true,
-                        message: 'Please select technical',
-                        trigger: 'blur'
-                    }
-                ],
-                field: [
-                    {
-                        required: true,
-                        message: 'Please enter field',
-                        trigger: 'blur'
-                    }
-                ],
-                company: [
-                    {
-                        required: true,
-                        message: 'Please enter company',
-                        trigger: 'blur'
-                    }
-                ],
-                email: [
-                    {
-                        required: true,
-                        message: 'Please enter email'
-                    },
-                    {
-                        validator: function (rule, value, callback) {
-                            if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
-                                callback(new Error('Please enter the correct email format'));
-                            } else {
-                                callback();
-                            }
-                        }
-                    }
-                ],
-                realname: [
-                    {
-                        message: 'Please enter realname',
-                        trigger: 'blur'
-                    }
-                ],
-                country: [
-                    {
-                        required: true,
-                        message: 'Please select country',
-                        trigger: 'blur'
-                    }
-                ],
-                major_all: [
-                    {
-                        required: true,
-                        message: 'Please select major',
-                        trigger: 'blur'
-                    }
-                ],
-                approval: [
-                    {
-                        required: true,
-                        message: 'Please select whether ethical approval was obtained',
-                        trigger: 'blur'
-                    }
-                ],
-                approval_content: [
-                    {
-                        required: true,
-                        message: 'Please enter reason',
-                        trigger: 'blur'
-                    }
-                ],
-                approval_file: [
-                    {
-                        required: true,
-                        message: 'Please upload ethical approva file',
-                        trigger: 'blur'
-                    }
-                ]
-            },
-            forWard: false,
-            authorVisible: false,
-            authMeaIN: {
-                firstname: '',
-                lastname: '',
-                orcid: '',
-                company: '',
-                department: '',
-                title: '',
-                country: '',
-                email: '',
-                address: '',
-                isSuper: false,
-                isReport: false,
-                load: false,
-                sort: 0
-            },
-            activeNames: [1],
-            keywordsList: [
-                {
-                    ke: ''
-                }
-            ],
-            majors_a: [],
-            majors_b: [],
-            majors_c: [],
-            Reviewerof: {
-                username: localStorage.getItem('U_name'),
-                journal: localStorage.getItem('ms_journal_alias') ? parseInt(localStorage.getItem('ms_journal_alias')) : 1
-            },
-            checkReviewerof: 0,
-            companyList: [],
-            countrys: [],
-            majorList: [],
-            step4MajorList: [], // 第四步的major数据
-            jl_major: [],
-            defaultParams: {
-                label: 'title',
-                value: 'major_id',
-                children: 'children'
-            },
-            default4Params: {
-                label: 'major_title',
-                value: 'major_id',
-                children: 'children'
-            },
-            mj_jour: [],
-            jour_name: '',
-            topicsList: null, // 话题列表
-            topicsProps: {
-                multiple: true,
-                emitPath: false, // 只返回该节点的值
-                value: 'journal_topic_id', // 自定义要映射的键名
-                label: 'title',
-                children: 'children'
-            },
-            tables: [],
-            wordimgList: [],
-            tablesHtml: [],
-            imagesHtml: []
-        };
-    },
-    watch: {
-        collapseValue: {
-            handler(e) {
-                console.log(e);
-            },
-            immediate: true
-        },
-        form: {
-            handler(e) {
-                // console.log(e)
-            },
-            deep: true
-        }
-    },
-    created() {
-        this.initSelect();
-        this.getAutData();
-        if (this.stagingID != undefined) {
-            this.form.article_id = this.stagingID;
-            this.Temporary();
-        } else {
-            this.initMajor();
-            // this.getTopics()  获取话题列表
-        }
-    },
-    computed: {
-        collapseValue() {
-            return localStorage.getItem('collapse');
-        },
-        upload_articleApproval: function () {
-            return this.baseUrl + 'api/Article/up_approval_file';
-        },
-        upload_coverLetter: function () {
-            return this.baseUrl + 'api/Article/up_file/type/coverLetter';
-        },
-        upload_picturesAndTables: function () {
-            return this.baseUrl + 'api/Article/up_file/type/picturesAndTables';
-        },
-        upload_totalpage: function () {
-            return this.baseUrl + 'api/Article/up_file/type/totalpage';
-        },
-        upload_manuscirpt: function () {
-            return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
-        },
-        upload_supplementary: function () {
-            return this.baseUrl + 'api/Article/up_file/type/supplementary';
-        },
-        upload_qualifications: function () {
-            return this.baseUrl + 'api/Admin/up_file';
-        }
-    },
-    methods: {
-        onSubmit() {
-            if (!this.agreechecked) {
-                this.$message.error(
-                    'Dear author, the licenses need to be accecpted before you submit the manuscript. You could find more information in http://creativecommons.org/licenses/by/4.0/'
-                );
-                return false;
-            }
-            this.$refs.articleform.validate((valid) => {
-                //验证文档
-                if (this.form.manuscirpt == '') {
-                    this.$message.error('Manuscirpt is required');
-                    // console.log('file up error');
-                    return false;
-                }
-                //验证作者
-                let authorlist = this.form.authorList;
-                let Firsta = 0;
-                let Corra = 0;
-                if (authorlist.length == 0) {
-                    this.$message.error('Author is required');
-                    return false;
-                }
-                for (var kk in authorlist) {
-                    if (authorlist[kk].email == '') {
-                        this.$message.error('Please enter author email!');
-                        return false;
-                    }
-                    if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(authorlist[kk].email) == false) {
-                        this.$message.error('Please enter the correct author email format!');
-                        return false;
-                    }
-                    if (authorlist[kk].firstname == '') {
-                        this.$message.error('Please enter author name!');
-                        return false;
-                    }
-                    if (authorlist[kk].country == '') {
-                        this.$message.error('Country is necessary for author!');
-                        return false;
-                    }
-                    if (authorlist[kk].isReport && authorlist[kk].address == '') {
-                        this.$message.error('Address is necessary for corresponding author!');
-                        return false;
-                    }
-                    if (authorlist[kk].isReport) {
-                        Corra++;
-                    }
-                    if (authorlist[kk].isSuper) {
-                        Firsta++;
-                    }
-                }
-                if (Firsta == 0 || Corra == 0) {
-                    this.$message.error('First author and corresponding author must be exist');
-                    return false;
-                }
-                //验证文章领域
-                if (this.form.major == '') {
-                    this.$message.error('Major is required');
-                    return false;
-                }
-                //验证选择转投但没选期刊项的情况
-                if (this.form.istransfer && this.form.checkedjours.length == 0) {
-                    this.$message.error('If you chose co-submission, you need to select at least one journal.');
-                    return false;
-                }
-                //keywords转化
-                var flist = this.keywordsList;
-                var fstr = '';
-                for (var fu in flist) {
-                    if (flist[fu].ke != '') {
-                        fstr += flist[fu].ke.trim() + ',';
-                    }
-                }
-                this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                if (valid) {
-                    // 验证是否推荐审稿人
-                    let tj_shifou = 0;
-                    for (let i in this.tuiJianForm) {
-                        if (
-                            this.tuiJianForm[i].major_all != '' ||
-                            this.tuiJianForm[i].realname != '' ||
-                            this.tuiJianForm[i].email != '' ||
-                            this.tuiJianForm[i].country != ''
-                        ) {
-                            tj_shifou = 1;
-                        }
-                    }
-                    let tuijian_yanzheng = 0;
-                    if (tj_shifou == 1) {
-                        for (let i in this.tuiJianForm) {
-                            this.$refs.tuiJianForm[i].validate((vali) => {
-                                if (vali) {
-                                    tuijian_yanzheng += 0;
-                                    //this.tuiJianForm[i].major = this.tuiJianForm[i].major_all[0]
-                                    this.tuiJianForm[i].major = this.tuiJianForm[i].major_all[this.tuiJianForm[i].major_all.length - 1];
-                                    //this.tuiJianForm[i].cmajor = this.tuiJianForm[i].major_all[1]
-                                } else {
-                                    tuijian_yanzheng += 1;
-                                }
-                            });
-                        }
-                        this.form.reviewers = this.tuiJianForm;
-                    } else {
-                        this.form.reviewers = [];
-                    }
-                    if (tuijian_yanzheng == 0) {
-                        this.loading = true;
-                        // 验证是不是同意申请审稿人
-                        if (this.form.becomeRev == true) {
-                            if (this.usercap.includes('reviewer')) {
-                                // 如果已经是审稿人
-                                this.$api
-                                    .post('api/Ucenter/applyReviewer', {
-                                        user_id: localStorage.getItem('U_id'),
-                                        journal_id: this.form.journal
-                                    })
-                                    .then((res) => {
-                                        if (res.code == 0) {
-                                            this.$message.success('Apply Success!');
-                                            this.Submission_of_manuscripts();
-                                        } else {
-                                            this.$message.error(res.msg);
-                                        }
-                                    })
-                                    .catch((err) => {
-                                        console.log(err);
-                                    });
-                            } else {
-                                if (this.reviewerForm.qualifications == '') {
-                                    this.$message.error('qualifications is required');
-                                    return false;
-                                }
-                                // 如果不是审稿人
-                                this.reviewerForm.journal = this.form.journal;
-                                this.$refs.reviewerform.validate((vali) => {
-                                    if (vali) {
-                                        this.$api.post('api/Admin/becameReviewer', this.reviewerForm).then((res) => {
-                                            if (res.code == 0) {
-                                                this.$message.success('Apply Success!');
-                                                this.Submission_of_manuscripts();
-                                            } else {
-                                                this.$message.error(res.msg);
-                                            }
-                                        });
-                                    }
-                                });
-                            }
-                        } else {
-                            this.Submission_of_manuscripts();
-                        }
-                    }
-                } else {
-                    this.$message.error('Failed to submit. Please ensure the integrity of the information');
-                    console.log('The submission encountered an error.');
-                    return false;
-                }
-            });
-        },
-
-        Submission_of_manuscripts() {
-            // 提交稿件
-            this.$api
-                // api/Article/addArticle
-                .post('api/Article/addArticlePart4', this.form)
-                .then((res) => {
-                    this.loading = false;
-                    if (res.code == 0) {
-                        this.$message.success('Successful submission!');
-                        this.$router.push('/articleList');
-                    } else {
-                        if (res.msg == undefined) {
-                            this.$message.error('Failed to submit, please contact administrator!');
-                            console.log(res.msg);
-                        } else {
-                            this.$message({
-                                duration: 0,
-                                showClose: true,
-                                message: res.msg,
-                                type: 'warning'
-                            });
-                            return false;
-                        }
-                    }
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-
-        addfund() {
-            this.keywordsList.push({
-                ke: ''
-            });
-        },
-
-        //初始化期刊选项
-        initSelect() {
-            this.$api
-                .post('api/Article/getJournal')
-                .then((res) => {
-                    this.items = res;
-                    for (let i in this.items) {
-                        if (this.items[i].journal_id == this.form.journal) {
-                            this.check_item = this.items[i];
-                            this.jour_form.journal = this.items[i].journal_id;
-                        }
-                    }
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-            this.$api.post('api/Admin/getCountrys').then((res) => {
-                this.countrys = res;
-            });
-            this.$api.post('api/Article/getAllCompany').then((res) => {
-                this.companyList = [];
-                for (let i in res.data.companys) {
-                    this.companyList.push({
-                        value: res.data.companys[i].title
-                    });
-                }
-            });
-            this.$api
-                .post('/api/Reviewer/getMajorForReviewer', {
-                    username: localStorage.getItem('U_name')
-                })
-                .then((res) => {
-                    if (res.data.major != 0) {
-                        this.$api.post('api/User/getMajorList').then((res) => {
-                            this.majorList = res.data;
-                        });
-                    }
-                });
-            this.$api
-                .post('api/Reviewer/getAllMajor')
-                .then((res) => {
-                    this.jl_major = res.data.majors;
-                })
-                .catch((err) => {
-                    this.$message.error(err);
-                });
-            this.checkReviewer();
-            this.$api.post('api/Major/getMajorList').then((res) => {
-                console.log(res, 99);
-                this.step4MajorList = res.data.majors;
-            });
-        },
-
-        // 邮箱用户模糊搜索
-        chaMateFit(value, cb, num) {
-            console.log('num at line 1587:', value);
-            // var mailRegular = /^\w+([-+._']\w+)*@\w+(\.[a-zA-Z]{2,3}){1,2}$/
-            var mailRegular = /^\w+([-+._']\w+)*@/;
-            // if (mailRegular.test(value)) {
-            this.form.authorList[num].load = true;
-            // this.$forceUpdate();
-            this.$api
-                .post('api/Article/getRelationAuthorByEmail', {
-                    email: value,
-                    page: 1,
-                    limit: 10
-                })
-                .then((res) => {
-                    var restaurants = res.data.authors;
-                    for (let i in restaurants) {
-                        restaurants[i].value = restaurants[i].email + ' | ' + restaurants[i].firstname + restaurants[i].lastname;
-                    }
-                    var results = value ? restaurants.filter(this.createMata(value)) : restaurants;
-                    console.log('🚀 ~ .then ~ results177:', results);
-                    // 调用 callback 返回建议列表的数据
-                    cb(results);
-                    this.form.authorList[num].load = false;
-                    this.$forceUpdate();
-                });
-            // }
-        },
-
-        createMata(queryString) {
-            return (restList) => {
-                return restList.value.toLowerCase().indexOf(queryString.toLowerCase()) != -1;
-            };
-        },
-
-        // 选中用户
-        chaSelChose(value, num) {
-            console.log(value);
-            console.log(num);
-            this.authMeaIN.firstname = value.firstname ? value.firstname : '';
-            this.authMeaIN.lastname = value.lastname ? value.lastname : '';
-            this.authMeaIN.orcid = value.orcid ? value.orcid : '';
-            this.authMeaIN.company = value.company ? value.company : '';
-            this.authMeaIN.department = value.department ? value.department : '';
-            this.authMeaIN.title = value.title ? value.title : value.author_title ? value.author_title : '';
-            this.authMeaIN.country = value.country ? value.country : '';
-            this.authMeaIN.email = value.email ? value.email : '';
-            this.authMeaIN.address = value.address ? value.address : '';
-            this.authMeaIN.isSuper = false;
-            this.authMeaIN.isReport = false;
-            this.authMeaIN.load = false;
-            this.authMeaIN.sort = num;
-            this.$forceUpdate();
-        },
-
-        // 相关作者展开隐藏
-        forWarMark() {
-            if (this.forWard) {
-                this.forWard = false;
-            } else {
-                this.forWard = true;
-            }
-        },
-        raltSHpin(index, num) {
-            if (num == 0) {
-                this.raltiAutList[index].showHide = false;
-            } else {
-                this.raltiAutList[index].showHide = true;
-            }
-            this.$forceUpdate();
-        },
-
-        // 选择推荐作者
-        checkAuthor(value, num) {
-            console.log('🚀 ~ checkAuthor ~ value:', value);
-            var isHaveAuthor = this.form.authorList.findIndex((e) => {
-                if (e.email == value.email) {
-                    return e;
-                }
-            });
-            if (isHaveAuthor >= 0) {
-                this.$message.error('The same author can only be added once');
-                return false;
-            }
-            console.log('🚀 ~ isHaveAuthor ~ isHaveAuthor:', isHaveAuthor);
-            // this.form.authorList.push({
-            // 	firstname: value.firstname ? value.firstname : '',
-            // 	lastname: value.lastname ? value.lastname : '',
-            // 	orcid: value.orcid ? value.orcid : '',
-            // 	company: value.company ? value.company : '',
-            // 	department: value.department ? value.department : '',
-            // 	title: value.title ? value.title : '',
-            // 	country: value.country ? value.country : '',
-            // 	email: value.email ? value.email : '',
-            // 	address: value.address ? value.address : '',
-            // 	isSuper: false,
-            // 	isReport: value.address ? true : false,
-            // 	load: false,
-            // 	sort: this.form.authorList.length
-            // });
-            value.firstname = value.firstname ? value.firstname : '';
-            value.lastname = value.lastname ? value.lastname : '';
-            value.orcid = value.orcid ? value.orcid : '';
-            value.company = value.company ? value.company : '';
-            value.department = value.department ? value.department : '';
-            value.title = value.title ? value.title : value.author_title ? value.author_title : '';
-            value.country = value.country ? value.country : '';
-            value.email = value.email ? value.email : '';
-            value.address = value.address ? value.address : '';
-            value.isSuper = false;
-            value.isReport = false;
-            value.load = false;
-            value.sort = num;
-            value.article_id = this.stagingID;
-            this.$api.post('api/Article/addAuthor', value).then((res) => {
-                this.TempoAuthor();
-                this.$message.success('Added successfully');
-            });
-        },
-
-        // 添加作者信息
-        addAuthor() {
-            // this.form.authorList.push({
-            // 	firstname: '',
-            // 	lastname: '',
-            // 	orcid: '',
-            // 	company: '',
-            // 	department: '',
-            // 	title: '',
-            // 	country: '',
-            // 	email: '',
-            // 	address: '',
-            // 	isSuper: false,
-            // 	isReport: false,
-            // 	load: false,
-            // 	sort: this.form.authorList.length
-            // });
-            this.authorVisible = true;
-            this.authMeaIN.art_aut_id = '';
-            this.authMeaIN.firstname = '';
-            this.authMeaIN.lastname = '';
-            this.authMeaIN.orcid = '';
-            this.authMeaIN.company = '';
-            this.authMeaIN.department = '';
-            this.authMeaIN.title = '';
-            this.authMeaIN.country = '';
-            this.authMeaIN.email = '';
-            this.authMeaIN.address = '';
-            this.authMeaIN.isSuper = false;
-            this.authMeaIN.isReport = false;
-            this.authMeaIN.load = false;
-            this.authMeaIN.sort = this.form.authorList.length;
-            console.log(this.form.authorList);
-        },
-
-        // 修改用户信息
-        editAuthor(value, num) {
-            this.authMeaIN.art_aut_id = value.art_aut_id ? value.art_aut_id : '';
-            this.authMeaIN.firstname = value.firstname ? value.firstname : '';
-            this.authMeaIN.lastname = value.lastname ? value.lastname : '';
-            this.authMeaIN.orcid = value.orcid ? value.orcid : '';
-            this.authMeaIN.company = value.company ? value.company : '';
-            this.authMeaIN.department = value.department ? value.department : '';
-            this.authMeaIN.title = value.title ? value.title : '';
-            this.authMeaIN.country = value.country ? value.country : '';
-            this.authMeaIN.email = value.email ? value.email : '';
-            this.authMeaIN.address = value.address ? value.address : '';
-            this.authMeaIN.isSuper = value.isSuper == 1 ? true : false;
-            this.authMeaIN.isReport = value.isReport == 1 ? true : false;
-            this.authMeaIN.load = false;
-            this.authMeaIN.sort = num;
-            this.authorVisible = true;
-        },
-
-        // 保存修改用户信息
-        saveAuthor(value) {
-            if (value.firstname == '' || value.lastname == '' || value.title == '' || value.Country == '' || value.email == '') {
-                this.$message.error('Please provide complete author information!');
-                return;
-            }
-            if (value.isReport) {
-                if (value.address == '') {
-                    this.$message.error('Please provide complete author information!');
-                    return;
-                }
-            }
-            value.article_id = this.stagingID;
-            var urlLink = '';
-            if (!value.art_aut_id) {
-                urlLink = 'api/Article/addAuthor';
-            } else {
-                urlLink = 'api/Article/editAuthor';
-            }
-            this.$api.post(urlLink, value).then((res) => {
-                if (res.code == 0) {
-                    this.TempoAuthor();
-                    this.authorVisible = false;
-                    this.$message.success('Successfully saved');
-                } else {
-                    this.$message.error(res.msg);
-                }
-            });
-        },
-
-        // 删除作者信息
-        deleteAuthor(item, index) {
-            // 二次确认删除
-            this.$confirm('Are you sure you want to delete this author?', 'Delete', {
-                type: 'warning'
-            })
-                .then(() => {
-                    item.article_id = this.stagingID;
-                    this.$api
-                        .post('api/Article/delAuthor', {
-                            art_aut_id: item.art_aut_id
-                        })
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.TempoAuthor();
-                                this.$message.success('Delete successful');
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        });
-                })
-                .catch(() => {});
-        },
-
-        // 用户排序更改
-        gaPaiXu(value, inx) {
-            if (inx == 'top') {
-                this.$api
-                    .post('api/Article/upAuthors', {
-                        art_aut_id: value.art_aut_id
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.TempoAuthor();
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else {
-                this.$api
-                    .post('api/Article/downAuthors', {
-                        art_aut_id: value.art_aut_id
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.TempoAuthor();
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            }
-            // for (let i in this.form.authorList) {
-            // 	this.form.authorList[i].sort = i
-            // }
-        },
-
-        // 获取相关作者列表
-        getAutData() {
-            this.$api
-                .post('api/Article/getRelationAuthor', {
-                    user_id: localStorage.getItem('U_id')
-                })
-                .then((res) => {
-                    this.raltiAutList = res.data.authors;
-                    for (let i in this.raltiAutList) {
-                        this.raltiAutList[i].showHide = false;
-                    }
-                });
-        },
-
-        // 机构模糊搜索
-        searchCompany(queryString, cb) {
-            var companyList = this.companyList;
-            var results = queryString ? companyList.filter(this.createFilter(queryString)) : companyList;
-            // 调用 callback 返回建议列表的数据
-            cb(results);
-        },
-
-        createFilter(queryString) {
-            return (companyList) => {
-                return companyList.value.toLowerCase().indexOf(queryString.toLowerCase()) != -1;
-            };
-        },
-
-        selCompany(item, index) {
-            this.form.authorList[index].company = item.value;
-        },
-
-        checkReviewer() {
-            this.$api.post('api/Reviewer/checkReviewerOfJournal', this.Reviewerof).then((res) => {
-                this.checkReviewerof = res.data.has;
-            });
-        },
-
-        open() {
-            let str =
-                'Creative Commons Licensing<br> Medicine provides authors the choice of applying the Creative Commons 4.0 licenses defined below, to be determined after acceptance:<br>Attribution: CC-BY<br>This license lets others distribute, remix, tweak, and build upon your work, even commercially, if they credit you for the original creation. <br>This is the most accommodating of licenses offered.';
-            this.$alert(str, '', {
-                confirmButtonText: 'ok'
-            });
-        },
-
-        initMajor() {
-            this.$api
-                .post('api/Major/getMajorForAddArticle', {
-                    journal_id: this.form.journal,
-                    major_id: 1
-                })
-                .then((res) => {
-                    this.majors_a = res.data.majors;
-                });
-        },
-
-        majorChange(e) {
-            if (e == 1) {
-                this.$api
-                    .post('api/Major/getMajorForAddArticle', {
-                        journal_id: this.form.journal,
-                        major_id: this.form.major_a
-                    })
-                    .then((res) => {
-                        this.majors_b = res.data.majors;
-                        this.majors_c = [];
-                        this.form.major_b = '';
-                        this.form.major_c = '';
-                        this.majorChange_panduan();
-                    });
-            } else if (e == 2 && this.form.major_b != 0) {
-                this.$api
-                    .post('api/Major/getMajorForAddArticle', {
-                        journal_id: this.form.journal,
-                        major_id: this.form.major_b
-                    })
-                    .then((res) => {
-                        this.majors_c = res.data.majors;
-                        this.form.major_c = '';
-                        this.majorChange_panduan();
-                    });
-            } else {
-                this.majorChange_panduan();
-            }
-        },
-
-        majorChange_panduan() {
-            if (this.form.major_c != '' || this.form.major_c != 0) {
-                this.form.major = this.form.major_c;
-            } else if (this.form.major_b != '' || this.form.major_b != 0) {
-                this.form.major = this.form.major_b;
-            } else {
-                this.form.major = this.form.major_a;
-            }
-            // 选择共同投稿清除
-            this.mj_jour = [];
-            this.form.checkedjours = [];
-            this.form.istransfer = false;
-        },
-
-        getjournalbyid(jid) {
-            for (var i in this.items) {
-                if (this.items[i].journal_id == jid) {
-                    return this.items[i].title;
-                }
-            }
-        },
-
-        uperr_coverLetter(err) {
-            this.$message.error('Upload error');
-        },
-
-        // 共同投稿
-        changeSwitch(val) {
-            if (val === true) {
-                let flag = val;
-                this.form.istransfer = false;
-                // // 二次确认
-                this.$confirm(
-                    'Please confirm this information again. When you select this Co-submission again. if the manuscript is not suitable for the first journal, the manuscript will be automatically submitted to the journal you selected.',
-                    'Tips',
-                    {
-                        confirmButtonText: 'OK',
-                        cancelButtonText: 'Cancel',
-                        type: 'warning'
-                    }
-                )
-                    .then(() => {
-                        this.form.istransfer = true;
-                        // 获取期刊by领域
-                        this.$api
-                            .post('api/Article/getJournalsByMajor', {
-                                major_id: this.form.major
-                            })
-                            .then((res) => {
-                                this.mj_jour = res.data.journals;
-                            });
-                    })
-                    .catch(() => {});
-            }
-        },
-        // 是否申请审稿人
-        changeBecome(val) {
-            if (val === true) {
-                let flag = val;
-                this.form.becomeRev = false;
-                // // 二次确认
-                this.$confirm('Do you want to apply to be a reviewer of ' + this.getjournalbyid(this.form.journal) + '?', 'Tips', {
-                    type: 'warning'
-                })
-                    .then(() => {
-                        this.form.becomeRev = true;
-                        // 作者同意申请审稿人
-                    })
-                    .catch(() => {});
-            }
-        },
-
-        // 添加推荐审稿人
-        onAddTuijian() {
-            this.tuiJianForm.push({
-                realname: '',
-                email: '',
-                country: '',
-                major_all: ''
-            });
-        },
-
-        onDeleteTuijian(item, index) {
-            this.tuiJianForm.splice(index, 1);
-        },
-
-        // 下载文件
-        dowloadFile(file) {
-            let filePath = '/public/' + file.url;
-            let fileName = file.name;
-
-            // 获取heads中的filename文件名
-            let downloadElement = document.createElement('a');
-            // 创建下载的链接
-            downloadElement.href = filePath; // 下载后文件名
-            downloadElement.download = fileName;
-            downloadElement.target = '_blank';
-            document.body.appendChild(downloadElement);
-            // 点击下载
-            downloadElement.click();
-            // 下载完成移除元素
-            document.body.removeChild(downloadElement);
-        },
-        //检验上传文件的格式
-        beforeupload_articleApproval(file) {
-            // const ismau =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-            //     file.type === 'application/x-zip-compressed' ||
-            //     file.name.split('.')[1] === 'rar';
-            // if (!ismau) {
-            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
-            // }
-            // return ismau;
-        },
-        beforeupload_coverLetter(file) {
-            // const isWORd =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/pdf' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
-            // if (!isWORd) {
-            //     this.$message.error('Only word and pdf files can be uploaded(.pdf,.doc,.docx)');
-            // }
-            // return isWORd;
-        },
-        beforeupload_picturesAndTables(file) {
-            let flieArr = file.name.split('.');
-            let fileSuffix = flieArr[flieArr.length - 1];
-            if (fileSuffix != 'zip') {
-                this.$message.error('Only ZIP files can be uploaded (file format: .zip).');
-                return false;
-            }
-
-            // const iszip =
-            //     file.type === 'application/x-zip-compressed';
-            // if (!iszip) {
-            //     this.$message.error('Only compressed files can be uploaded(.zip)');
-            //     return false;
-            // }
-            // return iszip;
-        },
-        beforeupload_totalpage(file) {},
-        beforeupload_manuscirpt(file) {
-            console.log('file at line 2075:', file);
-            let flieArr = file.name.split('.');
-            let fileSuffix = flieArr[flieArr.length - 1];
-            if (fileSuffix != 'docx') {
-                this.$message.error('Only word and compressed files can be uploaded(.docx)');
-                return false;
-            }
-
-            // const ismau =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-            //     file.type === 'application/x-zip-compressed' ||
-            //     file.name.split('.')[1] === 'rar';
-            // if (!ismau) {
-            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
-            // }
-            // return ismau;
-        },
-        beforeupload_supplementary(file) {
-            let flieArr = file.name.split('.');
-            let fileSuffix = flieArr[flieArr.length - 1];
-            if (fileSuffix != 'zip') {
-                this.$message.error('Only zip files can be uploaded(.zip)');
-                return false;
-            }
-            // const ismau =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
-            //     file.type === 'application/x-zip-compressed' ||
-            //     file.name.split('.')[1] === 'rar';
-            // if (!ismau) {
-            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
-            // }
-            // return ismau;
-        },
-        //文件上传成功后的操作
-        upSuccess_articleApproval(res, file) {
-            if (res.code == 0) {
-                this.form.approval_file = 'articleApproval/' + res.upurl;
-                this.fileL_articleApproval = [{}];
-                this.fileL_articleApproval[0].name = 'Ethical approval File';
-                this.fileL_articleApproval[0].url = 'articleApproval/' + res.upurl;
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-            console.log(this.form);
-        },
-        upSuccess_coverLetter(res, file) {
-            if (res.code == 0) {
-                this.form.coverLetter = 'coverLetter/' + res.upurl;
-                this.fileL_coverLetter = [{}];
-                this.fileL_coverLetter[0].name = 'Cover letter File';
-                this.fileL_coverLetter[0].url = 'coverLetter/' + res.upurl;
-                this.onStaging(3);
-            } else {
-                this.$message.error('service error：' + res.msg);
-            }
-        },
-        upSuccess_picturesAndTables(res, file, fileList) {
-            if (res.code == 0) {
-                this.form.picturesAndTables = 'picturesAndTables/' + res.upurl;
-                this.fileL_picturesAndTables = [{}];
-                this.fileL_picturesAndTables[0].name = 'Figures File';
-                this.fileL_picturesAndTables[0].url = 'picturesAndTables/' + res.upurl;
-                this.onStaging(4);
-            } else {
-                this.$message.error('service error：' + res.msg);
-            }
-        },
-        upSuccess_totalpage(res, file) {
-            if (res.code == 0) {
-                this.form.totalpage = 'totalpage/' + res.upurl;
-            } else {
-                this.$message.error('service error：' + res.msg);
-            }
-        },
-
-        addWordTablesList(tables) {
-            console.log('tables at line 2187:', tables);
-            console.log('this.fileMesForm at line 2189:', this.stagingID);
-            var data = {
-                article_id: this.stagingID,
-
-                list: tables.map((e) => ({
-                    table: JSON.stringify([...e]),
-                    type: 0,
-                    html_data: ''
-                }))
-            };
-
-            this.$api.post('api/Article/addArticleTable', data).then((res) => {
-                this.isShowCommonWord = true;
-            });
-        },
-        upLoadWordTables() {},
-        upSuccess_manuscirpt(res, File) {
-            // console.log('file at line 2174:', file.raw)
-            if (File) {
-                var that = this;
-                const reader = new FileReader();
-                reader.onload = function (e) {
-                    that.$commonJS.extractWordTablesToArrays(File.raw, function (wordTables) {
-                        console.log('tablesHtml at line 61:', wordTables);
-
-                        that.addWordTablesList(wordTables);
-                    });
-                };
-                reader.readAsArrayBuffer(File.raw);
-            }
-            if (res.code == 0) {
-                this.form.manuscirpt = 'manuscirpt/' + res.upurl;
-                this.fileL_manuscirpt = [{}];
-                this.isShowCommonWord = false;
-                this.fileL_manuscirpt[0].name = 'Manuscirpt File';
-                this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
-
-                this.onStaging(5);
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-        },
-        upSuccess_supplementary(res, file) {
-            if (res.code == 0) {
-                this.form.supplementary = 'supplementary/' + res.upurl;
-                this.fileL_supplementary = [{}];
-                this.fileL_supplementary[0].name = 'Supplementary Material';
-                this.fileL_supplementary[0].url = 'supplementary/' + res.upurl;
-                this.onStaging(6);
-            } else {
-                this.$message.error('service error: ' + res.msg);
-            }
-        },
-        clearUploadedFile() {
-            this.$refs['uploadFile'].clearFiles();
-        },
-        //超出传送文件个数限制
-        alertlimit() {
-            this.$message.error('The maximum number of uploaded files has been exceeded');
-        },
-        //清除文件时的事件
-        removefilearticleApproval(file, fileList) {
-            this.form.approval_file = '';
-            this.fileL_articleApproval = [];
-        },
-        removefilecoverLetter(file, fileList) {
-            this.form.coverLetter = '';
-            this.fileL_coverLetter = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.coverLetterId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        removefilepicturesAndTables(file, fileList) {
-            console.log('file at line 2199:', file);
-            if (!file) {
-                return false;
-            }
-            this.form.picturesAndTables = '';
-            this.fileL_picturesAndTables = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.picturesAndTablesId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        removefiletotalpage(file, fileList) {
-            this.form.totalpage = '';
-        },
-        clearFileManuscript() {
-            this.wordimgList = [];
-            this.imagesHtml = '';
-            this.tables = [];
-            this.tablesHtmlHtml = '';
-            this.isShowCommonWord = false;
-            this.$api
-                .post('api/Article/reloadArticleImages', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {});
-
-            this.$api
-                .post('api/Article/reloadArticleTable', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {});
-        },
-        removefilemanuscirpt(file, fileList) {
-            console.log('fileList at line 2337:', file, fileList);
-            if (this.form.manuscirpt != '') {
-            }
-            this.form.manuscirpt = '';
-            this.fileL_manuscirpt = [];
-            this.$refs['uploadFileManuscirpt'].clearFiles();
-            this.clearFileManuscript();
-            if (this.form.manuscirptId) {
-                this.$api
-                    .post('api/Article/delArticleFile', {
-                        file_id: this.form.manuscirptId
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.$message.success('Deletion succeeded!');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            }
-        },
-        removefilesupplementary() {
-            this.form.supplementary = '';
-            this.fileL_supplementary = [];
-            this.$api
-                .post('api/Article/delArticleFile', {
-                    file_id: this.form.supplementaryId
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Deletion succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        getOpState(index) {
-            let a = this.activeNames.indexOf(index) > -1 ? 'Close' : 'Open';
-        },
-        checkfiletype(file) {},
-
-        // 上传文件-简历
-        uperr(err) {
-            this.$message.error('upload defailed:' + err);
-        },
-        upSuccess(res, file) {
-            if (res.code == 0) {
-                this.reviewerForm.qualifications = res.upurl;
-            } else {
-                this.$message.error('Server upload error：' + res.msg);
-            }
-        },
-        alertlimit() {
-            this.$message.error('The maximum number of uploaded files has been exceeded');
-        },
-        removefile() {
-            this.reviewerForm.qualifications = '';
-        },
-
-        // 点击更换期刊
-        change_Journal() {
-            this.jour_form.journal = this.form.journal;
-            this.changeVisible = true;
-        },
-
-        // 点击期刊-更换
-        ch_Jour(e) {
-            this.jour_form.journal = e;
-        },
-
-        // 点击期刊-确定
-        close_ch_Jour() {
-            for (let i in this.items) {
-                if (this.items[i].journal_id == this.jour_form.journal) {
-                    this.check_item = this.items[i];
-                }
-            }
-            this.Reviewerof.journal = this.jour_form.journal;
-            this.checkReviewer();
-            this.form.journal = this.jour_form.journal;
-            this.form.major = '';
-            this.form.major_a = '';
-            this.form.major_b = '';
-            this.form.major_c = '';
-            this.majors_a = [];
-            this.majors_b = [];
-            this.majors_c = [];
-            this.mj_jour = [];
-            this.form.checkedjours = [];
-            this.form.istransfer = false;
-            this.form.becomeRev = false;
-            this.changeVisible = false;
-            this.initMajor();
-        },
-        getFee(id) {
-            if (this.items.find((e) => e.journal_id == id)) {
-                return this.items.find((e) => e.journal_id == id).fee;
-            } else {
-                return null;
-            }
-
-            // console.log('this.journals at line 2409:', this.journals)
-        },
-        // 点击期刊-更换-所有
-        ch_Jour_all(e) {
-            this.Reviewerof.journal = e;
-            this.checkReviewer();
-            this.form.journal = e;
-            this.form.major = '';
-            this.form.major_a = '';
-            this.form.major_b = '';
-            this.form.major_c = '';
-            this.majors_a = [];
-            this.majors_b = [];
-            this.majors_c = [];
-            this.mj_jour = [];
-            this.form.checkedjours = [];
-            this.form.istransfer = false;
-            this.form.becomeRev = false;
-            this.initMajor();
-            // this.getTopics()
-        },
-
-        // 点击tab变化
-        StepCode(e) {
-            console.log('🚀 ~ StepCode ~ e111:', e);
-            console.log(e);
-            if (this.move_step > e) {
-                if (this.move_step == 2) {
-                    this.onStaging(2);
-                }
-                this.show_step = e;
-                this.move_step = e;
-            } else if (this.move_step < e) {
-                this.$refs.articleform.validate((valid) => {
-                    if (valid) {
-                        if (this.move_step == 1) {
-                            //暂时注销 start
-                            // var flist = this.keywordsList;
-                            // var fstr = '';
-                            // for (var fu in flist) {
-                            //     if (flist[fu].ke != '') {
-                            //         fstr += flist[fu].ke.trim() + ',';
-                            //     }
-                            // }
-                            // this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                            // this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
-                            //     if (res.code == 0) {
-                            //         this.stagingID = res.data.article_id;
-                            //         this.form.article_id = res.data.article_id;
-                            //         this.$message.success('Saving succeeded!');
-                            //暂时注销 End
-                            this.move_step = 2; //进行步骤
-                            this.show_step = 2; //显示内容
-
-                            //暂时注销 start
-                            //     } else {
-                            //         this.$message.error(res.msg);
-                            //     }
-
-                            // });
-                            //暂时注销 End
-                        } else if (this.move_step == 2) {
-                            this.onStaging(2);
-                            this.show_step = 3;
-                            this.move_step = 3;
-                        } else {
-                            this.show_step = e;
-                            this.move_step = e;
-                        }
-                    } else {
-                        this.$message.error('Please fill in the current content first!');
-                        return false;
-                    }
-                });
-            } else {
-                if (e == 1) {
-                    this.onStaging(1);
-                }
-                if (e == 2) {
-                    this.onStaging(2);
-                }
-            }
-        },
-
-        showFiles() {
-            // 文件显示出来
-            this.fileL_articleApproval = [];
-            if (this.form.approval_file != '') {
-                this.fileL_articleApproval = [{}];
-                this.fileL_articleApproval[0].name = 'Ethical approval file';
-                this.fileL_articleApproval[0].url = this.form.approval_file;
-            }
-            this.fileL_coverLetter = [];
-            if (this.form.coverLetter != '') {
-                this.fileL_coverLetter = [{}];
-                this.fileL_coverLetter[0].name = 'Cover letter File';
-                this.fileL_coverLetter[0].url = this.form.coverLetter;
-            }
-            this.fileL_picturesAndTables = [];
-            if (this.form.picturesAndTables != '') {
-                this.fileL_picturesAndTables = [{}];
-                this.fileL_picturesAndTables[0].name = 'Figures File';
-                this.fileL_picturesAndTables[0].url = this.form.picturesAndTables;
-            }
-            this.fileL_manuscirpt = [];
-            if (this.form.manuscirpt != '') {
-                this.fileL_manuscirpt = [{}];
-                this.fileL_manuscirpt[0].name = 'Manuscirpt File';
-                this.fileL_manuscirpt[0].url = this.form.manuscirpt;
-            }
-            this.fileL_supplementary = [];
-            if (this.form.supplementary != '') {
-                this.fileL_supplementary = [{}];
-                this.fileL_supplementary[0].name = 'Supplementary Material';
-                this.fileL_supplementary[0].url = this.form.supplementary;
-            }
-        },
-
-        // 点击进行下一步
-        onStep(e) {	
-           
-            console.log('this.majorValueList at line 2604:', this.majorValueList)
-            console.log('this.form at line 2622:', this.form)
- 
-            this.$refs.articleform.validate((valid) => {
-                if (valid) {
-                    if (e == 1) {
-                        // this.onStaging(1)
-                        // setTimeout(() => {
-                        // 	console.log('456')
-                        // 	this.move_step = 2 //进行步骤
-                        // 	this.show_step = 2 //显示内容
-                        // }, 1000);
-
-                        var flist = this.keywordsList;
-                        var fstr = '';
-                        for (var fu in flist) {
-                            if (flist[fu].ke != '') {
-                                fstr += flist[fu].ke.trim() + ',';
-                            }
-                        }
-                        this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                        this.form.major=this.majorValueList.toString(',')
-                        this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
-                        
-                            if (res.code == 0) {
-                                this.stagingID = res.data.article_id;
-                                this.form.article_id = res.data.article_id;
-                                this.$message.success('Saving succeeded!');
-                                this.move_step = 2; //进行步骤
-                                this.show_step = 2; //显示内容
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        });
-                    }
-                    if (e == 2) {
-                        this.onStaging(e); //暂存
-                        // 作者邮箱必填
-                        let Firsta = 0;
-                        let Corra = 0;
-                        if (this.form.authorList.length == 0) {
-                            this.$message.error('Author is required');
-                            return;
-                        }
-                        for (let i in this.form.authorList) {
-                            if (this.form.authorList[i].email == '') {
-                                this.$message.error('Please fill in the email information!');
-                                return;
-                            }
-                            if (this.form.authorList[i].firstname == '') {
-                                this.$message.error('Please fill in the author name!');
-                                return;
-                            }
-                            if (this.form.authorList[i].country == '') {
-                                this.$message.error('Country is necessary for author!');
-                                return;
-                            }
-                            if (this.form.authorList[i].isReport && this.form.authorList[i].address == '') {
-                                this.$message.error('Address is necessary for corresponding author');
-                                return;
-                            }
-                            if (this.form.authorList[i].isReport) {
-                                Corra++;
-                            }
-                            if (this.form.authorList[i].isSuper) {
-                                Firsta++;
-                            }
-                        }
-                        if (Firsta == 0 || Corra == 0) {
-                            // this.$message.error('First author and corresponding author must be exist');
-                            // return;
-                        }
-
-                        this.move_step = 3; //进行步骤
-                        this.show_step = 3; //显示内容
-                    }
-                    if (e == 3) {
-                        this.move_step = 4; //进行步骤
-                        this.show_step = 4; //显示内容
-                    }
-                } else {
-                    this.$message.error('The submission encountered an error.');
-                    return false;
-                }
-            });
-        },
-
-        // save暂存
-        onStagingSave(e) {
-            if (e == 1) {
-                this.onStaging(1);
-            } else if (e == 2) {
-                this.onStaging(2);
-            }
-        },
-
-        // 暂存
-        onStaging(e) {
-            var that = this;
-            console.log('e at line 2584:', e);
-            if (e == 1) {
-                var flist = this.keywordsList;
-                var fstr = '';
-                for (var fu in flist) {
-                    if (flist[fu].ke != '') {
-                        fstr += flist[fu].ke.trim() + ',';
-                    }
-                }
-                console.log('this.form at line 2707:', this.form)
-                this.form.keyWords = fstr == '' ? '' : fstr.substring(0, fstr.length - 1);
-                this.$api.post('api/Article/addArticlePart1', this.form).then((res) => {
-                	
-                    if (res.code == 0) {
-                        this.stagingID = res.data.article_id;
-                        this.form.article_id = res.data.article_id;
-                        this.$message.success('Saving succeeded!');
-                    } else {
-                        this.$message.error(res.msg);
-                        console.log('456');
-                        return false;
-                    }
-                });
-            } else if (e == 2) {
-                this.isShowCommonWord = false;
-                setTimeout(() => {
-                    this.isShowCommonWord = true;
-                    // that.getWordTablesList();
-                    // that.getWordimgList();
-                }, 200);
-                // for (let i = 0; i < this.form.authorList.length; i++) {
-                // 	if (this.form.authorList[i].art_aut_id == undefined) {
-                // 		this.form.authorList[i].art_aut_id = 0
-                // 	}
-                // 	// 空信息的作者删除
-                // 	let authMark = 0
-                // 	for (let key in this.form.authorList[i]) {
-                // 		if (key != 'isSuper' && key != 'isReport' && key != 'is_super' && key != 'is_report' &&
-                // 			key != 'state' && key != 'article_id' && key != 'art_aut_id') {
-                // 			if (this.form.authorList[i][key] != '') {
-                // 				authMark++
-                // 			}
-                // 		}
-                // 	}
-                // 	if (authMark == 0) {
-                // 		this.form.authorList.splice(i, 1)
-                // 		i = i - 1
-                // 	}
-                // }
-                // if (this.form.authorList.length != 0) {
-                // 	this.$api
-                // 		.post('api/Article/saveArticleAuthor', {
-                // 			article_id: this.form.article_id,
-                // 			authors: this.form.authorList
-                // 		})
-                // 		.then((res) => {
-                // 			if (res.code == 0) {
-                // 				this.$message.success('Saving succeeded!');
-                // 			} else {
-                // 				this.$message.error(res.msg);
-                // 			}
-                // 		});
-                // }
-            } else if (e == 3) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'coverLetter',
-                        url: this.form.coverLetter
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.coverLetterId = res.data.file_id;
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 4) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'picturesAndTables',
-                        url: this.form.picturesAndTables
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.picturesAndTablesId = res.data.file_id;
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 5) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'manuscirpt',
-                        url: this.form.manuscirpt
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.manuscirptId = res.data.file_id;
-                            console.log('this.form.manuscirpt at line 2652:', this.form.manuscirpt);
-
-                            console.log('1111111111111111111111111111');
-                            setTimeout(() => {
-                                // that.getWordTablesList();
-                                // that.getWordimgList();
-                            }, 500);
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            } else if (e == 6) {
-                this.$api
-                    .post('api/Article/addArticlefile', {
-                        article_id: this.form.article_id,
-                        type: 'supplementary',
-                        url: this.form.supplementary
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.form.supplementaryId = res.data.file_id;
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    });
-            }
-        },
-
-        // 读取
-        Temporary() {
-            this.$api
-                .post('api/Article/getSaveArticleDetail', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {
-                    console.log(res, '已经保存的值');
-                    if (res.code == 0) {
-                        // 基本信息
-                        this.form.journal = res.data.base.journal_id;
-                        this.form.type = res.data.base.type;
-                        this.form.title = res.data.base.title;
-                        this.form.approval = res.data.base.approval;
-                        this.form.approval_content = res.data.base.approval_content;
-                        this.form.abstrart = res.data.base.abstrart;
-                        this.form.fund = res.data.base.fund;
-                        console.log(res.data.base);
-                        // this.form.topics = res.data.base.topics
-                        // 领域
-                        this.$api
-                            .post('api/Major/getMajorForAddArticle', {
-                                journal_id: this.form.journal,
-                                major_id: 1
-                            })
-                            .then((res) => {
-                                this.majors_a = res.data.majors;
-                            });
-                        this.form.major_a = res.data.major.major_id;
-                        this.$api
-                            .post('api/Major/getMajorForAddArticle', {
-                                journal_id: this.form.journal,
-                                major_id: this.form.major_a
-                            })
-                            .then((ref) => {
-                                this.majors_b = ref.data.majors;
-                                this.majors_c = [];
-                                this.form.major_b = '';
-                                this.form.major_c = '';
-                                this.majorChange_panduan();
-                                if (res.data.major.child != undefined) {
-                                    this.form.major_b = res.data.major.child.major_id;
-                                    this.$api
-                                        .post('api/Major/getMajorForAddArticle', {
-                                            journal_id: this.form.journal,
-                                            major_id: this.form.major_b
-                                        })
-                                        .then((ref) => {
-                                            this.majors_c = ref.data.majors;
-                                            this.form.major_c = '';
-                                            this.majorChange_panduan();
-                                            if (res.data.major.child.child != undefined) {
-                                                this.form.major_c = res.data.major.child.child.major_id;
-                                                this.majorChange_panduan();
-                                            }
-                                        });
-                                }
-                            });
-                        // 关键词
-                        let keyList = res.data.base.keywords.split(',');
-                        this.keywordsList = [];
-                        for (let i = 0; i < keyList.length; i++) {
-                            this.keywordsList.push({
-                                ke: keyList[i]
-                            });
-                        }
-
-                        // 文件
-                        if (res.data.files.length > 0) {
-                            for (let i = 0; i < res.data.files.length; i++) {
-                                if (res.data.files[i].type_name == 'articleApprova') {
-                                    this.form.approval_file = res.data.files[i].file_url;
-                                    this.form.approval_fileId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'coverLetter') {
-                                    this.form.coverLetter = res.data.files[i].file_url;
-                                    this.form.coverLetterId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'picturesAndTables') {
-                                    this.form.picturesAndTables = res.data.files[i].file_url;
-                                    this.form.picturesAndTablesId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'manuscirpt') {
-                                    this.form.manuscirpt = res.data.files[i].file_url;
-                                    this.form.manuscirptId = res.data.files[i].file_id;
-                                }
-                                if (res.data.files[i].type_name == 'supplementary') {
-                                    this.form.supplementary = res.data.files[i].file_url;
-                                    this.form.supplementaryId = res.data.files[i].file_id;
-                                }
-                            }
-                            this.showFiles();
-                        }
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-
-            this.TempoAuthor();
-        },
-
-        // 读取作者
-        TempoAuthor() {
-            this.$api
-                .post('api/Article/getAuthors', {
-                    article_id: this.stagingID
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        // 作者
-                        if (res.data.authors.length > 0) {
-                            this.form.authorList = res.data.authors;
-                            this.activeNames = [];
-                            for (let i = 0; i < this.form.authorList.length; i++) {
-                                if (this.form.authorList[i].is_report == 1) {
-                                    this.form.authorList[i].isReport = true;
-                                } else {
-                                    this.form.authorList[i].isReport = false;
-                                }
-                                if (this.form.authorList[i].is_super == 1) {
-                                    this.form.authorList[i].isSuper = true;
-                                } else {
-                                    this.form.authorList[i].isSuper = false;
-                                }
-                                this.form.authorList[i].title = this.form.authorList[i].author_title;
-                                this.activeNames.push(i + 1);
-                            }
-                        } else {
-                            this.form.authorList = [];
-                        }
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-
-        // 选择
-        chanSelt() {
-            this.$forceUpdate();
-        },
-
-        // 获取话题
-        getTopics() {
-            this.$api
-                .post('api/Article/getJournalTopics', {
-                    journal_id: this.Reviewerof.journal
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.topicsList = res.data.topics;
-                        // console.log(res.data.topics,'话题')
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                });
-        },
-        // 选中值变化
-        topicsChange(e) {
-            // console.log(this.form.topics,'选中的话题id')
-        }
-    }
-};
-</script>
-
-<style scoped>
-.formTopics {
-    width: 100%;
-}
-</style>
-
-<style>
-.author-box {
-    width: 150%;
-}
-
-.author-box .el-row {
-    margin-bottom: 5px;
-}
-
-.author-box .author-title {
-    color: #969595;
-    text-align: center;
-    background-color: #eceaea;
-}
-
-.author-box .author-delete {
-    text-align: center;
-}
-
-.author-box .author-delete i {
-    color: red;
-}
-
-.zyfont {
-    font-size: 14px;
-    color: rgb(133, 131, 131);
-}
-
-.tffont {
-    font-size: 10px;
-    line-height: 1.5;
-    color: rgb(133, 131, 131);
-}
-
-.orcid_link {
-    color: #409eff;
-    margin-left: 20px;
-}
-
-.orcid_link:hover {
-    text-decoration: underline;
-}
-
-.manu_add .el-upload__tip {
-    position: absolute;
-    top: -5px;
-    left: 90px;
-    color: #999;
-}
-
-.el-collapse-item__content {
-    padding-bottom: 8px !important;
-}
-
-.up_newstyle {
-    margin-left: 10px;
-}
-
-.up_newstyle .el-upload--text {
-    background-color: #006699;
-    border: 1px solid #006699;
-    padding: 0 7px;
-    /* margin-left: 10px; */
-}
-
-.up_newstyle .el-upload__text em {
-    color: #fff !important;
-    font-size: 12px;
-}
-
-.Del_btn {
-    color: #df1f1f !important;
-    margin-left: 30px;
-}
-
-.Del_btn:hover {
-    text-decoration: underline;
-}
-
-.manu_add .el-form-item__label {
-    color: #000;
-}
-
-.manu_add .el-upload__tip {
-    color: #333;
-}
-
-.manu_add .zyfont {
-    color: #111;
-}
-
-.manu_add h3 {
-    margin: 5px 20px 30px 20px;
-    color: #006699;
-}
-
-.manu_add .el-collapse {
-    border-top: 1px solid #bfcdd3;
-    border-bottom: 1px solid #bfcdd3;
-}
-
-.manu_add .el-collapse-item__header {
-    background-color: #f8fbff;
-    border-bottom: 1px solid #bfcdd3;
-}
-
-.manu_add .el-collapse-item__wrap {
-    background-color: #f8fbff;
-}
-
-.manu_add .el-collapse-item__header.is-active {
-    border-bottom-color: transparent;
-}
-
-.manu_add .bag_color {
-    padding-top: 25px;
-    background-color: #f8fbff;
-    box-shadow: 2px 30px 15px -20px #ebf5ff inset;
-}
-
-.manu_add .bag_color > div {
-    padding: 1px 25px;
-    background-color: #f8fbff;
-    box-shadow: 2px -30px 15px -20px #ebf5ff inset;
-}
-
-.manu_add .pro_ceed {
-    width: 260px;
-    margin-bottom: 50px;
-    font-size: 14px;
-}
-
-.manu_add .pro_stage {
-    width: 120px;
-    margin-bottom: 50px;
-    font-size: 14px;
-}
-
-.manu_add .el-form-item__error {
-    margin-left: 10px;
-    top: 99%;
-    color: #e52d2d;
-}
-
-.step_list {
-    margin: 30px 0 0 0;
-}
-
-.step_list > div {
-    position: relative;
-    float: left;
-    background-color: #eee;
-    padding-top: 20px;
-}
-
-.step_list > div > .bor_der {
-    position: absolute;
-    height: 70px;
-    width: 2px;
-    background-color: #d5dee3;
-    top: 40px;
-    left: 0;
-}
-
-.step_list > div > div {
-    width: 240px;
-    height: 85px;
-    text-align: center;
-    color: #777;
-    background-color: #eee;
-    padding-top: 5px;
-    font-weight: bold;
-    cursor: pointer;
-}
-
-.step_list > div > div:hover {
-    color: #006699;
-}
-
-.step_list > div > div i {
-    display: block;
-    font-size: 35px;
-    margin-bottom: 5px;
-}
-
-.step_list > div.C_style {
-    background-color: #f8fbff;
-    box-shadow: 2px 30px 15px -20px #ebf5ff inset;
-}
-
-.step_list > div.C_style > div {
-    background-color: #f8fbff;
-    box-shadow: 2px -30px 15px -20px #ebf5ff inset;
-    color: #006699;
-}
-
-.step_list > div .num {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 20px;
-    line-height: 20px;
-    width: 20px;
-    text-align: center;
-    color: #fff;
-    background: #006699;
-}
-
-.step_list > div .num::before,
-.step_list > div .num::after {
-    content: '';
-    position: absolute;
-    border-top: 10px solid #006699;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid transparent;
-    border-left: 10px solid #006699;
-}
-
-.step_list > div .num::before {
-    bottom: -20px;
-    left: 0;
-}
-
-.step_list > div .num::after {
-    right: -20px;
-    top: 0;
-}
-
-.forWard {
-    line-height: 20px;
-    color: #333;
-    font-size: 14px;
-    padding: 10px 10px 0 10px;
-    background-color: #ffffff80;
-    border: 1px dashed #dae8f7;
-    margin-top: -10px;
-    margin-bottom: 20px;
-}
-
-.forWard > div {
-    border-bottom: 1px solid #dae8f7;
-    padding: 0 20px 10px 20px;
-    margin-bottom: 10px;
-}
-
-.forWard > div:nth-last-child(1) {
-    border-bottom: 0;
-}
-
-.forWard > div > p {
-    margin: 0 0 3px 0;
-    line-height: 22px;
-    color: #333;
-}
-
-.forWard > div > p > font {
-    color: #777;
-}
-
-.forWard .jiantouBiao {
-    cursor: pointer;
-    color: #006699;
-    margin-left: 10px;
-    font-size: 20px;
-}
-
-.jour_ku {
-    font-size: 14px;
-    float: left;
-    width: 330px;
-    padding-left: 10px;
-    cursor: pointer;
-    color: #666;
-    line-height: 34px;
-}
-
-.jour_ku:nth-child(2n) {
-    width: 280px;
-}
-
-.jour_ku.B_style {
-    background-color: #006699;
-    color: #fff;
-    font-weight: bold;
-}
-
-.jour_ku_all {
-    font-size: 12px;
-    float: left;
-    width: 265px;
-    padding-left: 10px;
-    cursor: pointer;
-    color: #666;
-    line-height: 26px;
-}
-
-.jour_ku_all:nth-child(3n + 1) {
-    width: 230px;
-}
-
-.jour_ku_all:nth-child(3n + 2) {
-    width: 220px;
-}
-
-.jour_ku_all.B_style {
-    color: #006699;
-    font-weight: bold;
-}
-
-.tally_jour {
-    line-height: 18px;
-    width: 350px;
-    margin-right: 0;
-    font-size: 13px;
-}
-
-.tally_jour .el-checkbox__label {
-    font-size: 13px;
-}
-
-.web_stite:hover {
-    text-decoration: underline;
-}
-
-.tuijian_f {
-    width: 835px;
-    padding: 10px 5px 15px 5px;
-    margin: 20px 0px 0px 55px;
-    box-shadow: 0 0 8px #b7d2ed;
-    position: relative;
-}
-
-.tuijian_f > p {
-    margin: 0 0 0 10px;
-    color: #006699;
-    font-weight: bold;
-    letter-spacing: -1px;
-    font-size: 14px;
-}
-
-.tuijian_f > .shanchu_tj {
-    position: absolute;
-    right: 0;
-    top: 0;
-    padding: 5px 10px;
-}
-
-.tuijian_f > .el-form-item {
-    display: inline-block;
-    margin: 0 8px;
-}
-
-.tuijian_f > .el-form-item .el-form-item__label {
-    padding: 0;
-}
-
-.tuijian_f .el-form-item > .el-form-item__label:before {
-    content: '' !important;
-}
-
-.el-popover {
-    word-break: break-word;
-    text-align: left;
-}
-
-.partyAry {
-}
-
-.partyAry > div {
-    font-size: 14px;
-    /* width: 258px; */
-    width: 96%;
-    display: inline-block;
-    padding: 5px 15px 10px 15px;
-    margin-bottom: 20px;
-    box-shadow: 0 0 8px #b7d2ed;
-    background-color: #ffffff80;
-}
-
-/* 	.partyAry>div:nth-child(3n+2) {
-		margin-left: 20px;
-		margin-right: 20px;
-	} */
-
-.partyAry > div > p {
-    margin: 0 0 3px 0;
-    line-height: 22px;
-}
-
-.partyAry > div > p > font {
-    color: #777;
-}
-::v-deep .el-collapse-item__header {
-    background-color: transparent !important;
-}
-</style>
diff --git a/src/components/page/articleAdd.vue b/src/components/page/articleAdd.vue
index 3defa24..aafd097 100644
--- a/src/components/page/articleAdd.vue
+++ b/src/components/page/articleAdd.vue
@@ -1056,88 +1056,7 @@ export default {
                 // topics:null
             },
             raltiAutList: [],
-            journal_type: [
-                {
-                    name: 'ARTICLE',
-                    value: 'A'
-                },
-                {
-                    name: 'REVIEW',
-                    value: 'B'
-                },
-                {
-                    name: 'CASE REPORT',
-                    value: 'C'
-                },
-                {
-                    name: 'RESEARCH PROPOSAL',
-                    value: 'P'
-                },
-                {
-                    name: 'NEWS',
-                    value: 'N'
-                },
-                {
-                    name: 'COMMENT',
-                    value: 'T'
-                },
-                {
-                    name: 'CORRECTION',
-                    value: 'CT'
-                },
-                {
-                    name: 'HYPOTHESIS',
-                    value: 'HT'
-                },
-                {
-                    name: 'PREFACE',
-                    value: 'PF'
-                },
-                {
-                    name: 'EDITORIAL',
-                    value: 'ET'
-                },
-                {
-                    name: 'REPORT',
-                    value: 'RP'
-                },
-                {
-                    name: 'LETTER',
-                    value: 'LR'
-                },
-                {
-                    name: 'EMPIRICAL FORMULA',
-                    value: 'EF'
-                },
-                {
-                    name: 'EXPERT CONSENSUS',
-                    value: 'EC'
-                },
-                {
-                    name: 'LETTER TO EDITOR',
-                    value: 'LTE'
-                },
-                {
-                    name: 'QUESTIONNAIRE INVESTIGATION',
-                    value: 'QI'
-                },
-                {
-                    name: 'CASE SERIES',
-                    value: 'CS'
-                },
-                {
-                    name: 'RETRACTION',
-                    value: 'RT'
-                },
-                {
-                    name: 'MINI REVIEW',
-                    value: 'MR'
-                },
-                {
-                    name: 'OTHERS',
-                    value: 'O'
-                }
-            ],
+            journal_type: [],
             reviewerForm: {
                 username: localStorage.getItem('U_name'),
                 gender: 1,
@@ -1416,7 +1335,9 @@ export default {
             deep: true
         }
     },
-    created() {
+    async created() {
+        this.journal_type = await this.$commonJS.journalTypeList();
+        console.log('this.journal_type at line 1340:', this.journal_type);
         this.initSelect();
         this.getAutData();
         if (this.stagingID != undefined) {
@@ -2311,7 +2232,7 @@ export default {
                 reader.onload = function (e) {
                     that.$commonJS.extractWordTablesToArrays(File.raw, function (wordTables) {
                         console.log('tablesHtml at line 61:', wordTables);
-return 
+                        return;
                         that.addWordTablesList(wordTables);
                     });
                 };
diff --git a/src/components/page/articleDetail.vue b/src/components/page/articleDetail.vue
index e61aef4..3a4e03e 100644
--- a/src/components/page/articleDetail.vue
+++ b/src/components/page/articleDetail.vue
@@ -55,7 +55,7 @@
 								<span>{{ form.title }}</span>
 							</el-form-item>
 							<el-form-item label="Type">
-								<span>{{ myType }}</span>
+								<span>{{ form.type | jtName }}</span>
 							</el-form-item>
 							<el-form-item label="Major">
 								<span>{{form.major}}</span>
@@ -359,77 +359,7 @@
 			this.initCountrys();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			coverLetterUrl: function() {
 				return this.baseUrl + this.form.coverLetter;
 			},
diff --git a/src/components/page/articleDetailEditor.vue b/src/components/page/articleDetailEditor.vue
index 1faa73d..6362a60 100644
--- a/src/components/page/articleDetailEditor.vue
+++ b/src/components/page/articleDetailEditor.vue
@@ -23,7 +23,7 @@
                                     >ID : <b style="margin-right: 25px">{{ form.accept_sn }}</b></font
                                 >
                                 <font
-                                    >Type : <b style="margin-right: 25px">{{ myType }}</b></font
+                                    >Type : <b style="margin-right: 25px">{{ form.type | jtName }}</b></font
                                 >
                                 <font
                                     >Major : <b>{{ form.major }}</b></font
@@ -682,77 +682,7 @@ export default {
         this.getWordTablesList();
     },
     computed: {
-        myType: function () {
-            let frag = '';
-            switch (this.form.type) {
-                case 'A':
-                    frag = 'ARTICLE';
-                    break;
-                case 'B':
-                    frag = 'REVIEW';
-                    break;
-                case 'C':
-                    frag = 'CASE REPORT';
-                    break;
-                case 'P':
-                    frag = 'RESEARCH PROPOSAL';
-                    break;
-                case 'N':
-                    frag = 'NEWS';
-                    break;
-                case 'T':
-                    frag = 'COMMENT';
-                    break;
-                case 'CT':
-                    frag = 'CORRECTION';
-                    break;
-                case 'HT':
-                    frag = 'HYPOTHESIS';
-                    break;
-                case 'PF':
-                    frag = 'PREFACE';
-                    break;
-                case 'ET':
-                    frag = 'EDITORIAL';
-                    break;
-                case 'RP':
-                    frag = 'REPORT';
-                    break;
-                case 'LR':
-                    frag = 'LETTER';
-                    break;
-                case 'EF':
-                    frag = 'EMPIRICAL FORMULA';
-                    break;
-                case 'EM':
-                    frag = 'EVIDENCE-BASED MEDICINE';
-                    break;
-                case 'EC':
-                    frag = 'EXPERT CONSENSUS';
-                    break;
-                case 'LTE':
-                    frag = 'LETTER TO EDITOR';
-                    break;
-                case 'QI':
-                    frag = 'QUESTIONNAIRE INVESTIGATION';
-                    break;
-                case 'PT':
-                    frag = 'PROTOCOL';
-                    break;
-                case 'CS':
-                    frag = 'CASE SERIES';
-                    break;
-                case 'RT':
-                    frag = 'RETRACTION';
-                    break;
-                case 'MR':
-                    frag = 'MINI REVIEW';
-                    break;
-                default:
-                    frag = 'OTHERS';
-            }
-            return frag;
-        },
+       
         // coverLetterUrl: function() {
         //     return this.baseUrl + this.form.coverLetter;
         // },
diff --git a/src/components/page/articleDetailEditor_0.vue b/src/components/page/articleDetailEditor_0.vue
index 29a106f..f488b90 100644
--- a/src/components/page/articleDetailEditor_0.vue
+++ b/src/components/page/articleDetailEditor_0.vue
@@ -37,7 +37,7 @@
 								<span>{{form.title}}</span>
 							</el-form-item>
 							<el-form-item label="Type">
-								<span>{{myType}}</span>
+								<span>{{form.type |jtName}}</span>
 							</el-form-item>
 							<el-form-item label="Major">
 								<span>{{form.major}}</span>
@@ -405,77 +405,7 @@
 			this.initFileList();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			// coverLetterUrl: function() {
 			//     return this.baseUrl + this.form.coverLetter;
 			// },
diff --git a/src/components/page/articleDetailEditor_a.vue b/src/components/page/articleDetailEditor_a.vue
index 53b03e5..4c5d939 100644
--- a/src/components/page/articleDetailEditor_a.vue
+++ b/src/components/page/articleDetailEditor_a.vue
@@ -38,7 +38,7 @@
 								<font>Title :</font><b>{{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type | jtName}}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -312,68 +312,7 @@
 
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			manuscirptUrl: function() {
 				return this.baseUrl + this.form.manuscirpt;
 			},
diff --git a/src/components/page/articleDetailEditor_b.vue b/src/components/page/articleDetailEditor_b.vue
index 729350d..6517021 100644
--- a/src/components/page/articleDetailEditor_b.vue
+++ b/src/components/page/articleDetailEditor_b.vue
@@ -34,7 +34,7 @@
 								<font>Title :</font><b>{{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type | jtName}}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -617,77 +617,7 @@
 			this.reviewdate();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			upload_zip: function() {
 				return this.baseUrl + 'api/Article/up_file/type/repezip';
 			},
diff --git a/src/components/page/articleDetailEditor_c.vue b/src/components/page/articleDetailEditor_c.vue
index f6cf408..8e26d5a 100644
--- a/src/components/page/articleDetailEditor_c.vue
+++ b/src/components/page/articleDetailEditor_c.vue
@@ -42,7 +42,7 @@
 								<b> {{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type |jtName}}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -627,77 +627,7 @@
 			this.reviewdate();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			upload_zip: function() {
 				return this.baseUrl + 'api/Article/up_file/type/repezip';
 			},
diff --git a/src/components/page/articleDetailEditor_d.vue b/src/components/page/articleDetailEditor_d.vue
index c3aede6..bdbfeb6 100644
--- a/src/components/page/articleDetailEditor_d.vue
+++ b/src/components/page/articleDetailEditor_d.vue
@@ -34,7 +34,7 @@
 								<font>Title :</font><b>{{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type|jtName}}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -435,77 +435,7 @@
 			this.reviewdate();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			// coverLetterUrl: function() {
 			//     return this.baseUrl + this.form.coverLetter;
 			// },
diff --git a/src/components/page/articleDetailEditor_e.vue b/src/components/page/articleDetailEditor_e.vue
index 716fbc3..f6b14fb 100644
--- a/src/components/page/articleDetailEditor_e.vue
+++ b/src/components/page/articleDetailEditor_e.vue
@@ -34,7 +34,7 @@
 								<b> {{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type | jtName }}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -604,77 +604,7 @@
 			this.reviewdate();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			// coverLetterUrl: function() {
 			//     return this.baseUrl + this.form.coverLetter;
 			// },
diff --git a/src/components/page/articleDetailEditor_f.vue b/src/components/page/articleDetailEditor_f.vue
index d626802..8a6f7fc 100644
--- a/src/components/page/articleDetailEditor_f.vue
+++ b/src/components/page/articleDetailEditor_f.vue
@@ -28,7 +28,7 @@
 								<font>Title :</font><b>{{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type |jtName}}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -561,77 +561,7 @@
 			this.reviewdate();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			upload_zip: function() {
 				return this.baseUrl + 'api/Article/up_file/type/repezip';
 			},
diff --git a/src/components/page/articleDetailEditor_g.vue b/src/components/page/articleDetailEditor_g.vue
index 5cd2420..917b292 100644
--- a/src/components/page/articleDetailEditor_g.vue
+++ b/src/components/page/articleDetailEditor_g.vue
@@ -36,7 +36,7 @@
 								<b> {{form.title}}</b>
 							</p>
 							<p>
-								<font>Type :</font><b>{{myType}}</b>
+								<font>Type :</font><b>{{form.type | jtName}}</b>
 							</p>
 							<p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -111,7 +111,7 @@
 					<font>Title :</font><b>{{form.title}}</b>
 				</p>
 				<p>
-					<font>Type :</font><b>{{myType}}</b>
+					<font>Type :</font><b>{{form.type | jtName}}</b>
 				</p>
 				<p v-show="form.type=='A'">
 					<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
@@ -597,68 +597,7 @@
 			this.reviewdate();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			upload_zip: function() {
 				return this.baseUrl + 'api/Article/up_file/type/repezip';
 			},
diff --git a/src/components/page/articleListEditor.vue b/src/components/page/articleListEditor.vue
index 51fcb00..f452ffd 100644
--- a/src/components/page/articleListEditor.vue
+++ b/src/components/page/articleListEditor.vue
@@ -32,7 +32,7 @@
             <articleListB v-if="activeIndex == '2'" :journals="journals[1]" @changeEvent="changeEvent"></articleListB>
             <articleListC v-if="activeIndex == '3'" :journals="journals[0]"></articleListC>
             <articleListD v-if="activeIndex == '4'" ></articleListD>
-            <articleListE v-if="activeIndex == '5'"  :journals="journals[2]"></articleListE>
+            <articleListE v-if="activeIndex == '5'"  :journals="journals[0]"></articleListE>
             <articleListF v-if="activeIndex == '6'" ></articleListF>
         </div>
     </div>
@@ -79,7 +79,7 @@ export default {
             [1, 2, 4].forEach(async (e, i) => {
 				this.$set(this.journals, i, await this.initselect(e)); // 使用 Vue.set 确保数据是响应式的
                
-                console.log('this.journals at line 80:', this.journals)
+                // console.log('this.journals at line 80:', this.journals)
             });
         },
        async initselect(e) {
diff --git a/src/components/page/articleListEditor_0.vue b/src/components/page/articleListEditor_0.vue
index a249005..326cae0 100644
--- a/src/components/page/articleListEditor_0.vue
+++ b/src/components/page/articleListEditor_0.vue
@@ -148,7 +148,7 @@
 					<font>ID : </font><b>{{MesDetail.accept_sn}}</b>
 				</p>
 				<p>
-					<font>Type :</font><b>{{myType(MesDetail.type)}}</b>
+					<font>Type :</font><b>{{MesDetail.type |jtName}}</b>
 				</p>
 				<p v-show="MesDetail.type=='A'">
 					<font>Ethical Approval :</font><b>{{MesDetail.approval?'Yes':'No'}}</b>
@@ -794,77 +794,7 @@
 				}
 				return str;
 			},
-			myType(e) {
-				let frag = '';
-				switch (e) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			journal_me(e) {
 				var frag = '';
 				if (e > 0) {
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 7d5812c..1ea893a 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -79,7 +79,7 @@
 
                     <span style="color: #666b7a; margin-left: 40px">Type :</span>
                     <font>
-                        {{ artType(item.type) }}
+                        {{ item.type |jtName }}
                     </font>
                     <span style="color: #666b7a; margin-left: 40px">Countries :</span>
                     <!-- <span :class="item.countrys.length > 1 ? 'Countries': ''" > -->
@@ -2306,77 +2306,7 @@ export default {
         },
 
         //文章类型
-        artType(e) {
-            let frag = '';
-            switch (e) {
-                case 'A':
-                    frag = 'ARTICLE';
-                    break;
-                case 'B':
-                    frag = 'REVIEW';
-                    break;
-                case 'C':
-                    frag = 'CASE REPORT';
-                    break;
-                case 'P':
-                    frag = 'RESEARCH PROPOSAL';
-                    break;
-                case 'N':
-                    frag = 'NEWS';
-                    break;
-                case 'T':
-                    frag = 'COMMENT';
-                    break;
-                case 'CT':
-                    frag = 'CORRECTION';
-                    break;
-                case 'HT':
-                    frag = 'HYPOTHESIS';
-                    break;
-                case 'PF':
-                    frag = 'PREFACE';
-                    break;
-                case 'ET':
-                    frag = 'EDITORIAL';
-                    break;
-                case 'RP':
-                    frag = 'REPORT';
-                    break;
-                case 'LR':
-                    frag = 'LETTER';
-                    break;
-                case 'EF':
-                    frag = 'EMPIRICAL FORMULA';
-                    break;
-                case 'EM':
-                    frag = 'EVIDENCE-BASED MEDICINE';
-                    break;
-                case 'EC':
-                    frag = 'EXPERT CONSENSUS';
-                    break;
-                case 'LTE':
-                    frag = 'LETTER TO EDITOR';
-                    break;
-                case 'QI':
-                    frag = 'QUESTIONNAIRE INVESTIGATION';
-                    break;
-                case 'PT':
-                    frag = 'PROTOCOL';
-                    break;
-                case 'CS':
-                    frag = 'CASE SERIES';
-                    break;
-                case 'RT':
-                    frag = 'RETRACTION';
-                    break;
-                case 'MR':
-                    frag = 'MINI REVIEW';
-                    break;
-                default:
-                    frag = 'OTHERS';
-            }
-            return frag;
-        },
+    
 
         // 算平均分
         avegeCount(arry) {
diff --git a/src/components/page/articleListEditor_B1.vue b/src/components/page/articleListEditor_B1.vue
index af8ee4b..edc4293 100644
--- a/src/components/page/articleListEditor_B1.vue
+++ b/src/components/page/articleListEditor_B1.vue
@@ -1029,152 +1029,153 @@ export default {
                 journal_special_id: 'None'
             },
             opInstal: [],
-            opMedical: [
-                {
-                    label: 'None',
-                    value: ''
-                },
-                {
-                    label: 'ARTICLE',
-                    value: 'Article'
-                },
-                {
-                    label: 'REVIEW',
-                    value: 'Review'
-                },
-                {
-                    label: 'CASE REPORT',
-                    value: 'Case report'
-                },
-                {
-                    label: 'RESEARCH PROPOSAL',
-                    value: 'Research proposal'
-                },
-                {
-                    label: 'NEWS',
-                    value: 'News'
-                },
-                {
-                    label: 'COMMENT',
-                    value: 'Comment'
-                },
-                {
-                    label: 'CORRECTION',
-                    value: 'Correction'
-                },
-                {
-                    label: 'HYPOTHESIS',
-                    value: 'Hypothesis'
-                },
-                {
-                    label: 'PREFACE',
-                    value: 'Preface'
-                },
-                {
-                    label: 'EDITORIAL',
-                    value: 'Editorial'
-                },
-                {
-                    label: 'REPORT',
-                    value: 'Report'
-                },
-                {
-                    label: 'LETTER',
-                    value: 'Letter'
-                },
-                {
-                    label: 'EMPIRICAL FORMULA',
-                    value: 'Empirical formula'
-                },
-                {
-                    label: 'EVIDENCE-BASED MEDICINE',
-                    value: 'Evidence-based medicine'
-                },
-                {
-                    label: 'EXPERT CONSENSUS',
-                    value: 'Expert consensus'
-                },
-                {
-                    label: 'LETTER TO EDITOR',
-                    value: 'Letter to editor'
-                },
-                {
-                    label: 'QUESTIONNAIRE INVESTIGATION',
-                    value: 'Questionnaire investigation'
-                },
-                {
-                    label: 'PROTOCOL',
-                    value: 'Protocol'
-                },
-                {
-                    label: 'CASE SERIES',
-                    value: 'Case Series'
-                },
-                {
-                    label: 'RETRACTION',
-                    value: 'Retraction'
-                },
-                {
-                    label: 'MINI REVIEW',
-                    value: 'Mini Review'
-                },
-                {
-                    label: 'RETRACTION NOTE',
-                    value: 'Retraction Note'
-                },
-                {
-                    label: '内经难经',
-                    value: '内经难经'
-                },
-                {
-                    label: '伤寒金匮',
-                    value: '伤寒金匮'
-                },
-                {
-                    label: '神农本草经',
-                    value: '神农本草经'
-                },
-                {
-                    label: '温病研究',
-                    value: '温病研究'
-                },
-                {
-                    label: '唐宋方药',
-                    value: '唐宋方药'
-                },
-                {
-                    label: '金元各家',
-                    value: '金元各家'
-                },
-                {
-                    label: '明清经典',
-                    value: '明清经典'
-                },
-                {
-                    label: '中西汇通',
-                    value: '中西汇通'
-                },
-                {
-                    label: '太湖选粹',
-                    value: '太湖选粹'
-                },
-                {
-                    label: '针灸推拿',
-                    value: '针灸推拿'
-                },
-                {
-                    label: '名医名方',
-                    value: '名医名方'
-                },
-                {
-                    label: '新冠肺炎',
-                    value: '新冠肺炎'
-                },
-                {
-                    label: '书评',
-                    value: '书评'
-                }
-            ],
+            // opMedical: [
+            //     {
+            //         label: 'None',
+            //         value: ''
+            //     },
+            //     {
+            //         label: 'ARTICLE',
+            //         value: 'Article'
+            //     },
+            //     {
+            //         label: 'REVIEW',
+            //         value: 'Review'
+            //     },
+            //     {
+            //         label: 'CASE REPORT',
+            //         value: 'Case report'
+            //     },
+            //     {
+            //         label: 'RESEARCH PROPOSAL',
+            //         value: 'Research proposal'
+            //     },
+            //     {
+            //         label: 'NEWS',
+            //         value: 'News'
+            //     },
+            //     {
+            //         label: 'COMMENT',
+            //         value: 'Comment'
+            //     },
+            //     {
+            //         label: 'CORRECTION',
+            //         value: 'Correction'
+            //     },
+            //     {
+            //         label: 'HYPOTHESIS',
+            //         value: 'Hypothesis'
+            //     },
+            //     {
+            //         label: 'PREFACE',
+            //         value: 'Preface'
+            //     },
+            //     {
+            //         label: 'EDITORIAL',
+            //         value: 'Editorial'
+            //     },
+            //     {
+            //         label: 'REPORT',
+            //         value: 'Report'
+            //     },
+            //     {
+            //         label: 'LETTER',
+            //         value: 'Letter'
+            //     },
+            //     {
+            //         label: 'EMPIRICAL FORMULA',
+            //         value: 'Empirical formula'
+            //     },
+            //     {
+            //         label: 'EVIDENCE-BASED MEDICINE',
+            //         value: 'Evidence-based medicine'
+            //     },
+            //     {
+            //         label: 'EXPERT CONSENSUS',
+            //         value: 'Expert consensus'
+            //     },
+            //     {
+            //         label: 'LETTER TO EDITOR',
+            //         value: 'Letter to editor'
+            //     },
+            //     {
+            //         label: 'QUESTIONNAIRE INVESTIGATION',
+            //         value: 'Questionnaire investigation'
+            //     },
+            //     {
+            //         label: 'PROTOCOL',
+            //         value: 'Protocol'
+            //     },
+            //     {
+            //         label: 'CASE SERIES',
+            //         value: 'Case Series'
+            //     },
+            //     {
+            //         label: 'RETRACTION',
+            //         value: 'Retraction'
+            //     },
+            //     {
+            //         label: 'MINI REVIEW',
+            //         value: 'Mini Review'
+            //     },
+            //     {
+            //         label: 'RETRACTION NOTE',
+            //         value: 'Retraction Note'
+            //     },
+            //     {
+            //         label: '内经难经',
+            //         value: '内经难经'
+            //     },
+            //     {
+            //         label: '伤寒金匮',
+            //         value: '伤寒金匮'
+            //     },
+            //     {
+            //         label: '神农本草经',
+            //         value: '神农本草经'
+            //     },
+            //     {
+            //         label: '温病研究',
+            //         value: '温病研究'
+            //     },
+            //     {
+            //         label: '唐宋方药',
+            //         value: '唐宋方药'
+            //     },
+            //     {
+            //         label: '金元各家',
+            //         value: '金元各家'
+            //     },
+            //     {
+            //         label: '明清经典',
+            //         value: '明清经典'
+            //     },
+            //     {
+            //         label: '中西汇通',
+            //         value: '中西汇通'
+            //     },
+            //     {
+            //         label: '太湖选粹',
+            //         value: '太湖选粹'
+            //     },
+            //     {
+            //         label: '针灸推拿',
+            //         value: '针灸推拿'
+            //     },
+            //     {
+            //         label: '名医名方',
+            //         value: '名医名方'
+            //     },
+            //     {
+            //         label: '新冠肺炎',
+            //         value: '新冠肺炎'
+            //     },
+            //     {
+            //         label: '书评',
+            //         value: '书评'
+            //     }
+            // ],
+            opMedical:[],
             editAuthor: false,
             addAuthor: false,
             editSchool: false,
@@ -1393,6 +1394,7 @@ export default {
         };
     },
     created() {
+        this.opMedical=this.$commonJS.opMedicalList()
         this.getHight();
         window.addEventListener('resize', this.getHight);
         this.getData();
diff --git a/src/components/page/articleListEditor_D1.vue b/src/components/page/articleListEditor_D1.vue
index c1f52ca..0b7174d 100644
--- a/src/components/page/articleListEditor_D1.vue
+++ b/src/components/page/articleListEditor_D1.vue
@@ -839,147 +839,148 @@
 					journal_special_id: "None",
 				},
 				opInstal: [],
-				opMedical: [{
-						label: 'None',
-						value: ''
-					},
-					{
-						label: 'ARTICLE',
-						value: 'Article'
-					},
-					{
-						label: 'REVIEW',
-						value: 'Review'
-					},
-					{
-						label: 'CASE REPORT',
-						value: 'Case report'
-					},
-					{
-						label: 'RESEARCH PROPOSAL',
-						value: 'Research proposal'
-					},
-					{
-						label: 'NEWS',
-						value: 'News'
-					},
-					{
-						label: 'COMMENT',
-						value: 'Comment'
-					},
-					{
-						label: 'CORRECTION',
-						value: 'Correction'
-					},
-					{
-						label: 'HYPOTHESIS',
-						value: 'Hypothesis'
-					},
-					{
-						label: 'PREFACE',
-						value: 'Preface'
-					},
-					{
-						label: 'EDITORIAL',
-						value: 'Editorial'
-					},
-					{
-						label: 'REPORT',
-						value: 'Report'
-					},
-					{
-						label: 'LETTER',
-						value: 'Letter'
-					},
-					{
-						label: 'EMPIRICAL FORMULA',
-						value: 'Empirical formula'
-					},
-					{
-						label: 'EVIDENCE-BASED MEDICINE',
-						value: 'Evidence-based medicine'
-					},
-					{
-						label: 'EXPERT CONSENSUS',
-						value: 'Expert consensus'
-					},
-					{
-						label: 'LETTER TO EDITOR',
-						value: 'Letter to editor'
-					},
-					{
-						label: 'QUESTIONNAIRE INVESTIGATION',
-						value: 'Questionnaire investigation'
-					},
-					{
-						label: 'PROTOCOL',
-						value: 'Protocol'
-					},
-					{
-						label: 'CASE SERIES',
-						value: 'Case Series'
-					},
-					{
-						label: 'RETRACTION',
-						value: 'Retraction'
-					},
-					{
-						label: 'MINI REVIEW',
-						value: 'Mini Review'
-					},
-					{
-						label: '内经难经',
-						value: '内经难经'
-					},
-					{
-						label: '伤寒金匮',
-						value: '伤寒金匮'
-					},
-					{
-						label: '神农本草经',
-						value: '神农本草经'
-					},
-					{
-						label: '温病研究',
-						value: '温病研究'
-					},
-					{
-						label: '唐宋方药',
-						value: '唐宋方药'
-					},
-					{
-						label: '金元各家',
-						value: '金元各家'
-					},
-					{
-						label: '明清经典',
-						value: '明清经典'
-					},
-					{
-						label: '中西汇通',
-						value: '中西汇通'
-					},
-					{
-						label: '太湖选粹',
-						value: '太湖选粹'
-					},
-					{
-						label: '针灸推拿',
-						value: '针灸推拿'
-					},
-					{
-						label: '名医名方',
-						value: '名医名方'
-					},
-					{
-						label: '新冠肺炎',
-						value: '新冠肺炎'
-					},
-					{
-						label: '书评',
-						value: '书评'
-					}
-				],
+				// opMedical: [{
+				// 		label: 'None',
+				// 		value: ''
+				// 	},
+				// 	{
+				// 		label: 'ARTICLE',
+				// 		value: 'Article'
+				// 	},
+				// 	{
+				// 		label: 'REVIEW',
+				// 		value: 'Review'
+				// 	},
+				// 	{
+				// 		label: 'CASE REPORT',
+				// 		value: 'Case report'
+				// 	},
+				// 	{
+				// 		label: 'RESEARCH PROPOSAL',
+				// 		value: 'Research proposal'
+				// 	},
+				// 	{
+				// 		label: 'NEWS',
+				// 		value: 'News'
+				// 	},
+				// 	{
+				// 		label: 'COMMENT',
+				// 		value: 'Comment'
+				// 	},
+				// 	{
+				// 		label: 'CORRECTION',
+				// 		value: 'Correction'
+				// 	},
+				// 	{
+				// 		label: 'HYPOTHESIS',
+				// 		value: 'Hypothesis'
+				// 	},
+				// 	{
+				// 		label: 'PREFACE',
+				// 		value: 'Preface'
+				// 	},
+				// 	{
+				// 		label: 'EDITORIAL',
+				// 		value: 'Editorial'
+				// 	},
+				// 	{
+				// 		label: 'REPORT',
+				// 		value: 'Report'
+				// 	},
+				// 	{
+				// 		label: 'LETTER',
+				// 		value: 'Letter'
+				// 	},
+				// 	{
+				// 		label: 'EMPIRICAL FORMULA',
+				// 		value: 'Empirical formula'
+				// 	},
+				// 	{
+				// 		label: 'EVIDENCE-BASED MEDICINE',
+				// 		value: 'Evidence-based medicine'
+				// 	},
+				// 	{
+				// 		label: 'EXPERT CONSENSUS',
+				// 		value: 'Expert consensus'
+				// 	},
+				// 	{
+				// 		label: 'LETTER TO EDITOR',
+				// 		value: 'Letter to editor'
+				// 	},
+				// 	{
+				// 		label: 'QUESTIONNAIRE INVESTIGATION',
+				// 		value: 'Questionnaire investigation'
+				// 	},
+				// 	{
+				// 		label: 'PROTOCOL',
+				// 		value: 'Protocol'
+				// 	},
+				// 	{
+				// 		label: 'CASE SERIES',
+				// 		value: 'Case Series'
+				// 	},
+				// 	{
+				// 		label: 'RETRACTION',
+				// 		value: 'Retraction'
+				// 	},
+				// 	{
+				// 		label: 'MINI REVIEW',
+				// 		value: 'Mini Review'
+				// 	},
+				// 	{
+				// 		label: '内经难经',
+				// 		value: '内经难经'
+				// 	},
+				// 	{
+				// 		label: '伤寒金匮',
+				// 		value: '伤寒金匮'
+				// 	},
+				// 	{
+				// 		label: '神农本草经',
+				// 		value: '神农本草经'
+				// 	},
+				// 	{
+				// 		label: '温病研究',
+				// 		value: '温病研究'
+				// 	},
+				// 	{
+				// 		label: '唐宋方药',
+				// 		value: '唐宋方药'
+				// 	},
+				// 	{
+				// 		label: '金元各家',
+				// 		value: '金元各家'
+				// 	},
+				// 	{
+				// 		label: '明清经典',
+				// 		value: '明清经典'
+				// 	},
+				// 	{
+				// 		label: '中西汇通',
+				// 		value: '中西汇通'
+				// 	},
+				// 	{
+				// 		label: '太湖选粹',
+				// 		value: '太湖选粹'
+				// 	},
+				// 	{
+				// 		label: '针灸推拿',
+				// 		value: '针灸推拿'
+				// 	},
+				// 	{
+				// 		label: '名医名方',
+				// 		value: '名医名方'
+				// 	},
+				// 	{
+				// 		label: '新冠肺炎',
+				// 		value: '新冠肺炎'
+				// 	},
+				// 	{
+				// 		label: '书评',
+				// 		value: '书评'
+				// 	}
+				// ],
+				opMedical: [],
 				editAuthor: false,
 				addAuthor: false,
 				editSchool: false,
@@ -1150,7 +1151,7 @@
 
 			};
 		},
-		created() {
+		created() {this.opMedical=this.$commonJS.opMedicalList()
 			this.getHight();
 			window.addEventListener('resize', this.getHight);
 			this.getData();
diff --git a/src/components/page/components/Tinymce/index.vue b/src/components/page/components/Tinymce/index.vue
index abb6fb9..a8a1903 100644
--- a/src/components/page/components/Tinymce/index.vue
+++ b/src/components/page/components/Tinymce/index.vue
@@ -182,6 +182,8 @@ export default {
     },
     data() {
         return {
+            baseUrl: this.Common.baseUrl,
+            mediaUrl: this.Common.mediaUrl,
             typesettingType: 1,
             typesettingTypeOptions: [
                 {
@@ -316,7 +318,6 @@ export default {
                         console.log('粘贴的内容包含表格');
                         if (_this.type == 'table') {
                             _this.$commonJS.parseTableToArray(content, (tableList) => {
-                             
                                 var contentHtml = `
                             <div class="thumbnailTableBox wordTableHtml table_Box" style="">
                                 <table border="1" style="width: auto; border-collapse: collapse; text-align: center;">
@@ -403,8 +404,9 @@ export default {
                 statusbar: false, // 关闭底部状态栏
                 custom_colors: false,
                 color_map: ['0082AA', 'TMR Blue'],
-
-                plugins: 'texttransform kityformula-editor noneditable', // 启用 forecolor 和 code 插件
+            
+                // image
+                plugins: 'texttransform  noneditable table image', // 启用 forecolor 和 code 插件
                 // plugins: 'forecolor code paste table image mathType searchreplace raw', // 启用 forecolor 和 code 插件
                 end_container_on_empty_block: true,
                 content_css: 'default', // 加载 TinyMCE 默认样式表
@@ -413,6 +415,50 @@ export default {
                     path: 'https://cdn.mathjax.org/mathjax/latest/MathJax.js',
                     config: 'TeX-AMS-MML_HTMLorMML'
                 },
+                // automatic_uploads: false,
+                // images_upload_handler: function (blobInfo, success, failure, progress) {
+                //     console.log('blobInfo at line 419:', blobInfo);
+                //     return new Promise(function (resolve, reject) {
+                //         const xhr = new XMLHttpRequest();
+                //         const formData = new FormData();
+                //         const file = blobInfo.blob();
+                //         let filename = file.name;
+                //         if (!filename) {
+                //             // 如果没有名字，则手动生成一个
+                //             const ext = file.type.split('/').pop(); // 从 MIME 类型获取扩展名，例如 'png'
+                //             const timestamp = Date.now();
+                //             filename = `unnamed_${timestamp}.${ext}`;
+                //         }
+                //         console.log('file at line 424:', file);
+
+                //         xhr.withCredentials = false;
+                //         xhr.open('POST', _this.baseUrl + '/api/Preaccept/up_img_mainImage');
+                      
+                //         xhr.onload = function () {
+                //             if (xhr.status !== 200) {
+                //                 reject('HTTP Error: ' + xhr.status);
+                //                 return;
+                //             }
+
+                //             try {
+                //                 const json = JSON.parse(xhr.responseText);
+                //                 console.log('json at line 434:', json);
+                //                 if (json.code != 0) {
+                //                     reject('Upload Error: ' + json.msg);
+                //                     return;
+                //                 }
+
+                //                 resolve(_this.mediaUrl + 'articleImage/' + json.data.upurl); // ✅ 返回图片 URL 给 TinyMCE 插入
+                //             } catch (e) {
+                //                 reject('Invalid response: ' + xhr.responseText);
+                //             }
+                //         };
+
+                //         formData.append('mainImage', file, filename);
+                //         formData.append('article_id', _this.$route.query.id);
+                //         xhr.send(formData);
+                //     });
+                // },
                 //设置自定义按钮 myCustomToolbarButton
                 setup(ed) {
                     _this.$commonJS.initEditorButton(_this, ed);
diff --git a/src/components/page/components/table/table.vue b/src/components/page/components/table/table.vue
index f83eb57..8475be0 100644
--- a/src/components/page/components/table/table.vue
+++ b/src/components/page/components/table/table.vue
@@ -2,7 +2,7 @@
     <div>
         
             <!--uploadWord |customButtonExportWord |customButtonExportImg   -->
-
+            <!-- image -->
             <tinymce
                 type="table"
                 ref="tinymceChild1"
@@ -13,7 +13,7 @@
                 :value="updatedHtml"
                 :typesettingType="typesettingType"
                 class="paste-area text-container"
-                :toolbar="['bold italic|customBlue removeBlue|kityformula-editor|LateX |myuppercase myuppercasea Line|subscript superscript|table tabledelete| searchreplace |clearButton']"
+                :toolbar="['bold italic|customBlue removeBlue|LateX |myuppercase myuppercasea Line|subscript superscript|table | searchreplace |clearButton']"
                 style="
                     /* white-space: pre-line; */
                     line-height: 12px;
diff --git a/src/components/page/components/table/word.vue b/src/components/page/components/table/word.vue
index 15aab3d..6ad9177 100644
--- a/src/components/page/components/table/word.vue
+++ b/src/components/page/components/table/word.vue
@@ -1,5 +1,10 @@
 <template>
     <div
+        @click="
+            isMenuVisible = false;
+            currentData = {};
+            currentId = '';
+        "
         class="tinymce-container editor-container word-container"
         :style="!isPreview ? 'padding:10px 20px 10px 30px;' : 'padding:0px;'"
         ref="scrollDiv"
@@ -35,7 +40,7 @@
             >
                 <div style="width: auto; display: flex; align-items: center">
                     <!-- <el-checkbox v-model="checked" style="border-right: 1px solid #d8d8d8; padding: 0 20px 0 0;z-index: 10;"  size="medium">Select All</el-checkbox> -->
-                    <div
+                    <!-- <div
                         style="border-right: 1px solid #d8d8d8; padding: 0 20px"
                         :style="currentData.type == 0 ? 'Opacity:1' : 'Opacity:0.6'"
                     >
@@ -59,20 +64,20 @@
                                 H3
                             </li>
                         </ul>
-                    </div>
-                    <div style="border-right: 1px solid #d8d8d8; padding: 0 20px">
+                    </div> -->
+                    <!-- <div style="border-right: 1px solid #d8d8d8; padding: 0 20px">
                         <ul class="HTitleBox" style="border: none">
                             <li @click="addContent" style="font-size: 14px; padding: 0">
                                 <i class="el-icon-document"> </i>
                                 Batch Add content
                             </li>
                         </ul>
-                    </div>
+                    </div> -->
                 </div>
 
-                <div style="border-left: 1px solid #d8d8d8; padding: 0 0px; float: right">
+                <div style="padding: 0 0px; float: right">
                     <ul class="operateBox">
-                        <li
+                        <!-- <li
                             v-if="isEditComment"
                             style="background-color: #fff !important; color: #f56c6c; border: 1px solid #f56c6c"
                             @mousedown="cacheSelection"
@@ -81,18 +86,26 @@
                             <i class="el-icon-document-add" style="margin-top: 2px; float: left"></i>
 
                             Comment
-                        </li>
+                        </li> -->
+                        <div style="border-right: 1px solid #d8d8d8; padding: 0 20px">
+                            <ul class="HTitleBox" style="border: none">
+                                <li @click="addContent" style="font-size: 14px; padding: 0; background-color: #fff !important; color: #333">
+                                    <i class="el-icon-document" style="margin-right: 2px"> </i>
+                                    Batch Add content
+                                </li>
+                            </ul>
+                        </div>
                         <li style="background-color: #cbccd1 !important; color: #333; border: 1px solid #cbccd1" @click="onAddRow">
                             <i class="el-icon-document-add" style="margin-top: 2px"></i>
 
                             Row
                         </li>
 
-                        <li style="" @click="onEdit">
+                        <!-- <li style="" @click="onEdit">
                             <i class="el-icon-edit" style="margin-top: 2px"></i>
 
                             Edit
-                        </li>
+                        </li> -->
 
                         <li style="background-color: #fc625d !important" @click="onDelete">
                             <i class="el-icon-delete" style="margin-top: 2px"></i>
@@ -163,7 +176,7 @@
                                 v-if="currentId == item.am_id"
                                 style="background-color: #fff; z-index: 100; position: absolute; right: 0px; top: -40px"
                             >
-                                <el-button
+                                <!-- <el-button
                                     v-if="currentId == item.am_id"
                                     style="background-color: #006699d1; font-weight: bold; color: #fff; font-size: 16px !important"
                                     :style="index == 0 ? ' opacity: 0.2;' : ' opacity: 1;'"
@@ -182,7 +195,7 @@
                                     :disabled="index == wordList.length - 1 ? true : false"
                                     @click="changeSort('down')"
                                     >↓</el-button
-                                >
+                                > -->
                             </div>
 
                             <div
@@ -196,7 +209,7 @@
                                 @dragleave="handleDragLeave"
                                 @drop="handleDrop"
                                 class="MaxPicture pMain myeditabledivImage drop-target"
-                                @click="initializeEditor(item.am_id, 'img', item, index)"
+                                @click.stop="initializeEditor($event, item.am_id, 'img', item, index)"
                                 v-if="item.type == 1"
                                 :main-state="item.state"
                                 :remark="item.checks && item.checks.length > 0 ? 1 : 0"
@@ -226,7 +239,7 @@
                                 @dragenter="handleDragEnter"
                                 @dragleave="handleDragLeave"
                                 @drop="handleDrop"
-                                @click="initializeEditor(item.am_id, 'table', item, index)"
+                                @click.stop="initializeEditor($event, item.am_id, 'table', item, index)"
                                 class="thumbnailTableBox wordTableHtml table_Box pMain myeditabledivTable drop-target"
                                 v-else-if="item.type == 2"
                                 :main-state="item.state"
@@ -275,7 +288,7 @@
                                 @dragenter="handleDragEnter"
                                 @dragleave="handleDragLeave"
                                 @drop="handleDrop"
-                                @click="initializeEditor(item.am_id, 'text', item, index)"
+                                @click.stop="initializeEditor($event, item.am_id, 'text', item, index)"
                                 class="pMain myeditablediv drop-target"
                                 @blur="clearEditor(item.am_id)"
                                 :main-state="item.state"
@@ -487,9 +500,48 @@
         <div v-if="isMenuVisible" class="context-menu" :style="{ top: `${menuPosition.y}px`, left: `${menuPosition.x}px` }">
             <ul>
                 <!-- {{ menuType }} -->
+
+                <div v-if="currentData.type == 0">
+                    <div style="padding: 0 60px 0 20px">
+                        <ul class="HTitleBox" style="border: none">
+                            <li
+                                style="font-size: 16px"
+                                :style="currentData.is_h1 == 1 ? 'color:#4d99f1' : 'color:#333'"
+                                @click="currentData.is_h1 == 0 ? changeTitle(1) : changeTitle(0)"
+                            >
+                                H1
+                            </li>
+                            <li
+                                style="font-size: 16px"
+                                :style="currentData.is_h2 == 1 ? 'color:#4d99f1' : 'color:#333'"
+                                @click="currentData.is_h2 == 0 ? changeTitle(2) : changeTitle(0)"
+                            >
+                                H2
+                            </li>
+                            <li
+                                style="font-size: 16px"
+                                :style="currentData.is_h3 == 1 ? 'color:#4d99f1' : 'color:#333'"
+                                @click="currentData.is_h3 == 0 ? changeTitle(3) : changeTitle(0)"
+                            >
+                                H3
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+
+                <li @click="menuAction('edit')" style="color: rgb(43, 129, 239) !important"><i class="el-icon-edit" style=""></i>Edit</li>
+
+                <li v-if="isEditComment" style="color: #f56c6c" @mousedown="cacheSelection" @click="menuAction('comment')">
+                    <i class="el-icon-document-add"></i>Comment
+                </li>
                 <li @click="menuAction('up')"><i class="el-icon-arrow-up" style=""></i>Move Up</li>
                 <li @click="menuAction('down')"><i class="el-icon-arrow-down" style=""></i>Move Down</li>
-                <li @click="menuAction('delete')"><i class="el-icon-delete" style=""></i>Delete</li>
+                <li @click="menuAction('row')"><i class="el-icon-plus" style=""></i>Add Row</li>
+                <li @click="menuAction('addContent')"><i class="el-icon-document"> </i>Batch Add content</li>
+
+                <li @click="menuAction('delete')" style="color: red; margin-top: 2px; border-top: 1px solid #e5e6eb">
+                    <i class="el-icon-delete" style=""></i>Delete
+                </li>
             </ul>
         </div>
     </div>
@@ -833,21 +885,33 @@ export default {
         this.editors = {};
     },
     methods: {
-        openMenu(event, type,currentId) {
+        openMenu(event, type, currentId) {
             console.log('event at line 860:', event);
             // 获取鼠标点击位置
-            this.menuPosition.x = event.clientX;
-            this.menuPosition.y = event.clientY;
+            this.menuPosition.x = event.clientX + 30;
+            this.menuPosition.y = event.clientY + 40;
             this.menuType = type; // 设置菜单类型，根据点击区域不同显示不同菜单
-            this.currentId=currentId;
-            // this.isMenuVisible = true;
+            // this.currentId=currentId;
+            this.isMenuVisible = true;
         },
         closeMenu() {
             this.isMenuVisible = false;
         },
         menuAction(action) {
             console.log(`执行了：${action}`);
-            switch(action){
+            switch (action) {
+                case 'addContent':
+                    this.addContent();
+                    break;
+                case 'comment':
+                    this.handleSelection();
+                    break;
+                case 'edit':
+                    this.onEdit();
+                    break;
+                case 'row':
+                    this.onAddRow('');
+                    break;
                 case 'up':
                     this.changeSort('up');
                     break;
@@ -1318,9 +1382,34 @@ export default {
             });
         },
 
-        initializeEditor(id, type, data, index) {
+        initializeEditor(event, id, type, data, index) {
             this.clearHighlight();
             this.selectedIds = [];
+            // this.menuPosition.x = event.clientX+20;
+            // this.menuPosition.y = event.clientY+20;
+
+            const menuWidth = 180; // 你的菜单宽度（按实际调整）
+            const menuHeight = 275; // 你的菜单高度（按实际调整）
+
+            let x = event.clientX + 20;
+            let y = event.clientY + 20;
+
+            // 判断右侧是否越界
+            if (x + menuWidth > window.innerWidth) {
+                x = window.innerWidth - menuWidth - 10; // 留点空隙
+            }
+
+            // 判断底部是否越界
+            if (y + menuHeight > window.innerHeight) {
+                y = event.clientY - menuHeight - 10; // 改为往上弹
+            }
+
+            this.menuPosition.x = x;
+            this.menuPosition.y = y;
+
+            this.menuType = type; // 设置菜单类型，根据点击区域不同显示不同菜单
+            // this.currentId=currentId;
+
             this.wordList.forEach((item, index) => {
                 item.checked = false;
             });
@@ -1328,7 +1417,7 @@ export default {
                 this.currentId = id;
                 this.currentIndex = index;
                 this.currentData = data;
-
+                this.isMenuVisible = true;
                 // const editorId = `editor${index}`;
                 // // 检查当前编辑器是否已经初始化
                 // if (this.editors[editorId]) return;
@@ -2453,7 +2542,7 @@ export default {
 }
 .context-menu {
     position: fixed;
-    width: 150px;
+    width: 180px;
     background-color: #fff;
     box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
     border-radius: 4px;
@@ -2461,6 +2550,7 @@ export default {
     border: 1px solid #ddd;
     border-radius: 4px;
     line-height: 28px;
+    box-sizing: border-box;
 }
 
 .context-menu ul {
@@ -2475,7 +2565,7 @@ export default {
     font-size: 14px;
     color: rgb(51, 54, 57);
     border-radius: 4px;
-    padding: 4px 0;
+    padding: 2px 0;
 }
 .context-menu li i {
     margin: 5px 10px 0 10px;
diff --git a/src/components/page/components/table/wordHtml.vue b/src/components/page/components/table/wordHtml.vue
index 9cab6ec..7028aac 100644
--- a/src/components/page/components/table/wordHtml.vue
+++ b/src/components/page/components/table/wordHtml.vue
@@ -458,7 +458,7 @@ export default {
                             // var extension = img.image.split('.').pop().toLowerCase();
                             // if (extension === 'tif' || extension === 'jpg' || extension === 'jpeg' || extension === 'png') {
                                 const modalContent = `<img  src="${this.mediaUrl + img.image}" alt="Image ${index}" style="width:100%;background:#FFF;" >`;
-                                console.log('modalContent at line 487:', modalContent)
+                             
 
                                 this.$commonJS.createImageModal(index, modalContent, 'img');
                             // }
diff --git a/src/components/page/components/table/wordHtmlTypesetting.vue b/src/components/page/components/table/wordHtmlTypesetting.vue
index 7e7a0e4..c98261b 100644
--- a/src/components/page/components/table/wordHtmlTypesetting.vue
+++ b/src/components/page/components/table/wordHtmlTypesetting.vue
@@ -51,14 +51,16 @@
                 <p>{{ v.title }}</p>
             </li>
         </ul> -->
-        <div class="go-mt" >
-            <el-radio-group v-model="isCollapse" style="float:right;" size="mini" @change="changeIsCollapse">
-          
+        <div class="go-mt">
+            <el-radio-group v-model="isCollapse" style="float: right" size="mini" @change="changeIsCollapse">
                 <el-radio-button :label="false">{{ $t('commonTable.singleRow') }}</el-radio-button>
-                <el-radio-button :label="true">{{ $t('commonTable.Multicolumn')  }}</el-radio-button>
+                <el-radio-button :label="true">{{ $t('commonTable.Multicolumn') }}</el-radio-button>
             </el-radio-group>
         </div>
-        <div style="width: 200px; float: right; padding: 10px; height: calc(100% - 28px); box-sizing: border-box; overflow-y: auto" class="arrlist">
+        <div
+            style="width: 200px; float: right; padding: 10px; height: calc(100% - 28px); box-sizing: border-box; overflow-y: auto"
+            class="arrlist"
+        >
             <ul style="width: 100%; height: auto">
                 <!-- <li v-show="currentMenu == 1">
                     <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start">
@@ -110,7 +112,7 @@
                 </li> -->
 
                 <li v-show="currentMenu == 1">
-                    <div style="" class="go-content-charts-item-box" :class="isCollapse?'double':'single'">
+                    <div style="" class="go-content-charts-item-box" :class="isCollapse ? 'double' : 'single'">
                         <!-- <div class="item_box" style="width: 100%; height: auto; position: relative" >
                             <el-collapse v-if="isShowEdit">
                                 <el-collapse-item name="1" style="margin-top: 4px">
@@ -148,7 +150,10 @@
                                     overflow: hidden;
                                     position: relative;`"
                                 >
-                                    <div class="imgbox" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div
+                                        class="imgbox"
+                                        style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center"
+                                    >
                                         <!-- 图片内容 -->
                                         <img src="@/assets/img/upload.png" style="width: 100px; height: 100%; object-fit: cover" />
                                     </div>
@@ -191,12 +196,12 @@
                                 <div class="title">
                                     <span
                                         >Figure {{ index + 1 }}
-                                        <span class="previewbox"
+                                        <span
+                                            class="previewbox"
                                             @click="openPreview(index, 'img')"
                                             v-if="['jpg', 'jpeg', 'png'].includes(img.image.split('.').pop().toLowerCase())"
                                         >
-                                              <i class="el-icon-view" style="font-size: 16px"></i>
-                                          
+                                            <i class="el-icon-view" style="font-size: 16px"></i>
                                         </span>
                                         <a :href="mediaUrl + img.image.url" style="color: #000" v-else>
                                             <!-- <el-tooltip class="item" effect="dark" :content="$t('commonTable.preview')" placement="top"> -->
@@ -244,17 +249,30 @@
                                     :draggable="img.has_selected == 0 ? true : false"
                                     @dragstart="img.has_selected == 0 ? onDragStart($event, img, index, 'img') : ''"
                                 >
-                                    <div  class="imgbox" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div
+                                        class="imgbox"
+                                        style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center"
+                                    >
                                         <!-- 图片内容 -->
                                         <template v-if="['jpg', 'jpeg', 'png'].includes(img.image.split('.').pop().toLowerCase())">
-                                            <img @click="img.has_selected == 1?goToListComment(img.article_image_id, 'img'):openPreview(index, 'img')"
+                                            <img
+                                                @click="
+                                                    img.has_selected == 1
+                                                        ? goToListComment(img.article_image_id, 'img')
+                                                        : openPreview(index, 'img')
+                                                "
                                                 :data-img-id="img.article_image_id"
                                                 :src="mediaUrl + img.image"
                                                 style="width: 140px; height: 100%; object-fit: cover"
                                             />
                                         </template>
                                         <template v-else-if="img.image.split('.').pop().toLowerCase() === 'tif'">
-                                            <img @click="img.has_selected == 1?goToListComment(img.article_image_id, 'img'):openPreview(index, 'img')"
+                                            <img
+                                                @click="
+                                                    img.has_selected == 1
+                                                        ? goToListComment(img.article_image_id, 'img')
+                                                        : openPreview(index, 'img')
+                                                "
                                                 :data-img-id="img.article_image_id"
                                                 :src="img.dataUrl"
                                                 style="width: 140px; height: 100%; object-fit: cover"
@@ -310,7 +328,19 @@
                     </div>
                 </li>
                 <li v-show="currentMenu == 2">
-                    <div style="" class="go-content-charts-item-box" :class="isCollapse?'double':'single'">
+                    <div style="" class="go-content-charts-item-box" :class="isCollapse ? 'double' : 'single'">
+                        <!-- <el-tooltip
+                            class="item"
+                            effect="dark"
+                            content="Upload a Word file and automatically recognize all tables in the document"
+                            placement="top-start"
+                        >
+                            <p @click.stop="handlePaperclip" style="display: flex; align-items: center; justify-content: space-around">
+                                <img src="@/assets/img/word.png" style="width: 20px; height: auto" />
+                                <span style="margin-left: 8px; font-size: 14px; color: #103f91; font-weight: bold">Upload Word</span>
+                            </p>
+                        </el-tooltip> -->
+
                         <div class="item_box" @click="addTable" style="width: 100%; height: auto; position: relative">
                             <div class="list-center go-flex-center go-transition" style="width: 100%">
                                 <div class="title">
@@ -329,7 +359,10 @@
                                     overflow: hidden;
                                     position: relative;`"
                                 >
-                                    <div class="imgbox" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div
+                                        class="imgbox"
+                                        style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center"
+                                    >
                                         <!-- 图片内容 -->
                                         <img src="@/assets/img/uploadTable.png" style="width: 100px; height: 100%; object-fit: cover" />
                                     </div>
@@ -416,7 +449,15 @@
                                     :draggable="table.has_selected == 0 ? true : false"
                                     @dragstart="table.has_selected == 0 ? onDragStart($event, table, index, 'table') : ''"
                                 >
-                                    <div class="imgbox" @click="table.has_selected == 1?goToListComment(table.article_table_id, 'table'):openPreview(index, 'table')" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div
+                                        class="imgbox"
+                                        @click="
+                                            table.has_selected == 1
+                                                ? goToListComment(table.article_table_id, 'table')
+                                                : openPreview(index, 'table')
+                                        "
+                                        style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center"
+                                    >
                                         <!-- 图片内容 -->
                                         <table
                                             :data-table-id="table.article_table_id"
@@ -545,10 +586,8 @@ export default {
         }
     },
     methods: {
-        changeIsCollapse(e){
-       
-        localStorage.setItem('isCollapse', e)
-
+        changeIsCollapse(e) {
+            localStorage.setItem('isCollapse', e);
         },
         isShowEditComment() {
             if (localStorage.getItem('U_role')) {
@@ -879,8 +918,8 @@ export default {
         }
     },
     async created() {
-        this.isCollapse=localStorage.getItem('isCollapse')=='true'?true:false;
-        console.log('localStorage.getItem',typeof localStorage.getItem('isCollapse'))
+        this.isCollapse = localStorage.getItem('isCollapse') == 'true' ? true : false;
+        console.log('localStorage.getItem', typeof localStorage.getItem('isCollapse'));
         this.isShowEditComment();
         this.isFresh = false;
         this.$nextTick(async () => {
@@ -892,7 +931,7 @@ export default {
         });
     },
     async activated() {
-        this.isCollapse=localStorage.getItem('isCollapse')=='true'?true:false;
+        this.isCollapse = localStorage.getItem('isCollapse') == 'true' ? true : false;
         this.isFresh = false;
         this.isShowEditComment();
         this.$nextTick(async () => {
@@ -1070,28 +1109,26 @@ li {
     height: 28px; */
     width: 200px;
     float: right;
-  
 }
-.double .item_box{
-width: 46% !important;
+.double .item_box {
+    width: 46% !important;
 }
-.double .item_box .previewbox{
-display: none;
+.double .item_box .previewbox {
+    display: none;
 }
 .double .item_box .imgbox {
-height: 50px !important;
-width: auto !important;
+    height: 50px !important;
+    width: auto !important;
 }
-.double .item_box .imgbox img{
-height: 60px !important;
-width: auto !important;
+.double .item_box .imgbox img {
+    height: 60px !important;
+    width: auto !important;
 }
-.double .go-transition .title{
-font-size: 12px !important;
-padding:0 2px !important;
-line-height: 20px !important;
+.double .go-transition .title {
+    font-size: 12px !important;
+    padding: 0 2px !important;
+    line-height: 20px !important;
 }
-.single{
-
+.single {
 }
 </style>
diff --git a/src/components/page/documentView.vue b/src/components/page/documentView.vue
index b6ec999..c84d043 100644
--- a/src/components/page/documentView.vue
+++ b/src/components/page/documentView.vue
@@ -375,7 +375,7 @@
 								<font>Journal : <b
 										style="margin-right: 25px;">{{journal_state(detailMess.journalname)}}</b></font>
 								<font>ID : <b style="margin-right: 25px;">{{detailMess.accept_sn}}</b></font>
-								<font>Type : <b style="margin-right: 25px;">{{mauntType(detailMess.type)}}</b></font>
+								<font>Type : <b style="margin-right: 25px;">{{detailMess.type |jtName}}</b></font>
 								<font>Major : <b>{{detailMess.major}}</b></font>
 							</div>
 							<p>
@@ -1400,77 +1400,7 @@
 			},
 
 			// 文章类型
-			mauntType(e) {
-				let frag = '';
-				switch (e) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+		
 
 			// 稿件预览
 			showDetail(e) {
diff --git a/src/components/page/editPublicRefRdit.vue b/src/components/page/editPublicRefRdit.vue
index 6fcfbbd..82121db 100644
--- a/src/components/page/editPublicRefRdit.vue
+++ b/src/components/page/editPublicRefRdit.vue
@@ -243,7 +243,7 @@
                         ></el-input>
                         <p class="zhushi">
                             Six or less authors are required to list all authors while more than six authors are required to list three of
-                            them with “et al”.
+                            them with “et al.”
                         </p>
                     </el-form-item>
                     <el-form-item :label="SourceType == 'journal' ? 'Title:' : 'Book'" required prop="title">
@@ -252,37 +252,47 @@
                             v-model="refenceForm.title"
                             placeholder="eg: The role of autophagy in the treatment of osteoporosis by Chinese medicines (natural)"
                         ></el-input>
+                        <p class="zhushi"  v-if="SourceType == 'journal'">
+                            <span style="color: #409EFF;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                        </p>
                         <el-input
                             v-if="SourceType == 'book'"
                             v-model="refenceForm.title"
                             placeholder="eg: Traditional Medicine Research"
                         ></el-input>
-                        <p v-if="SourceType == 'book'" class="zhushi">Full Name of Book.</p>
+                        <p v-if="SourceType == 'book'" class="zhushi">Full Name of Book     <span style="color: #409EFF;margin-left: 6px;display: none;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span></p>
                     </el-form-item>
                     <el-form-item label="Publication Details:" required prop="dateno">
                         <div v-if="SourceType == 'journal'">
                             <el-input v-model="refenceForm.dateno" placeholder="eg: 2023;8(9):49-62"></el-input>
-                            <p class="zhushi">Year;Volume(issue):Inclusive page numbers.</p>
+                            <p class="zhushi">Year;Volume(issue):Inclusive page numbers<span style="color: #409EFF;margin-left: 6px;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span></p>
                         </div>
                         <div v-if="SourceType == 'book'">
                             <el-input v-model="refenceForm.dateno" placeholder="eg: New York, NY:McGraw-Hill;2011"></el-input>
-                            <p class="zhushi">City, State (or Country if not in the US) of publisher:Publisher’s name;copyright year.</p>
+                            <p class="zhushi">City, State (or Country if not in the US) of publisher:Publisher’s name;copyright year<span style="color: #409EFF;display: none;margin-top: -10px;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span></p>
                         </div>
                     </el-form-item>
                 </div>
                 <div v-show="SourceType == 'journal'">
                     <el-form-item label="Journal:" required prop="joura">
                         <el-input v-model="refenceForm.joura" placeholder="eg: Tradit Med Res"></el-input>
-                        <p class="zhushi">Abbreviated Journal Title.</p>
+                        <p class="zhushi">Abbreviated Journal Title
+                            <span style="color: #409EFF;margin-left: 6px;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span> </span>
+                        </p>
                     </el-form-item>
                     <el-form-item label="DOI/URL:" required prop="doilink">
                         <el-input v-model="refenceForm.doilink" placeholder="eg: 10.1002/cncr.30667"></el-input>
+                        <p class="zhushi">
+                            <span style="color: #409EFF;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                        </p>
                     </el-form-item>
                 </div>
                 <!-- Book -->
                 <div v-show="SourceType == 'book'">
                     <el-form-item label="ISBN:" required prop="isbn">
-                        <el-input v-model="refenceForm.isbn"></el-input>
+                        <el-input v-model="refenceForm.isbn"></el-input> <p class="zhushi">
+                            <span style="color: #409EFF;display: none;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                        </p>
                     </el-form-item>
                 </div>
                 <!-- others -->
diff --git a/src/components/page/guest_articleDetail.vue b/src/components/page/guest_articleDetail.vue
index f8ea579..1d2fbf8 100644
--- a/src/components/page/guest_articleDetail.vue
+++ b/src/components/page/guest_articleDetail.vue
@@ -15,7 +15,7 @@
 							<div class="art_state_message_id" style="padding-left: 15px;">
 								<font>Journal : <b style="margin-right: 25px;">{{journal_me}}</b></font>
 								<font>ID : <b style="margin-right: 25px;">{{form.accept_sn}}</b></font>
-								<font>Type : <b style="margin-right: 25px;">{{myType}}</b></font>
+								<font>Type : <b style="margin-right: 25px;">{{form.type |jtName}}</b></font>
 								<font>Major : <b>{{form.major}}</b></font>
 							</div>
 							<p>
@@ -413,77 +413,7 @@
 			this.initFileList();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+		
 			// coverLetterUrl: function() {
 			//     return this.baseUrl + this.form.coverLetter;
 			// },
diff --git a/src/components/page/guest_articleList.vue b/src/components/page/guest_articleList.vue
index c9c4333..d675482 100644
--- a/src/components/page/guest_articleList.vue
+++ b/src/components/page/guest_articleList.vue
@@ -126,7 +126,7 @@
 					<font>ID : </font><b>{{MesDetail.accept_sn}}</b>
 				</p>
 				<p>
-					<font>Type :</font><b>{{myType(MesDetail.type)}}</b>
+					<font>Type :</font><b>{{MesDetail.type |jtName}}</b>
 				</p>
 				<p v-show="MesDetail.type=='A'">
 					<font>Ethical Approval :</font><b>{{MesDetail.approval?'Yes':'No'}}</b>
@@ -647,77 +647,7 @@
 				}
 				return str;
 			},
-			myType(e) {
-				let frag = '';
-				switch (e) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			journal_me(e) {
 				var frag = '';
 				if (e > 0) {
diff --git a/src/components/page/monitorManuscript.vue b/src/components/page/monitorManuscript.vue
index c35d618..4ff8de7 100644
--- a/src/components/page/monitorManuscript.vue
+++ b/src/components/page/monitorManuscript.vue
@@ -34,7 +34,14 @@
 				<!-- <el-table-column prop="article_id" label="ID" width="55" align="center"></el-table-column> -->
 				<el-table-column prop="title" label="Title" align="left"></el-table-column>
 				<el-table-column prop="abbr" label="Journal" width="80" align="center"></el-table-column>
-				<el-table-column :formatter="typeFormat" label="Type" width="100" align="center"></el-table-column>
+				<el-table-column  label="Type" width="100" align="center">
+					<template slot-scope="scope">
+						{{ scope.row.type | jtName }}
+					
+					
+					</template>
+					
+				</el-table-column>
 				<el-table-column :formatter="repeFormat" prop="repetition" label="Repetition" width="80" align="center"></el-table-column>
 				<el-table-column prop="realname" label="Editor" width="100" align="center"></el-table-column>
 				<el-table-column :formatter="dateFormat" prop="ctime" width="100" label="Add date" align="center"></el-table-column>
@@ -175,77 +182,7 @@
 			repeFormat(row, column, cellValue, index) {
 				return cellValue + '%';
 			},
-			typeFormat(row, column, cellValue, index) {
-				let frag = '';
-				switch (row.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			formatDate(timestamp) {
 				var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
 				var Y = date.getFullYear() + '-';
diff --git a/src/components/page/monitorManuscriptDetail.vue b/src/components/page/monitorManuscriptDetail.vue
index 115dfe3..785cafe 100644
--- a/src/components/page/monitorManuscriptDetail.vue
+++ b/src/components/page/monitorManuscriptDetail.vue
@@ -25,7 +25,7 @@
 								<span>{{form.title}}</span>
 							</el-form-item>
 							<el-form-item label="Type">
-								<span>{{myType}}</span>
+								<span>{{form.type | jtName}}</span>
 							</el-form-item>
 							<el-form-item label="Repetition" v-show="form.repezip!=''">
 								<el-link type="primary" icon="el-icon-download" :href="this.mediaUrl + form.repezip">Download</el-link>
@@ -253,77 +253,7 @@
 			this.initFileList();
 		},
 		computed: {
-			myType: function() {
-				let frag = '';
-				switch (this.form.type) {
-					case "A":
-						frag = 'ARTICLE';
-						break;
-					case 'B':
-						frag = 'REVIEW';
-						break;
-					case 'C':
-						frag = 'CASE REPORT';
-						break;
-					case 'P':
-						frag = 'RESEARCH PROPOSAL';
-						break;
-					case 'N':
-						frag = 'NEWS';
-						break;
-					case 'T':
-						frag = 'COMMENT';
-						break;
-					case 'CT':
-						frag = 'CORRECTION';
-						break;
-					case 'HT':
-						frag = 'HYPOTHESIS';
-						break;
-					case 'PF':
-						frag = 'PREFACE';
-						break;
-					case 'ET':
-						frag = 'EDITORIAL';
-						break;
-					case 'RP':
-						frag = 'REPORT';
-						break;
-					case 'LR':
-						frag = 'LETTER';
-						break;
-					case 'EF':
-						frag = 'EMPIRICAL FORMULA';
-						break;
-					case 'EM':
-						frag = 'EVIDENCE-BASED MEDICINE';
-						break;
-					case 'EC':
-						frag = 'EXPERT CONSENSUS';
-						break;
-					case 'LTE':
-						frag = 'LETTER TO EDITOR';
-						break;
-					case 'QI':
-						frag = 'QUESTIONNAIRE INVESTIGATION';
-						break;
-					case 'PT':
-						frag = 'PROTOCOL';
-						break;
-					case 'CS':
-						frag = 'CASE SERIES';
-						break;
-					case 'RT':
-						frag = 'RETRACTION';
-						break;
-					case 'MR':
-						frag = 'MINI REVIEW';
-						break;	
-					default:
-						frag = 'OTHERS';
-				}
-				return frag;
-			},
+			
 			coverLetterUrl: function() {
 				return this.baseUrl + this.form.coverLetter;
 			},
diff --git a/src/components/page/reviewerList.vue b/src/components/page/reviewerList.vue
index 2faf38c..76f2661 100644
--- a/src/components/page/reviewerList.vue
+++ b/src/components/page/reviewerList.vue
@@ -30,9 +30,10 @@
 					<el-option label="D" key="D" value="D"></el-option>
 					<el-option label="Not rated" key="1" value="1"></el-option>
 				</el-select> -->
-                <el-input clearable v-model="query.keyword" placeholder="Account / Realname / Email" style="width: 240px; margin: 0 15px"> </el-input>
+                <el-input clearable v-model="query.keyword" placeholder="Account / Realname / Email" style="width: 240px; margin: 0 15px">
+                </el-input>
                 <el-cascader
-                clearable
+                    clearable
                     :ref="`cascader1`"
                     @change="handleChange"
                     v-model="selectField"
@@ -66,8 +67,29 @@
                         </p>
                         <p class="tab_tie_col">
                             <span>Title: </span>{{ scope.row.technical }}
-                            <span style="margin-left: 30px">CV: </span>
-                            <b class="el-icon-check" style="color: #0fa31d; font-weight: bold" v-if="scope.row.cvs.length > 0"> </b>
+                            <span style="margin-left: 25px">CV: </span>
+                            <span v-if="scope.row.cvs.length > 0" v-for="(item, index) in [scope.row.cvs[scope.row.cvs.length - 1]]">
+                                <!-- <span style="margin-left: 20px; color: #888; font-size: 13px">
+                                        <i class="el-icon-paperclip"></i>
+                                        {{ formatDate(item.ctime) }}
+                                    </span> -->
+                                <el-tooltip :content="formatDate(item.ctime)" placement="top">
+                                    <a
+                                        :href="mediaUrl + 'reviewer/' + item.cv"
+                                        target="_blank"
+                                        class="txt_pdf"
+                                        style="margin: 0; display: inline-block"
+                                        ><img
+                                            src="@/assets/img/icon_0.png"
+                                            alt=""
+                                            class="icon_img"
+                                            style="vertical-align: middle; width: 16px; height: 16px"
+                                        />
+                                        <i class="el-icon-download" style="font-size: 12px;margin-left: 4px;"></i>
+                                    </a>
+                                </el-tooltip>
+                            </span>
+                            <!-- <b class="el-icon-check" style="color: #0fa31d; font-weight: bold" v-if="scope.row.cvs.length > 0"> </b> -->
                             <b class="el-icon-close" style="color: #ff0000; font-weight: bold" v-if="scope.row.cvs.length == 0"> </b>
                         </p>
                         <p class="tab_tie_col"><span>Email: </span>{{ scope.row.email }}</p>
@@ -116,6 +138,13 @@
                                 >
                             </font>
                         </p>
+                        <p class="tab_tie_col">
+                            <span style="color: #0b71ff">Reviewed manuscripts {{ ReviewTime }}: </span>
+                            <font style="display: inline-block; color: #0b71ff; font-weight: bold" v-if="scope.row.review_num_two_year">
+                                {{ scope.row.review_num_two_year }}
+                            </font>
+                            <font style="display: inline-block; color: #aaa; font-weight: bold" v-else> 0 </font>
+                        </p>
                     </template>
                 </el-table-column>
                 <el-table-column label="Other Information">
@@ -179,13 +208,17 @@
                 </el-table-column> -->
                 <el-table-column label="Research areas" width="300">
                     <template slot-scope="scope">
-                        <div v-if="scope.row.user_id" style="display: flex; align-items: center; justify-content: space-between">
+                        <div
+                            @click="BoxMajor(scope.row, majorData[scope.row.user_id])"
+                            v-if="scope.row.user_id"
+                            style="display: flex; align-items: center; justify-content: space-between; cursor: pointer"
+                        >
                             <!-- 使用 user_id 来获取用户的 majorData -->
                             <div>
                                 <div v-if="majorData[scope.row.user_id]" class="majorDataBox">
-                                    <p v-for="(v, i) in majorData[scope.row.user_id]" style="border-top: 1px solid #b3d8ff;">
-                                        <span style="font-weight:bold">{{ i + 1 }}.</span>
-                                        {{ v.major_title.replace("Medicine >", "").trim() }}
+                                    <p v-for="(v, i) in majorData[scope.row.user_id]" style="border-top: 1px solid #b3d8ff">
+                                        <span style="font-weight: bold">{{ i + 1 }}.</span>
+                                        {{ v.major_title.replace('Medicine >', '').trim() }}
                                     </p>
                                 </div>
                                 <div v-else>
@@ -194,11 +227,7 @@
                                 </div>
                             </div>
 
-                            <b
-                                @click="BoxMajor(scope.row,majorData[scope.row.user_id])"
-                                style="margin-left: 10px; cursor: pointer; color: #006699"
-                                class="el-icon-edit"
-                            ></b>
+                            <b style="margin-left: 10px; color: #006699" class="el-icon-edit"></b>
                         </div>
                     </template>
                 </el-table-column>
@@ -405,9 +434,10 @@
         <el-dialog title="Remarks" :visible.sync="remarkBox" width="800px">
             <el-form ref="remark" :model="remarkMes" label-width="95px">
                 <el-form-item label="Reviewer :">
-                    <p style="line-height: 20px; margin-top: 6px;">
-                        <span style="color:#333;font-weight:bold;">{{ remarkMes.realname }}</span>
-                         ( {{ remarkMes.email }} )</p>
+                    <p style="line-height: 20px; margin-top: 6px">
+                        <span style="color: #333; font-weight: bold">{{ remarkMes.realname }}</span>
+                        ( {{ remarkMes.email }} )
+                    </p>
                 </el-form-item>
                 <el-form-item label="Content :">
                     <el-input type="textarea" rows="20" v-model="remarkMes.remark"></el-input>
@@ -421,16 +451,16 @@
         <el-dialog title="Edit Research areas" :visible.sync="majorBox" width="800px">
             <el-form ref="remark" :model="majorMes" label-width="120px">
                 <el-form-item label="Reviewer :">
-                    <p style="line-height: 20px; margin-top: 6px;">
-                        <span style="color:#333;font-weight:bold;">{{ majorMes.realname }}</span>
-                         ( {{ majorMes.email }} )</p>
+                    <p style="line-height: 20px; margin-top: 6px">
+                        <span style="color: #333; font-weight: bold">{{ majorMes.realname }}</span>
+                        ( {{ majorMes.email }} )
+                    </p>
                 </el-form-item>
                 <!-- <el-form-item label="Email :">
                     <p style="line-height: 20px; margin-top: 6px">{{ majorMes.email }}</p>
                 </el-form-item> -->
                 <el-form-item label="Research areas :">
                     <common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
-             
                 </el-form-item>
             </el-form>
             <span slot="footer" class="dialog-footer">
@@ -463,13 +493,17 @@
 </template>
 
 <script>
+const currentYear = new Date().getFullYear();
+var ReviewTime = `(${currentYear - 2}–${currentYear})`;
 import commonReviewer from '../page/components/reviewerList/add.vue';
 export default {
     components: {
         commonReviewer
     },
+
     data() {
         return {
+            ReviewTime: ReviewTime,
             majorValueList: [],
             majorData: [],
             selectField: [],
@@ -528,9 +562,7 @@ export default {
             remarkMes: {
                 remark: ''
             },
-            majorMes: {
-               
-            },
+            majorMes: {},
             remarkBox: false,
             majorBox: false,
             gradeMes: {
@@ -719,9 +751,8 @@ export default {
         },
 
         async getContent() {
-            
-            console.log('this.selectField at line 720:', this.selectField)
-            if(this.selectField.length > 0) {
+            console.log('this.selectField at line 720:', this.selectField);
+            if (this.selectField.length > 0) {
                 this.query.user_field = this.selectField[this.selectField.length - 1];
             } else {
                 this.query.user_field = '';
@@ -742,7 +773,7 @@ export default {
                 background: 'rgba(0, 0, 0, 0.7)'
             });
             await this.$api
-                .post('api/Reviewer/getReviewerListByJournal',this.query)
+                .post('api/Reviewer/getReviewerListByJournal', this.query)
                 .then(async (res) => {
                     if (res.code == 0) {
                         this.tableData = res.data;
@@ -761,13 +792,10 @@ export default {
                         // });
 
                         this.$forceUpdate();
-                      
                     } else {
                         this.$message.error(res.msg);
                         loading.close();
                     }
-
-                    
                 })
                 .catch((err) => {
                     this.$message.error(err);
@@ -1163,27 +1191,25 @@ export default {
             this.remarkMes.email = e.email;
             this.remarkMes.remark = e.remark;
         },
-        BoxMajor(e,data) {
+        BoxMajor(e, data) {
             this.majorBox = true;
             this.majorMes.realname = e.realname;
             this.majorMes.user_id = e.user_id;
             this.majorMes.email = e.email;
             this.majorValueList = [...data].map((item) => ({
-                            selectedValue: Array.isArray(item.shu)
-                                ? item.shu
-                                : typeof item.shu === 'string'
-                                ? item.shu.split(',').map(Number)
-                                : [item.shu]
-                        }));
-         
+                selectedValue: Array.isArray(item.shu)
+                    ? item.shu
+                    : typeof item.shu === 'string'
+                    ? item.shu.split(',').map(Number)
+                    : [item.shu]
+            }));
         },
         async fetchMajorData(userId) {
-           
             // if (!this.majorData[userId]) {
-                // 判断是否已经加载过该用户的数据
-                const data = await this.getMajorData(userId); // 获取数据
-              
-                this.$set(this.majorData, userId, data); // 使用 Vue.set 确保数据是响应式的
+            // 判断是否已经加载过该用户的数据
+            const data = await this.getMajorData(userId); // 获取数据
+
+            this.$set(this.majorData, userId, data); // 使用 Vue.set 确保数据是响应式的
             // }
         },
         // 修改标记
@@ -1212,18 +1238,20 @@ export default {
             });
         },
         saveMajor() {
-            this.$api.post('api/Reviewer/updateUserField', {
-                user_id:this.majorMes.user_id,
-                user_field:this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',')
-            }).then((res) => {
-                if (res.status == 1) {
-                    this.$message.success('Success');
-                    this.majorBox = false;
-                    this.fetchMajorData(this.majorMes.user_id);
-                } else {
-                    this.$message.error(res.msg);
-                }
-            });
+            this.$api
+                .post('api/Reviewer/updateUserField', {
+                    user_id: this.majorMes.user_id,
+                    user_field: this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',')
+                })
+                .then((res) => {
+                    if (res.status == 1) {
+                        this.$message.success('Success');
+                        this.majorBox = false;
+                        this.fetchMajorData(this.majorMes.user_id);
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                });
         },
 
         // 领域
@@ -1365,6 +1393,9 @@ export default {
                 //     ')</span>';
                 str = '<b style="color:#cbb504">' + num + '</b>';
             } else {
+                if (num == null) {
+                    num = 0;
+                }
                 // str =
                 //     '<b style="color:#0cbc15">' +
                 //     num +
@@ -1373,7 +1404,7 @@ export default {
                 //     ')</span>';
                 str = '<b style="color:#0cbc15">' + num + '</b>';
             }
-            if (time == 0) {
+            if (time == 0 || time == null) {
                 // str = '<b style="color:#aaa;">0</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(No time)</span>';
                 str = '<b style="color:#aaa;">0</b>';
             }
@@ -1530,8 +1561,7 @@ export default {
     text-decoration: underline;
     cursor: pointer;
 }
-.majorDataBox p:nth-child(1){
+.majorDataBox p:nth-child(1) {
     border-top: none !important;
-  
 }
 </style>
diff --git a/src/main.js b/src/main.js
index 9fc2f9d..f70daea 100644
--- a/src/main.js
+++ b/src/main.js
@@ -13,26 +13,26 @@ import 'babel-polyfill';
 import api from './api/index.js';
 import Common from './components/common/common'
 Vue.prototype.$validateString = function (str) {
-    return /^[a-zA-Z\s\u00C0-\u00FF\u0100-\u017F-]+$/.test(str);
+  return /^[a-zA-Z\s\u00C0-\u00FF\u0100-\u017F-]+$/.test(str);
 }
 window.MathJax = {
-    tex: {
-      inlineMath: [['$', '$'], ['\\(', '\\)']], // 行内公式
-      displayMath: [['$$', '$$'], ['\\[', '\\]']], // 块级公式
-    },
-    svg: { fontCache: 'global' }
-  };
-  
-  // 监听 DOM 变化，并自动渲染公式
-  Vue.prototype.$renderMath = function () {
-    if (window.MathJax && window.MathJax.typeset) {
-      setTimeout(() => {
-        window.MathJax.typeset();
-      }, 100); // 延迟防止 Vue 还未完全渲染
-    } else {
-      console.warn('MathJax 未正确加载');
-    }
-  };
+  tex: {
+    inlineMath: [['$', '$'], ['\\(', '\\)']], // 行内公式
+    displayMath: [['$$', '$$'], ['\\[', '\\]']], // 块级公式
+  },
+  svg: { fontCache: 'global' }
+};
+
+// 监听 DOM 变化，并自动渲染公式
+Vue.prototype.$renderMath = function () {
+  if (window.MathJax && window.MathJax.typeset) {
+    setTimeout(() => {
+      window.MathJax.typeset();
+    }, 100); // 延迟防止 Vue 还未完全渲染
+  } else {
+    console.warn('MathJax 未正确加载');
+  }
+};
 import VXETable from 'vxe-table'
 import 'vxe-table/lib/style.css'
 
@@ -47,28 +47,71 @@ import 'quill/dist/quill.bubble.css'
 // 注册富文本编辑器组件为全局组件
 Vue.use(VueQuillEditor)
 
+
+
+
+async function loadJournalType() {
+  const localData = localStorage.getItem('journalType'); // 尝试从 localStorage 获取数据
+  // 如果 localStorage 中没有数据，则调用 API 获取并存储
+  if (!localData) {
+    try {
+      await api
+        .post('api/Articletype/getArticleType', {})
+        .then((res) => {
+        	console.log('res at line 61:', res)
+          if (res.status == 1) {
+            localStorage.setItem('journalTypeData', JSON.stringify(res.data.base)); // 将数据存储到 localStorage
+            localStorage.setItem('journalTypeDataAll', JSON.stringify([...res.data.base, ...res.data.supplement])); // 将数据存储到 localStorage
+
+
+          }
+        })
+      await api
+        .post('api/Articletype/getMedicalType', {})
+        .then((res) => {
+        	console.log('res at line 61:', res)
+          if (res.status == 1) {
+            localStorage.setItem('opMedicalListData', JSON.stringify(res.data)); // 将数据存储到 localStorage
+           
+
+          }
+        })
+
+
+    } catch (error) {
+      console.error('Failed to fetch journal types:', error);
+    }
+  } else {
+    console.log('Journal types loaded from localStorage:', JSON.parse(localData));
+  }
+}
+
+// 启动应用时调用一次函数来加载 journalType 数据
+
+
+
 // 时间过滤器
 // 定义时间过滤器(不含时分秒)
 Vue.filter('formatDate', function (originVal) {
-    const dt = new Date(originVal * 1000)
-    const y = dt.getFullYear()
-    const m = (dt.getMonth() + 1 + '').padStart(2, '0')
-    const d = (dt.getDate() + '').padStart(2, '0')
-    const hh = (dt.getHours() + '').padStart(2, '0')
-    const mm = (dt.getMinutes() + '').padStart(2, '0')
-    const ss = (dt.getSeconds() + '').padStart(2, '0')
-    return `${y}-${m}-${d}`
+  const dt = new Date(originVal * 1000)
+  const y = dt.getFullYear()
+  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
+  const d = (dt.getDate() + '').padStart(2, '0')
+  const hh = (dt.getHours() + '').padStart(2, '0')
+  const mm = (dt.getMinutes() + '').padStart(2, '0')
+  const ss = (dt.getSeconds() + '').padStart(2, '0')
+  return `${y}-${m}-${d}`
 })
 // 含时分秒
 Vue.filter('formatDatehms', function (originVal) {
-    const dt = new Date(originVal * 1000)
-    const y = dt.getFullYear()
-    const m = (dt.getMonth() + 1 + '').padStart(2, '0')
-    const d = (dt.getDate() + '').padStart(2, '0')
-    const hh = (dt.getHours() + '').padStart(2, '0')
-    const mm = (dt.getMinutes() + '').padStart(2, '0')
-    const ss = (dt.getSeconds() + '').padStart(2, '0')
-    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
+  const dt = new Date(originVal * 1000)
+  const y = dt.getFullYear()
+  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
+  const d = (dt.getDate() + '').padStart(2, '0')
+  const hh = (dt.getHours() + '').padStart(2, '0')
+  const mm = (dt.getMinutes() + '').padStart(2, '0')
+  const ss = (dt.getSeconds() + '').padStart(2, '0')
+  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
 })
 // 引入wps文档编辑
 import mammoth from "mammoth";
@@ -76,7 +119,11 @@ import commonJS from '@/common/js/commonJS.js'
 Vue.prototype.$commonJS = commonJS
 
 Vue.prototype.Common = Common;
+// import { getJournalTypeName } from '@/common/js/commonJS.js';
 
+Vue.filter('jtName', function (value) {
+  return commonJS.getJournalTypeName(value);
+});
 // 使用 ES Module
 import * as echarts from 'echarts';
 Vue.prototype.$echarts = echarts
@@ -121,50 +168,53 @@ import commonDragWord from '@/components/page/components/table/dragWord.vue'
 Vue.component('common-drag-word', commonDragWord);
 Vue.use(VueI18n);
 Vue.use(ElementUI, {
-    size: 'small',
-    locale
+  size: 'small',
+  locale
 });
 const i18n = new VueI18n({
-    locale: localStorage.getItem('langs') || 'en',
-    messages
+  locale: localStorage.getItem('langs') || 'en',
+  messages
 });
 //使用钩子函数对路由进行权限跳转
 router.beforeEach((to, from, next) => {
-    document.title = `${to.meta.title} | Traditional Medicine Research`;
-    const role = localStorage.getItem('U_name');
-    const userrole = localStorage.getItem('U_status');
-    if (!role && to.path != '/register' && to.path !== '/submission' && to.path !== '/verification' && to.path !== '/orcidLink' && to.path !== '/img' && to.path !== '/reviewer' && to.path !== '/thanks' && to.path !== '/login' && to.path !== '/refuse' && to.path !== '/managing' && to.path.search(/retrieve/i) < 0) {
-        next('/login');
-        // } else if (to.meta.permission) {
-        //     // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已
-        //     // role === 'admin' ? next() : next('/403');
-        //     if(userrole == to.meta.permission){
-        //         next();
-        //     }else{
-        //         next('/403');
-        //     }
+	loadJournalType();
+  document.title = `${to.meta.title} | Traditional Medicine Research`;
+  const role = localStorage.getItem('U_name');
+  const userrole = localStorage.getItem('U_status');
+  
+  if (!role && to.path != '/register' && to.path !== '/submission' && to.path !== '/verification' && to.path !== '/orcidLink' && to.path !== '/img' && to.path !== '/reviewer' && to.path !== '/thanks' && to.path !== '/login' && to.path !== '/refuse' && to.path !== '/managing' && to.path.search(/retrieve/i) < 0) {
+    next('/login');
+    // } else if (to.meta.permission) {
+    //     // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已
+    //     // role === 'admin' ? next() : next('/403');
+    //     if(userrole == to.meta.permission){
+    //         next();
+    //     }else{
+    //         next('/403');
+    //     }
 
+  } else {
+    //审稿人导航
+    // if(to.path=='/reviewerArticleList'&&userrole!='reviewer'){
+    //     next('/authorApplyReviewer');
+    // }
+    // 简单的判断IE10及以下不进入富文本编辑器，该组件不兼容
+    if (navigator.userAgent.indexOf('MSIE') > -1 && to.path === '/editor') {
+      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {
+        confirmButtonText: '确定'
+      });
     } else {
-        //审稿人导航
-        // if(to.path=='/reviewerArticleList'&&userrole!='reviewer'){
-        //     next('/authorApplyReviewer');
-        // }
-        // 简单的判断IE10及以下不进入富文本编辑器，该组件不兼容
-        if (navigator.userAgent.indexOf('MSIE') > -1 && to.path === '/editor') {
-            Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {
-                confirmButtonText: '确定'
-            });
-        } else {
-            next();
-        }
+      next();
     }
+
+  }
 });
 
 new Vue({
-    router,
-    i18n,
-    render: h => h(App),
-    mounted() {
-        this.$renderMath(); // 页面加载后自动渲染
-      }
+  router,
+  i18n,
+  render: h => h(App),
+  mounted() {
+    this.$renderMath(); // 页面加载后自动渲染
+  }
 }).$mount('#app');