diff --git a/src/common/js/commonJS.js b/src/common/js/commonJS.js
index 9a515a2..7b859a4 100644
--- a/src/common/js/commonJS.js
+++ b/src/common/js/commonJS.js
@@ -73,15 +73,15 @@ export default {
 
 
     getJournalTypeName(value) {
-        
+
         var list = JSON.parse(localStorage.getItem('journalTypeDataAll'));
-        if(list&&list.length>0){
-             const type = list.find(item => item.value === value);
-        return type ? type.name : 'OTHERS';
-        }else{
+        if (list && list.length > 0) {
+            const type = list.find(item => item.value === value);
+            return type ? type.name : 'OTHERS';
+        } else {
             return ''
         }
-       
+
 
 
     },
@@ -119,7 +119,7 @@ export default {
 
 
 
- 
+
 
 
     extractLatexFromMathJax() {
@@ -245,7 +245,7 @@ export default {
                 const content = match.slice(1, match.length - 1);  // 去掉方括号
                 // 这个需要程序去判断所以需要告诉我满足哪些条件的标蓝
                 // 上标中 只有 * # & 纯数字 纯数字逗号 纯数字逗号和空格 ỻ  标蓝
-                
+
                 // 判断是否符合条件，纯数字、逗号后有空格、连字符
                 if (/^\d+$/.test(content) || /, ?/.test(content) || /–/.test(content)) {
                     return `<blue>${match}</blue>`; // 如果符合条件则加上蓝色标签
@@ -412,10 +412,10 @@ export default {
                                         if (!vMergeVal || vMergeVal === "continue") {
                                             if (rowspan < maxRowspan) { // 限制 rowspan 最大值
                                                 rowspan++;
-                                               
+
                                                 nextRowIdx++;
                                             } else {
-                                               
+
                                                 break;
                                             }
                                         } else if (vMergeVal === "restart") {
@@ -556,10 +556,8 @@ export default {
                     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);
@@ -573,7 +571,6 @@ export default {
                         }
                     }
                 });
-
                 mammoth.convertToHtml({ arrayBuffer }, {
                     convertImage: mammoth.images.inline(async function (image) {
                         console.log('image at line 163:', image)
@@ -834,26 +831,27 @@ export default {
     //     }
 
     // },
-    transformHtmlString(inputHtml, type) {
-
+    transformHtmlString(inputHtml, type, options = {}) {
+        const { keepBr = false } = options;
+        if (!keepBr) {
+            inputHtml = inputHtml.replace(/<br\s*\/?>/g, '');
+        }
         // inputHtml = inputHtml.replace(/(<[^>]+) style="[^"]*"/g, '$1'); // 移除style属性
         // inputHtml = inputHtml.replace(/(<[^>]+) class="[^"]*"/g, '$1'); // 移除class属性
         // inputHtml = inputHtml.replace(/<([a-zA-Z0-9]+)[^>]*>/g, '<$1>'); // 删除标签上的所有属性
-
         inputHtml = inputHtml.replace(/<([a-zA-Z0-9]+)([^>]*)>/g, function (match, tag, attributes) {
             // 使用正则表达式删除属性（保留 data-latex）
             let updatedAttributes = attributes.replace(/\s([a-zA-Z0-9-]+)(="[^"]*")?/g, function (attrMatch, attrName) {
-                // 只保留 data-latex 属性，其他属性删除
+
                 if (attrName === "data-latex") {
                     return attrMatch;
                 }
                 if (type == 'table' && tag == 'img' && (attrName === "src" || attrName === "width" || attrName === "height")) {
                     return attrMatch;
                 }
-                return ''; // 删除其他属性
+                return '';
             });
 
-            // 返回标签，保留 data-latex 属性
             return `<${tag}${updatedAttributes}>`;
         });
         // 2. 删除所有不需要的标签 (除 `strong`, `em`, `sub`, `sup`, `b`, `i` 外的所有标签)
@@ -864,14 +862,11 @@ export default {
         }
 
 
-        // 3. 删除所有 `<br>` 标签
-        inputHtml = inputHtml.replace(/<br\s*\/?>/g, ''); // 删除 <br> 标签
-        // 3. 如果有 `<strong>` 和 `<em>` 标签，去掉内部样式并保留内容
+        // 去掉样式
         inputHtml = inputHtml.replace(/<span[^>]*>/g, '').replace(/<\/span>/g, '');  // 去除span标签
         inputHtml = inputHtml.replace(/<strong>/g, '<b>').replace(/<\/strong>/g, '</b>'); // 将 `strong` 替换成 `b`
         inputHtml = inputHtml.replace(/<em>/g, '<i>').replace(/<\/em>/g, '</i>'); // 将 `em` 替换成 `i`
-
-        // 4. 合并相同标签（如多个连续的 <b> 标签）
+        // 4. 合并相同标签
         inputHtml = inputHtml.replace(/<b>(.*?)<\/b>\s*<b>/g, '<b>$1'); // 合并连续的 <b> 标签
         inputHtml = inputHtml.replace(/<i>(.*?)<\/i>\s*<i>/g, '<i>$1'); // 合并连续的 <i> 标签
 
@@ -1204,9 +1199,9 @@ export default {
             // 遍历行
             table.forEach((row) => {
                 tableHtml += `<tr>`;
-if(row&&row.length>0){
-       row.forEach((cell) => {
-                    tableHtml += `
+                if (row && row.length > 0) {
+                    row.forEach((cell) => {
+                        tableHtml += `
                         <td 
                             colspan="${cell.colspan || 1}" 
                             rowspan="${cell.rowspan || 1}" 
@@ -1215,12 +1210,12 @@ if(row&&row.length>0){
                           <span > ${cell.text}</span> 
                         </td>
                     `;
-                });
-}else{
-    tableHtml+=``
-}
+                    });
+                } else {
+                    tableHtml += ``
+                }
                 // 遍历单元格
-             
+
 
                 tableHtml += `</tr>`;
             });
@@ -2111,41 +2106,41 @@ if(row&&row.length>0){
 
 
 
-        
+
         // 全部大写按钮（按钮文本：A）
-ed.ui.registry.addButton('myuppercase', {
-    text: 'A', // 按钮文本（大写标识）
-    onAction: function () {
-        // 获取选中的文本（保留 HTML 格式，确保空格等内容不丢失）
-        var selectedText = ed.selection.getContent({ format: 'html' });
+        ed.ui.registry.addButton('myuppercase', {
+            text: 'A', // 按钮文本（大写标识）
+            onAction: function () {
+                // 获取选中的文本（保留 HTML 格式，确保空格等内容不丢失）
+                var selectedText = ed.selection.getContent({ format: 'html' });
 
-        // 校验：非空且仅含字母、数字、空格（可根据需求调整正则）
-        // if (selectedText.trim() && /^[\s\w]+$/.test(selectedText)) {
-            // 直接将选中的所有内容转为大写（无需正则，整体转换）
-            var allUppercaseText = selectedText.toUpperCase();
-            // 替换选中的文本
-            ed.selection.setContent(allUppercaseText);
-        // } else {
-        //     vueInstance.$message.error(vueInstance.$t('commonTable.selectWord'));
-        // }
-    }
-});
+                // 校验：非空且仅含字母、数字、空格（可根据需求调整正则）
+                // if (selectedText.trim() && /^[\s\w]+$/.test(selectedText)) {
+                // 直接将选中的所有内容转为大写（无需正则，整体转换）
+                var allUppercaseText = selectedText.toUpperCase();
+                // 替换选中的文本
+                ed.selection.setContent(allUppercaseText);
+                // } else {
+                //     vueInstance.$message.error(vueInstance.$t('commonTable.selectWord'));
+                // }
+            }
+        });
 
-// 全部小写按钮（按钮文本：a）
-ed.ui.registry.addButton('myuppercasea', {
-    text: 'a', // 按钮文本（小写标识）
-    onAction: function () {
-        var selectedText = ed.selection.getContent({ format: 'html' });
+        // 全部小写按钮（按钮文本：a）
+        ed.ui.registry.addButton('myuppercasea', {
+            text: 'a', // 按钮文本（小写标识）
+            onAction: function () {
+                var selectedText = ed.selection.getContent({ format: 'html' });
 
-        // if (selectedText.trim() && /^[\s\w]+$/.test(selectedText)) {
-            // 直接将选中的所有内容转为小写（整体转换）
-            var allLowercaseText = selectedText.toLowerCase();
-            ed.selection.setContent(allLowercaseText);
-        // } else {
-        //     vueInstance.$message.error(vueInstance.$t('commonTable.selectWord'));
-        // }
-    }
-});
+                // if (selectedText.trim() && /^[\s\w]+$/.test(selectedText)) {
+                // 直接将选中的所有内容转为小写（整体转换）
+                var allLowercaseText = selectedText.toLowerCase();
+                ed.selection.setContent(allLowercaseText);
+                // } else {
+                //     vueInstance.$message.error(vueInstance.$t('commonTable.selectWord'));
+                // }
+            }
+        });
         ed.ui.registry.addButton('Line', {
             text: '–', // 按钮文本
             onAction: function () {
diff --git a/src/components/common/Redirect.vue b/src/components/common/Redirect.vue
new file mode 100644
index 0000000..5af66d5
--- /dev/null
+++ b/src/components/common/Redirect.vue
@@ -0,0 +1,21 @@
+<template>
+    <div></div>
+  </template>
+  
+  <script>
+  export default {
+    beforeCreate() {
+      // 获取传递过来的路径和参数
+      const { path, ...query } = this.$route.query;
+      // 立即跳回原页面
+      this.$router.replace({
+        path: path,
+        query: query
+      });
+    },
+    // 渲染一个空节点
+    render(h) {
+      return h();
+    }
+  };
+  </script>
\ No newline at end of file
diff --git a/src/components/common/Tags.vue b/src/components/common/Tags.vue
index 7150c40..43e64b3 100644
--- a/src/components/common/Tags.vue
+++ b/src/components/common/Tags.vue
@@ -65,6 +65,9 @@
                     if(this.tagsList.length >= 8){
                         this.tagsList.shift();
                     }
+                    if(route.meta.hideInTags){
+                        return false;
+                    }
                     this.tagsList.push({
                         title: route.meta.title,
                         path: route.fullPath,
@@ -90,7 +93,9 @@
         created(){
             this.setTags(this.$route);
             // 监听关闭当前页面的标签页
+           
             bus.$on('close_current_tags', () => {
+                console.log('出发关闭当前标签页');
                 for (let i = 0, len = this.tagsList.length; i < len; i++) {
                     const item = this.tagsList[i];
                     if(item.path === this.$route.fullPath){
@@ -106,7 +111,11 @@
                     }
                 }
             })
-        }
+        },
+//         beforeDestroy() {
+//     // 销毁监听，防止内存泄漏
+//     this.$bus.$off('close_current_tags');
+// }
     }
 
 </script>
diff --git a/src/components/common/common.vue b/src/components/common/common.vue
index 2038279..4a59fb9 100644
--- a/src/components/common/common.vue
+++ b/src/components/common/common.vue
@@ -2,16 +2,16 @@
 //记得切换
 
 //正式
-const mediaUrl = '/public/';
-const baseUrl = '/';
+// const mediaUrl = '/public/';
+// const baseUrl = '/';
 
 // const mediaUrl = 'https://submission.tmrjournals.com/public/';
 // // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
 // const baseUrl = '/api'
 
-// const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
-// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
-// const baseUrl = '/api';
+const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
+// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
+const baseUrl = '/api';
 
 //本地(正式环境 )
 
diff --git a/src/components/page/GenerateCharts.vue b/src/components/page/GenerateCharts.vue
index 149a4a1..eb7c8d6 100644
--- a/src/components/page/GenerateCharts.vue
+++ b/src/components/page/GenerateCharts.vue
@@ -225,7 +225,9 @@
                         <font style="color: #f56c6c; margin-right: 5px">*</font>
                         Table:
                     </span>
+                   
                     <common-table
+                        :articleId="articleId"
                         @getContent="getContent"
                         v-if="threeVisible"
                         ref="commonTable"
diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index ec88f84..272ff64 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -720,7 +720,7 @@ export default {
                     article_id: this.$route.query.id
                 })
                 .then((res) => {
-                    console.log('res at line 191:', res);
+                   
                     if (res.code == 0) {
                         this.article_pay_info = {
                             fee: res.data.article ? res.data.article.fee : 0,
@@ -1049,34 +1049,7 @@ export default {
             return e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + e.stage_pagename + e.stage_page;
         },
 
-        // 1----保存稿件信息
-        ZsSaveMes() {
-            if (this.detailMes.journal_stage_id == 0) {
-                this.$message.error('Please select an installment!');
-                return;
-            }
-            this.$refs.Mes_Form.validate((valid) => {
-                if (valid) {
-                    this.$api
-                        .post('api/Production/editProduction', this.detailMes)
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.$message.success(`Successfully save the article!`);
-                                this.getData();
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err);
-                        });
-                } else {
-                    this.$message.error('Please complete Essential Information first!');
-                    this.jumpTab(0, this.tabsList[0]);
-                    return false;
-                }
-            });
-        },
+    
 
         // 2----添加作者操作
         add_Authorclick(index, row) {
diff --git a/src/components/page/PreIngestedEditorProduce.vue b/src/components/page/PreIngestedEditorProduce.vue
index a8e5998..397596a 100644
--- a/src/components/page/PreIngestedEditorProduce.vue
+++ b/src/components/page/PreIngestedEditorProduce.vue
@@ -831,7 +831,7 @@ export default {
                     article_id: this.article_id
                 })
                 .then((res) => {
-                    console.log('res at line 191:', res);
+                  
                     if (res.code == 0) {
                         this.feeStatus=res.data.state
                         this.isShowCommit=res.data.state==1?true:false
@@ -1146,34 +1146,7 @@ export default {
             return e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + e.stage_pagename + e.stage_page;
         },
 
-        // 1----保存稿件信息
-        ZsSaveMes() {
-            if (this.detailMes.journal_stage_id == 0) {
-                this.$message.error('Please select an installment!');
-                return;
-            }
-            this.$refs.Mes_Form.validate((valid) => {
-                if (valid) {
-                    this.$api
-                        .post('api/Production/editProduction', this.detailMes)
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.$message.success(`Successfully save the article!`);
-                                this.getData();
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err);
-                        });
-                } else {
-                    this.$message.error('Please complete Essential Information first!');
-                    this.jumpTab(0, this.tabsList[0]);
-                    return false;
-                }
-            });
-        },
+   
 
         // 2----添加作者操作
         add_Authorclick(index, row) {
diff --git a/src/components/page/articleAdd.vue b/src/components/page/articleAdd.vue
index 283d8a3..496c84a 100644
--- a/src/components/page/articleAdd.vue
+++ b/src/components/page/articleAdd.vue
@@ -1067,6 +1067,7 @@
 </template>
 
 <script>
+import bus from '@/components/common/bus.js';
 import { debounce, throttle } from '@/common/js/debounce';
 import JournalSelector from '@/components/page/components/article/journal-selector.vue';
 import ProgressBar from '@/components/page/components/article/progress.vue';
@@ -1579,35 +1580,7 @@ export default {
         }
     },
     async created() {
-        this.journal_type = await this.$commonJS.journalTypeList();
-
-        // 依次执行初始化步骤
-        this.initSelect();
-        this.getAutData();
-        try {
-            // 获取期刊类型列表
-
-            // 分支处理
-            if (this.stagingID !== undefined) {
-                this.form.article_id = this.stagingID;
-
-                await this.getMajorData();
-                await this.initStepStatus((step1Incomplete) => {
-                    this.show_step = step1Incomplete.current.step;
-                    this.move_step = step1Incomplete.current.step;
-                });
-                await this.Temporary();
-            } else {
-                this.isNewArticle = true;
-                await this.initMajor();
-            }
-
-            // 最后执行步骤状态初始化
-        } catch (err) {
-            // 控制台打印错误
-            console.error('初始化失败：', err.message || err);
-            load.close();
-        }
+       this.initArticleInfo()
     },
 
     computed: {
@@ -1642,6 +1615,35 @@ export default {
         }
     },
     methods: {
+      async  initArticleInfo(){
+            this.journal_type = await this.$commonJS.journalTypeList();
+        // 依次执行初始化步骤
+        this.initSelect();
+        this.getAutData();
+        try {
+            // 获取期刊类型列表
+
+            // 分支处理
+            if (this.stagingID !== undefined) {
+                this.form.article_id = this.stagingID;
+                await this.getMajorData();
+                await this.initStepStatus((step1Incomplete) => {
+                    this.show_step = step1Incomplete.current.step;
+                    this.move_step = step1Incomplete.current.step;
+                });
+                await this.Temporary();
+            } else {
+                this.isNewArticle = true;
+                await this.initMajor();
+            }
+
+            // 最后执行步骤状态初始化
+        } catch (err) {
+            // 控制台打印错误
+            console.error('初始化失败：', err.message || err);
+            load.close();
+        }
+        },
         handleCheckAllChange(val) {
             this.checkedCities = val
                 ? this.keywordsList.map((_, index) => index + 1) // 遍历数组，取 index+1 作为选中值
@@ -2082,7 +2084,7 @@ export default {
                         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;
@@ -2813,13 +2815,84 @@ export default {
 
                         // this.$message.success('Contribution added successfully!');
                     } else {
-                        this.$message.error(res.msg);
                         this.form.manuscirpt = '';
-                        this.fileL_manuscirpt = [];
-                        this.isShowCommonWord = false;
-                        this.initStepStatus();
-                        loading.close();
-                    }
+    this.fileL_manuscirpt = [];
+    this.isShowCommonWord = false;
+    this.initStepStatus();
+    // 1. 统一关闭 loading
+    loading.close();
+
+    // 2. 根据状态码处理逻辑
+    if (res.status == 21) {
+        // 系统内编辑已经拒绝 - 禁用遮罩层关闭
+        this.$alert(
+            'Please note that the manuscript with the same title has already been rejected. For more details, please contact the journal.', 
+            'System Notice', 
+            { 
+        showConfirmButton: false, // 隐藏蓝色的确定按钮
+        showCancelButton: true,    // 显示取消按钮
+        cancelButtonText: 'Cancel', // 按钮文字设为 Cancel
+        closeOnClickModal: false,   // 依然禁止点击遮罩层关闭
+        type: 'warning',
+        customClass: 'only-cancel-box' // 用于微调样式的类名
+    }
+        );
+    } 
+    else if (res.status == 20) {
+        // 其他状况 不可操作 - 禁用遮罩层关闭
+        this.$alert(
+            'Please note that the manuscript with the same title is already under processing. Do not submit it again.', 
+            'System Notice', 
+            { 
+        showConfirmButton: false, // 隐藏蓝色的确定按钮
+        showCancelButton: true,    // 显示取消按钮
+        cancelButtonText: 'Cancel', // 按钮文字设为 Cancel
+        closeOnClickModal: false,   // 依然禁止点击遮罩层关闭
+        type: 'warning',
+        customClass: 'only-cancel-box' // 用于微调样式的类名
+    }
+        );
+    } 
+    else if (res.status == 22) {
+        // 已经在垃圾箱（草稿箱）- 禁用遮罩层关闭，增加跳转按钮
+        this.$confirm(
+            'Please notice that the manuscript with the same title is already in the draft status. Would you like to view it?', 
+            'System Notice', 
+            {
+                confirmButtonText: 'Click here',
+                cancelButtonText: 'Cancel',
+                type: 'info',
+                closeOnClickModal: false, // 禁止点击背景关闭
+                closeOnPressEscape: false  // 建议同时禁止 ESC 键关闭，增强强制性
+            }
+        ).then(() => {
+            // 跳转逻辑：使用后端返回的 draft_id 或 article_id
+            const draftId = res.draft_id;
+            if (draftId) {
+                bus.$emit('close_current_tags')
+                            this.$router.replace({
+                path: '/redirect',
+                
+                query: {
+                    path: '/articleAdd', // 你当前页面的路由路径
+                    id: draftId    ,
+                   
+                }
+            });
+            }
+        }).catch(() => {
+            // 点击取消的操作
+        });
+    } 
+    else {
+        // 其他普通错误
+        this.$message.error(res.msg || 'Unknown error');
+
+    }
+ 
+    // 3. 重置表单状态
+  
+}
                 })
                 .catch(() => {
                     loading.close();
@@ -3318,7 +3391,7 @@ export default {
         },
 
         // 点击进行下一步
-        async onStep(e) {
+         onStep:throttle(function async(e) {
             this.$refs.articleform.validate((valid) => {
                 if (valid) {
                     if (e == 1) {
@@ -3374,9 +3447,84 @@ export default {
                                             }
                                         });
                                     });
-                                } else {
-                                    this.$message.error(res.msg);
                                 }
+                                else {
+                       
+
+    // 2. 根据状态码处理逻辑
+    if (res.code == 21) {
+        // 系统内编辑已经拒绝 - 禁用遮罩层关闭
+        this.$alert(
+            'Please note that the manuscript with the same title has already been rejected. For more details, please contact the journal.', 
+            'System Notice', 
+            { 
+        showConfirmButton: false, // 隐藏蓝色的确定按钮
+        showCancelButton: true,    // 显示取消按钮
+        cancelButtonText: 'Cancel', // 按钮文字设为 Cancel
+        closeOnClickModal: false,   // 依然禁止点击遮罩层关闭
+        type: 'warning',
+        customClass: 'only-cancel-box' // 用于微调样式的类名
+    }
+        );
+    } 
+    else if (res.code == 20) {
+        // 其他状况 不可操作 - 禁用遮罩层关闭
+        this.$alert(
+    'Please note that the manuscript with the same title is already under processing. Do not submit it again.', 
+    'System Notice', 
+    { 
+        showConfirmButton: false, // 隐藏蓝色的确定按钮
+        showCancelButton: true,    // 显示取消按钮
+        cancelButtonText: 'Cancel', // 按钮文字设为 Cancel
+        closeOnClickModal: false,   // 依然禁止点击遮罩层关闭
+        type: 'warning',
+        customClass: 'only-cancel-box' // 用于微调样式的类名
+    }
+);
+    } 
+    else if (res.code == 22) {
+        // 已经在垃圾箱（草稿箱）- 禁用遮罩层关闭，增加跳转按钮
+        this.$confirm(
+            'Please notice that the manuscript with the same title is already in the draft status. Would you like to view it?', 
+            'System Notice', 
+            {
+                confirmButtonText: 'Click here',
+                cancelButtonText: 'Cancel',
+                type: 'info',
+                closeOnClickModal: false, // 禁止点击背景关闭
+                closeOnPressEscape: false  // 建议同时禁止 ESC 键关闭，增强强制性
+            }
+        ).then(() => {
+            // 跳转逻辑：使用后端返回的 draft_id 或 article_id
+            const draftId = res.draft_id;
+            if (draftId) {
+                bus.$emit('close_current_tags')
+                            this.$router.replace({
+                path: '/redirect',
+                
+                query: {
+                    path: '/articleAdd', // 你当前页面的路由路径
+                    id: draftId    ,
+                   
+                }
+            });
+            }
+        }).catch(() => {
+            // 点击取消的操作
+        });
+    } 
+    else {
+        this.$message.error(res.msg);
+       
+       
+
+    }
+ 
+
+  
+}
+                                
+                               
                             });
                     }
                     if (e == 2) {
@@ -3439,7 +3587,7 @@ export default {
                     return false;
                 }
             });
-        },
+        }, 1000),
 
         // save暂存
         onStagingSave: throttle(function (e) {
@@ -4079,6 +4227,21 @@ export default {
     line-height: 1.5 !important;
     font-family: 'Helvetica Neue For Number', 'Elsevier Gulliver', Georgia, serif !important;
 }
+/* 修改确定按钮的颜色，去掉蓝色 */
+/deep/.el-message-box__wrapper .el-message-box__btns.my-custom-button {
+    background-color: #606266 !important; /* 灰色 */
+    border-color: #606266 !important;
+    color: #fff !important;
+}
+/deep/.my-custom-button:hover {
+    background-color: #909399 !important;
+    border-color: #909399 !important;
+}
+
+/* /deep/ .my-custom-button:hover {
+ .my-custom-alert .el-message-box__status.el-icon-info {
+    color: #909399 !important; 
+} */
 </style>
 
 <style>
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index 59b4546..1e13190 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -22,8 +22,8 @@
 					<el-option :key="2" :label="$t('artstate.state2')" :value="2"></el-option>
 				
 					<el-option :key="4" :label="$t('artstate.state4')" :value="4"></el-option>
-					<el-option :key="4" :label="$t('artstate.state8')" :value="8"></el-option>
-					<el-option :key="4" :label="$t('artstate.state6')" :value="6"></el-option>
+					<el-option :key="8" :label="$t('artstate.state8')" :value="8"></el-option>
+					<el-option :key="6" :label="$t('artstate.state6')" :value="6"></el-option>
 					<el-option :key="5" :label="$t('artstate.state5')" :value="5"></el-option>	
 					<el-option :key="3" :label="$t('artstate.state3')" :value="3"></el-option>
 				</el-select>
diff --git a/src/components/page/articleListEditor_B1.vue b/src/components/page/articleListEditor_B1.vue
index 282129e..4d005f2 100644
--- a/src/components/page/articleListEditor_B1.vue
+++ b/src/components/page/articleListEditor_B1.vue
@@ -11,7 +11,12 @@
             >
                 Detailed for MS</el-button
             >
-            <div class="tab_item" v-for="(item, index) in tabsList" @click="jumpTab(index, item)" :class="tabName == item.refName ? 'P_style' : ''">
+            <div
+                class="tab_item"
+                v-for="(item, index) in tabsList"
+                @click="jumpTab(index, item)"
+                :class="tabName == item.refName ? 'P_style' : ''"
+            >
                 <h5>
                     <span>{{ index + 1 }}</span>
                     {{ item.name }}
@@ -103,10 +108,66 @@
                             <el-input v-model="detailMes.tradition_tag" placeholder="eg ：Highlights"></el-input>
                         </el-form-item>
                         <el-form-item label="Tradition Content :">
-                            <quill-editor ref="myTextEditor" v-model="detailMes.tradition" :options="editorOption"> </quill-editor>
+                            <tinymce
+                                type="tradition"
+                                :height="160"
+                                ref="tinymceChild2"
+                                :tinymceOtherInit="{
+                                    forced_root_block: '',
+                                    newline_behavior: 'linebreak',
+                                }"
+                                valid_elements=",br"
+                                :wordStyle="`p{font-size: 13px;}`"
+                                :isAutomaticUpdate="true"
+                                @getContent="getContent"
+                                @updateChange="(content) => updateChange('tradition',content)"
+                                :value="tradition"
+                                class="paste-area text-container"
+                                :toolbar="[
+                                    'bold italic |customBlue removeBlue|myuppercase myuppercasea Line|subscript superscript|clearButton'
+                                ]"
+                                style="
+                                    line-height: 12px;
+                                    overflow: auto;
+                                    font-size: 13px; /* 字体大小 */
+                                    margin-top: 0pt; /* 段前间距 */
+                                    margin-bottom: 0pt; /* 段后间距 */
+                                "
+                            ></tinymce>
+
+                            <!-- <quill-editor ref="myTextEditor" v-model="detailMes.tradition" :options="editorOption"> </quill-editor> -->
                         </el-form-item>
                         <el-form-item label="Medical history of objective :">
-                            <quill-editor ref="myTextEditor" v-model="detailMes.mhoo" :options="editorOption"> </quill-editor>
+                         
+                            <tinymce
+                                type="mhooStr"
+                                :height="160"
+                                ref="tinymceChild3"
+                                :tinymceOtherInit="{
+                                    forced_root_block: '',
+                                    newline_behavior: 'linebreak',
+                                }"
+                                valid_elements=",br"
+                                :wordStyle="`p{font-size: 13px;}`"
+                                :isAutomaticUpdate="true"
+                                @getContent="getContent"
+                                @updateChange="(content) => updateChange('mhooStr',content)"
+                                :value="mhooStr"
+                                class="paste-area text-container"
+                                :toolbar="[
+                                    'bold italic |customBlue removeBlue|myuppercase myuppercasea Line|subscript superscript|clearButton'
+                                ]"
+                                style="
+                                    line-height: 12px;
+                                    overflow: auto;
+                                    font-size: 13px; /* 字体大小 */
+                                    margin-top: 0pt; /* 段前间距 */
+                                    margin-bottom: 0pt; /* 段后间距 */
+                                "
+                            ></tinymce>
+
+                           
+                            <!-- <quill-editor ref="myTextEditor" v-model="detailMes.mhoo" :options="editorOption"> </quill-editor> -->
                         </el-form-item>
                         <el-form-item label="keywords :" prop="keywords">
                             <el-input v-model="detailMes.keywords" placeholder="eg : keyword1,keyword2,keyword3"> </el-input>
@@ -118,6 +179,7 @@
                         <el-form-item label="Acknowledgment :" prop="acknowledgment">
                             <el-input v-model="detailMes.acknowledgment"></el-input>
                         </el-form-item>
+
                         <el-form-item label="Abbreviation :">
                             <el-input v-model="detailMes.abbreviation"></el-input>
                         </el-form-item>
@@ -133,7 +195,7 @@
                                 :wordStyle="`p{font-size: 13px;}`"
                                 :isAutomaticUpdate="true"
                                 @getContent="getContent"
-                                @updateChange="updateChange"
+                                @updateChange="(content) => updateChange('abstract',content)"
                                 :value="abstract"
                                 class="paste-area text-container"
                                 :toolbar="[
@@ -150,6 +212,9 @@
 
                             <!-- <quill-editor ref="myTextEditor" v-model="detailMes.abstract" :options="editorOption"> </quill-editor> -->
                         </el-form-item>
+                        <el-form-item label="Executive editor :" prop="executive_editor">
+                            <el-input v-model="detailMes.executive_editor"></el-input>
+                        </el-form-item>
                     </el-form>
                     <div style="text-align: center; margin: 25px 0 0 0">
                         <el-button type="primary" @click="ZsSaveMes" class="save-btn">
@@ -997,6 +1062,8 @@ export default {
                 journal_special_id: 'None'
             },
             abstract: '',
+            tradition: '',
+            mhooStr: '',
             opInstal: [],
             // opMedical: [
             //     {
@@ -1358,6 +1425,18 @@ export default {
                         message: 'Please enter mechanism',
                         trigger: 'blur'
                     }
+                ],
+                executive_editor: [
+                    {
+                        required: true,
+                        message: 'Please enter the executive editor',
+                        trigger: 'blur'
+                    },
+                    {
+                        pattern: /^[^\u4e00-\u9fa5]*$/,
+                        message: 'Please use English characters only',
+                        trigger: 'blur'
+                    }
                 ]
             }
         };
@@ -1381,7 +1460,7 @@ export default {
                     // article_id: 6075
                 })
                 .then((res) => {
-                    console.log('res at line 1460:', res);
+                   
                     if (res.status == 1) {
                         this.finalReview = res.data;
                     } else {
@@ -1389,15 +1468,17 @@ export default {
                     }
                 });
         },
-        updateChange(content) {
-            this.abstract = content;
+        updateChange(type, content) {
+            
+            this[type] = content;
         },
+
         getTinymceContent(type) {
+            
             this.$refs.tinymceChild1.getContent(type);
         },
         getContent(type, content) {
-            console.log('content at line 1449:', content);
-            console.log('type at line 1449:', type);
+       
         },
         // 跳转文章详情
         showdetaileditor(data) {
@@ -1459,12 +1540,24 @@ export default {
                 .then((res) => {
                     if (res.code == 0) {
                         this.detailMes = res.data.production;
-                        this.abstract = res.data.production.abstract;
+                        this.abstract = res.data.production.abstract?res.data.production.abstract:'';
+                        this.tradition = res.data.production.tradition?res.data.production.tradition:'';
+                        this.mhooStr = res.data.production.mhoo?res.data.production.mhoo:'';
                         if (this.abstract != '') {
                             this.$nextTick(() => {
                                 this.$refs.tinymceChild1.setContent(this.abstract);
                             });
                         }
+                        if (this.tradition != '') {
+                            this.$nextTick(() => {
+                                this.$refs.tinymceChild2.setContent(this.tradition);
+                            });
+                        }
+                        if (this.mhooStr != '') {
+                            this.$nextTick(() => {
+                                this.$refs.tinymceChild3.setContent(this.mhooStr);
+                            });
+                        }
                         this.UpTyFIle = res.data.production.file_pdf;
                         this.getArticleFinal(res.data.production.article_id);
                         if (res.data.production.icon != '') {
@@ -1753,23 +1846,17 @@ export default {
             return e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + e.stage_pagename + e.stage_page;
         },
         async abstractFormat(content) {
-            content = this.$commonJS.transformHtmlString(content);
+            content = this.$commonJS.transformHtmlString(content,'content',{keepBr:true});
             var div = document.createElement('div');
             div.innerHTML = content;
-
-            // 1. 剔除所有 img 标签
             var imgTags = div.getElementsByTagName('img');
             for (var i = imgTags.length - 1; i >= 0; i--) {
                 imgTags[i].parentNode.removeChild(imgTags[i]);
             }
-
-            // 2. 新增：剔除所有 table 相关标签（table、tr、td）
             var tableTags = div.getElementsByTagName('table');
             for (var i = tableTags.length - 1; i >= 0; i--) {
                 tableTags[i].parentNode.removeChild(tableTags[i]);
             }
-
-            // 3. 替换 strong → b、em → i（原有逻辑）
             var strongTags = div.getElementsByTagName('strong');
             for (var i = 0; i < strongTags.length; i++) {
                 var bTag = document.createElement('b');
@@ -1782,32 +1869,43 @@ export default {
                 iTag.innerHTML = emTags[i].innerHTML;
                 emTags[i].parentNode.replaceChild(iTag, emTags[i]);
             }
-
             // 处理 p 标签 + 解码
             content = div.innerHTML;
+          
             content = content.replace(/^<p>\s*(.*?)\s*<\/p>$/, '$1').trim();
+                
             content = await this.$commonJS.decodeHtml(content);
+            content = content.replace(/&nbsp;|\u00A0/g, ' ');
+            
             return content;
         },
         // 1----保存稿件信息
         async ZsSaveMes() {
+         
             var abstractStr = '';
+            var mhooStr = '';
+            var traditionStr = '';
             if (this.detailMes.journal_stage_id == 0) {
                 this.$message.error('Please select an installment!');
                 return;
+            } if (this.tradition!='') {
+                traditionStr = await this.abstractFormat(this.tradition);
+            } 
+            if (this.mhooStr!='') {
+                mhooStr = await this.abstractFormat(this.mhooStr);
             }
+           
             if (this.abstract == '') {
                 this.$message.error('Please input abstract!');
-                return;
+                return false;
             } else {
                 abstractStr = await this.abstractFormat(this.abstract);
             }
-            console.log('abstractStr at line 1820:', abstractStr);
-
+          
             this.$refs.Mes_Form.validate((valid) => {
                 if (valid) {
                     this.$api
-                        .post('api/Production/editProduction', { ...this.detailMes, abstract: abstractStr })
+                        .post('api/Production/editProduction', { ...this.detailMes, abstract: abstractStr, mhoo: mhooStr, tradition: traditionStr })
                         .then((res) => {
                             if (res.code == 0) {
                                 this.$message.success(`Successfully save the article!`);
@@ -2904,30 +3002,30 @@ export default {
         },
 
         onScroll(e) {
-    const scrollContainer = e.target;
-    const scrollItems = document.querySelectorAll('.scroll-item');
-    
-    // 遍历所有滚动项，找到“当前在可视区域内”的项
-    for (let i = 0; i < scrollItems.length; i++) {
-        const item = scrollItems[i];
-        // 计算项相对于滚动容器的位置（顶部距离）
-        const itemTop = item.offsetTop - scrollContainer.offsetTop;
-        // 计算项的底部距离
-        const itemBottom = itemTop + item.offsetHeight;
+            const scrollContainer = e.target;
+            const scrollItems = document.querySelectorAll('.scroll-item');
 
-        // 判断：项的顶部 <= 滚动距离，且项的底部 >= 滚动距离（即项在可视区域内）
-        const isInView = (itemTop <= scrollContainer.scrollTop) && (itemBottom >= scrollContainer.scrollTop);
-        
-        if (isInView) {
-            this.tabIndex = i.toString();
-            // 先判断tabsList是否存在对应索引，避免报错
-            if (this.tabsList[i]) {
-                this.tabName = this.tabsList[i].refName;
+            // 遍历所有滚动项，找到“当前在可视区域内”的项
+            for (let i = 0; i < scrollItems.length; i++) {
+                const item = scrollItems[i];
+                // 计算项相对于滚动容器的位置（顶部距离）
+                const itemTop = item.offsetTop - scrollContainer.offsetTop;
+                // 计算项的底部距离
+                const itemBottom = itemTop + item.offsetHeight;
+
+                // 判断：项的顶部 <= 滚动距离，且项的底部 >= 滚动距离（即项在可视区域内）
+                const isInView = itemTop <= scrollContainer.scrollTop && itemBottom >= scrollContainer.scrollTop;
+
+                if (isInView) {
+                    this.tabIndex = i.toString();
+                    // 先判断tabsList是否存在对应索引，避免报错
+                    if (this.tabsList[i]) {
+                        this.tabName = this.tabsList[i].refName;
+                    }
+                    break; // 找到第一个匹配的项就停止
+                }
             }
-            break; // 找到第一个匹配的项就停止
-        }
-    }
-},
+        },
 
         getHight() {
             this.contentStyleObj.height = window.innerHeight - 60 + 'px';
@@ -2969,9 +3067,9 @@ export default {
     font-size: 14px !important;
     padding: 6px 10px !important;
 }
-.tab_item{
-height: 6vh;
-min-height: 60px;
+.tab_item {
+    height: 6vh;
+    min-height: 60px;
 }
 </style>
 <style>
diff --git a/src/components/page/articleListEditor_D1.vue b/src/components/page/articleListEditor_D1.vue
index d12d0d8..f40519a 100644
--- a/src/components/page/articleListEditor_D1.vue
+++ b/src/components/page/articleListEditor_D1.vue
@@ -1,388 +1,472 @@
 <template>
-	<div>
-		
-		<div class="tab_post">
-			<div v-for="(item, index) in tabsList" @click="jumpTab(index,item)"
-				:class="tabName==item.refName?'P_style':''">
-				<h5>
-					<span>{{index+1}}</span>
-					{{item.name}}
-				</h5>
-				<p>{{item.rongCont}}</p>
-				<div class="line"></div>
-			</div>
-			<div style="margin: 30px 0 0 0;">
-				<el-button type="primary" @click="pushOnline(detailMes)" style="width: 220px;">
-					<i class="el-icon-finished"></i>
-					Push Online
-				</el-button>
-			</div>
-		</div>
-		<div class="scroll-content guanSty" @scroll="onScroll"
-			:style="'overflow-x: hidden; overflow-y: auto;height:' + contentStyleObj.height">
-			<!-- 基本信息 -->
-			<div :ref="tabsList[0].refName" class="scroll-item">
-				<div class="bor_style_onli" style="margin: 20px 0;">
-					<h4>{{tabsList[0].name}}</h4>
-					<el-form ref="Mes_Form" :model="detailMes" :rules="rules" label-width="220px">
-						<el-form-item label="Title :" prop="title">
-							<el-input v-model="detailMes.title"></el-input>
-						</el-form-item>
-						<el-form-item label="Title Italic :">
-							<el-input v-model="detailMes.ltai" placeholder="eg : keyword1,keyword2"></el-input>
-						</el-form-item>
-						<el-form-item label="Periodical installment :" prop="journal_stage_id">
-							<el-select v-model="detailMes.journal_stage_id" filterable placeholder="Please select stage"
-								style="width: 300px;">
-								<el-option :key="0" label="None" :value="0"></el-option>
-								<el-option v-for="item in opInstal" :key="item.journal_stage_id" :label="neYStage(item)"
-									:value="item.journal_stage_id">
-								</el-option>
-							</el-select>
-						</el-form-item>
-						<el-form-item label="Number :" prop="npp">
-							<el-input v-model="detailMes.npp"></el-input>
-						</el-form-item>
-						<el-form-item label="Picture :" label-width="220px">
-							<el-upload class="avatar-uploader" :action="baseUrl+'api/Production/up_articlepic_file'"
-								:show-file-list="false" name="articleicon" :on-success="handleAvatarSuccess"
-								:on-error="handleAvatarError" :before-upload="beforeAvatarUpload">
-								<img v-if="imageUrl" :src="imageUrl" class="avatar">
-								<i v-else class="el-icon-plus avatar-uploader-icon"></i>
-							</el-upload>
-						</el-form-item>
-						<el-form-item label="Type :" prop="type">
-							<el-select v-model="detailMes.type" filterable placeholder="Please select an article type">
-								<el-option v-for="item in opMedical" :key="item.value" :label="item.label"
-									:value="item.value">
-								</el-option>
-							</el-select>
-						</el-form-item>
-						<el-form-item label="Author's short name (in reference format) :" prop="abbr">
-							<el-input v-model="detailMes.abbr"></el-input>
-						</el-form-item>
-						<el-form-item label="Homepage Introduction Title :">
-							<el-input v-model="detailMes.tradition_tag" placeholder="eg ：Highlights"></el-input>
-						</el-form-item>
-						<el-form-item label="Tradition Content :">
-							<quill-editor ref="myTextEditor" v-model="detailMes.tradition" :options="editorOption">
-							</quill-editor>
-						</el-form-item>
-						<el-form-item label="Medical history of objective :">
-							<quill-editor ref="myTextEditor" v-model="detailMes.mhoo" :options="editorOption">
-							</quill-editor>
-						</el-form-item>
-						<el-form-item label="keywords :" prop="keywords">
-							<el-input v-model="detailMes.keywords" placeholder="eg : keyword1,keyword2,keyword3">
-							</el-input>
-							<!-- <quill-editor ref="myTextEditor" v-model="detailMes.keywords" :options="editorOption"></quill-editor> -->
-						</el-form-item>
-						<!-- <el-form-item label="Fund :" prop="fund">
+    <div>
+        <div class="tab_post">
+            <div v-for="(item, index) in tabsList" @click="jumpTab(index, item)" :class="tabName == item.refName ? 'P_style' : ''">
+                <h5>
+                    <span>{{ index + 1 }}</span>
+                    {{ item.name }}
+                </h5>
+                <p>{{ item.rongCont }}</p>
+                <div class="line"></div>
+            </div>
+            <div style="margin: 30px 0 0 0">
+                <el-button type="primary" @click="pushOnline(detailMes)" style="width: 220px">
+                    <i class="el-icon-finished"></i>
+                    Push Online
+                </el-button>
+            </div>
+        </div>
+        <div
+            class="scroll-content guanSty"
+            @scroll="onScroll"
+            :style="'overflow-x: hidden; overflow-y: auto;height:' + contentStyleObj.height"
+        >
+            <!-- 基本信息 -->
+            <div :ref="tabsList[0].refName" class="scroll-item">
+                <div class="bor_style_onli" style="margin: 20px 0">
+                    <h4>{{ tabsList[0].name }}</h4>
+                    <el-form ref="Mes_Form" :model="detailMes" :rules="rules" label-width="220px">
+                        <el-form-item label="Title :" prop="title">
+                            <el-input v-model="detailMes.title"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Title Italic :">
+                            <el-input v-model="detailMes.ltai" placeholder="eg : keyword1,keyword2"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Periodical installment :" prop="journal_stage_id">
+                            <el-select
+                                v-model="detailMes.journal_stage_id"
+                                filterable
+                                placeholder="Please select stage"
+                                style="width: 300px"
+                            >
+                                <el-option :key="0" label="None" :value="0"></el-option>
+                                <el-option
+                                    v-for="item in opInstal"
+                                    :key="item.journal_stage_id"
+                                    :label="neYStage(item)"
+                                    :value="item.journal_stage_id"
+                                >
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="Number :" prop="npp">
+                            <el-input v-model="detailMes.npp"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Picture :" label-width="220px">
+                            <el-upload
+                                class="avatar-uploader"
+                                :action="baseUrl + 'api/Production/up_articlepic_file'"
+                                :show-file-list="false"
+                                name="articleicon"
+                                :on-success="handleAvatarSuccess"
+                                :on-error="handleAvatarError"
+                                :before-upload="beforeAvatarUpload"
+                            >
+                                <img v-if="imageUrl" :src="imageUrl" class="avatar" />
+                                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                            </el-upload>
+                        </el-form-item>
+                        <el-form-item label="Type :" prop="type">
+                            <el-select v-model="detailMes.type" filterable placeholder="Please select an article type">
+                                <el-option v-for="item in opMedical" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="Author's short name (in reference format) :" prop="abbr">
+                            <el-input v-model="detailMes.abbr"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Homepage Introduction Title :">
+                            <el-input v-model="detailMes.tradition_tag" placeholder="eg ：Highlights"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Tradition Content :">
+                            <quill-editor ref="myTextEditor" v-model="detailMes.tradition" :options="editorOption"> </quill-editor>
+                        </el-form-item>
+                        <el-form-item label="Medical history of objective :">
+                            <quill-editor ref="myTextEditor" v-model="detailMes.mhoo" :options="editorOption"> </quill-editor>
+                        </el-form-item>
+                        <el-form-item label="keywords :" prop="keywords">
+                            <el-input v-model="detailMes.keywords" placeholder="eg : keyword1,keyword2,keyword3"> </el-input>
+                            <!-- <quill-editor ref="myTextEditor" v-model="detailMes.keywords" :options="editorOption"></quill-editor> -->
+                        </el-form-item>
+                        <!-- <el-form-item label="Fund :" prop="fund">
 							<el-input v-model="detailMes.fund"></el-input>
 						</el-form-item> -->
-						<el-form-item label="Acknowledgment :" prop="acknowledgment">
-							<el-input v-model="detailMes.acknowledgment"></el-input>
-						</el-form-item>
-						<el-form-item label="Abbreviation :">
-							<el-input v-model="detailMes.abbreviation"></el-input>
-						</el-form-item>
-						<el-form-item label="Author Contribution :" prop="author_contribution">
-							<el-input v-model="detailMes.author_contribution"></el-input>
-						</el-form-item>
-					</el-form>
-					<div style="text-align: center;margin: 25px 0 0 0;">
-						<el-button type="primary" @click="ZsSaveMes" style="width: 400px;margin-right: 20px;">
-							<i class="el-icon-check"></i>
-							Save Essential Information
-						</el-button>
-					</div>
+                        <el-form-item label="Acknowledgment :" prop="acknowledgment">
+                            <el-input v-model="detailMes.acknowledgment"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Abbreviation :">
+                            <el-input v-model="detailMes.abbreviation"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Author Contribution :" prop="author_contribution">
+                            <el-input v-model="detailMes.author_contribution"></el-input>
+                        </el-form-item>
+                        <el-form-item label="Executive editor :" prop="executive_editor">
+                            <el-input v-model="detailMes.executive_editor"></el-input>
+                        </el-form-item>
+                    </el-form>
+                    <div style="text-align: center; margin: 25px 0 0 0">
+                        <el-button type="primary" @click="ZsSaveMes" style="width: 400px; margin-right: 20px">
+                            <i class="el-icon-check"></i>
+                            Save Essential Information
+                        </el-button>
+                    </div>
+                </div>
+            </div>
 
-				</div>
-			</div>
+            <!-- 作者列表 -->
+            <div :ref="tabsList[1].refName" class="scroll-item">
+                <div class="bor_style_onli">
+                    <h4>
+                        {{ tabsList[1].name }}
+                        <el-button style="float: right" type="primary" icon="el-icon-plus" class="handle-del" @click="add_Authorclick">
+                            Add Author</el-button
+                        >
+                    </h4>
+                    <el-table :data="authorData" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+                        <el-table-column prop="author_name" label="Author"></el-table-column>
+                        <el-table-column label="First author" align="center" width="100px">
+                            <template slot-scope="scope">
+                                <el-tag round :type="scope.row.is_first == '0' ? 'danger' : scope.row.is_first == '1' ? 'success' : ''">
+                                    {{ scope.row.is_first == '0' ? '×' : scope.row.is_first == '1' ? '√' : '' }}
+                                </el-tag>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="" align="center" width="150px">
+                            <template slot="header">
+                                <span
+                                    >Contact author <br />
+                                    (email)
+                                </span>
+                            </template>
+                            <template slot-scope="scope">
+                                <el-tag round :type="scope.row.is_report == '0' ? 'danger' : scope.row.is_report == '1' ? 'success' : ''">
+                                    {{ scope.row.is_report == '0' ? '×' : scope.row.is_report == '1' ? '√' : '' }}
+                                </el-tag>
+                                <p style="margin-top: 10px">
+                                    {{ scope.row.is_report == '0' ? '' : scope.row.is_report == '1' ? scope.row.email : '' }}
+                                </p>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="organs" label="Affiliated organization" width="300%">
+                            <template slot-scope="scope">
+                                <span v-for="(u, i) in scope.row.organs">{{ u.organ_name }}<br /></span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="author_country" label="Country"></el-table-column>
+                        <el-table-column prop="orcid" label="ORCID"></el-table-column>
+                        <el-table-column label="" width="190" align="center">
+                            <template slot-scope="scope">
+                                <el-button icon="el-icon-edit" type="primary" @click="authorhandEdit(scope.$index, scope.row)"
+                                    >Edit
+                                </el-button>
+                                <el-button type="danger" icon="el-icon-delete" class="red" @click="authorDelete(scope.$index, scope.row)"
+                                    >Delete</el-button
+                                >
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <!-- 添加作者弹出框 -->
+                    <el-dialog title="Add author" :visible.sync="addAuthor" width="650px" :close-on-click-modal="false">
+                        <el-form ref="add_Author" :model="addFomauthor" :rules="rules" label-width="165px">
+                            <el-form-item label="Author first name :" prop="first_name">
+                                <el-input v-model="addFomauthor.first_name"></el-input>
+                            </el-form-item>
+                            <el-form-item label="Author last name :" prop="last_name">
+                                <el-input v-model="addFomauthor.last_name"></el-input>
+                            </el-form-item>
+                            <el-form-item label="First author :">
+                                <el-radio-group v-model="addFomauthor.is_first">
+                                    <el-radio label="1">Yes</el-radio>
+                                    <el-radio label="0">No</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                            <el-form-item label="Corresponding author :">
+                                <el-radio-group v-model="addFomauthor.is_report">
+                                    <el-radio label="1">Yes</el-radio>
+                                    <el-radio label="0">No</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                            <el-form-item label="Email :" v-if="addFomauthor.is_report != '1'">
+                                <el-input v-model="editFomauthor.email" type="email"></el-input>
+                            </el-form-item>
+                            <el-form-item label="Email :" prop="email" v-if="addFomauthor.is_report == '1'">
+                                <el-input v-model="addFomauthor.email" type="email"></el-input>
+                            </el-form-item>
+                            <el-form-item label="Affiliated organization :">
+                                <el-checkbox-group v-model="addFomauthor.organs" class="suoshu_jigou">
+                                    <el-checkbox
+                                        v-for="item in mechanism"
+                                        style="display: block"
+                                        name="type"
+                                        :label="item.p_article_organ_id"
+                                        :key="item.p_article_organ_id"
+                                    >
+                                        {{ item.organ_name }}
+                                    </el-checkbox>
+                                </el-checkbox-group>
+                            </el-form-item>
+                            <el-form-item label="Country :" prop="author_country">
+                                <el-select
+                                    v-model="addFomauthor.author_country"
+                                    filterable
+                                    placeholder="Please select a country"
+                                    value-key="groupID"
+                                >
+                                    <el-option
+                                        v-for="item in opCountry"
+                                        :key="item.en_name"
+                                        :label="item.en_name"
+                                        :value="item.en_name"
+                                    ></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="ORCID :" prop="orcid">
+                                <el-input v-model="addFomauthor.orcid" type="orcid">
+                                    <template slot="prepend">https://orcid.org/</template>
+                                </el-input>
+                            </el-form-item>
+                        </el-form>
+                        <span slot="footer" class="dialog-footer">
+                            <el-button @click="addAuthor = false">Canel</el-button>
+                            <el-button type="primary" @click="authorAdd(addFomauthor)">OK</el-button>
+                        </span>
+                    </el-dialog>
+                    <!-- 编辑作者弹出框 -->
+                    <el-dialog title="Edit Author" :visible.sync="editAuthor" width="650px" :close-on-click-modal="false">
+                        <el-form ref="edit_Author" :model="editFomauthor" :rules="rules" label-width="165px">
+                            <el-form-item label="Author first name :" prop="first_name">
+                                <el-input v-model="editFomauthor.first_name"></el-input>
+                            </el-form-item>
+                            <el-form-item label="Author last name :" prop="last_name">
+                                <el-input v-model="editFomauthor.last_name"></el-input>
+                            </el-form-item>
+                            <el-form-item label="First author :">
+                                <el-radio-group v-model="editFomauthor.is_first">
+                                    <el-radio :label="1">Yes</el-radio>
+                                    <el-radio :label="0">No</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                            <el-form-item label="Corresponding author :">
+                                <el-radio-group v-model="editFomauthor.is_report">
+                                    <el-radio :label="1">Yes</el-radio>
+                                    <el-radio :label="0">No</el-radio>
+                                </el-radio-group>
+                            </el-form-item>
+                            <el-form-item label="Email :" v-if="editFomauthor.is_report != '1'">
+                                <el-input v-model="editFomauthor.email" type="email"></el-input>
+                            </el-form-item>
+                            <el-form-item label="Email :" prop="email" v-if="editFomauthor.is_report == '1'">
+                                <el-input v-model="editFomauthor.email" type="email"></el-input>
+                            </el-form-item>
+                            <el-form-item label="Affiliated organization :">
+                                <el-checkbox-group v-model="editFomauthor.organs" class="suoshu_jigou">
+                                    <el-checkbox
+                                        v-for="item in mechanism"
+                                        style="display: block"
+                                        :label="item.p_article_organ_id + ''"
+                                        :key="item.p_article_organ_id"
+                                    >
+                                        {{ item.organ_name }}
+                                    </el-checkbox>
+                                </el-checkbox-group>
+                            </el-form-item>
+                            <el-form-item label="Country :" prop="author_country">
+                                <el-select
+                                    v-model="editFomauthor.author_country"
+                                    filterable
+                                    placeholder="Please select a country"
+                                    value-key="groupID"
+                                >
+                                    <el-option
+                                        v-for="item in opCountry"
+                                        :key="item.en_name"
+                                        :label="item.en_name"
+                                        :value="item.en_name"
+                                    ></el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="ORCID :" prop="orcid">
+                                <el-input v-model="editFomauthor.orcid" type="orcid">
+                                    <template slot="prepend">https://orcid.org/</template>
+                                </el-input>
+                            </el-form-item>
+                        </el-form>
+                        <span slot="footer" class="dialog-footer">
+                            <el-button @click="editAuthor = false">Cancel</el-button>
+                            <el-button type="primary" @click="authorEdit(editFomauthor)">OK</el-button>
+                        </span>
+                    </el-dialog>
+                    <div style="height: 1px; background-color: #c5e1f1; width: 100%; margin: 30px 0 20px 0"></div>
+                    <h4>
+                        Affiliation Information
+                        <el-button style="float: right" type="primary" icon="el-icon-plus" class="handle-del" @click="add_Schoolclick">
+                            Add affiliation</el-button
+                        >
+                    </h4>
+                    <!-- 机构列表 -->
+                    <el-table :data="schoolData" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+                        <el-table-column prop="organ_name" label="Affiliation"></el-table-column>
+                        <el-table-column label="" width="190" align="center">
+                            <template slot-scope="scope">
+                                <el-button icon="el-icon-edit" type="primary" @click="schoolhandEdit(scope.$index, scope.row)"
+                                    >Edit
+                                </el-button>
+                                <el-button icon="el-icon-delete" type="danger" @click="schoolDelete(scope.$index, scope.row)"
+                                    >Delete</el-button
+                                >
+                            </template>
+                        </el-table-column>
+                    </el-table>
+                    <!-- 添加机构弹出框 -->
+                    <el-dialog title="Add affiliation" :visible.sync="addSchool" width="500px" :close-on-click-modal="false">
+                        <el-form ref="add_School" :model="addFomschool" :rules="rules" label-width="100px">
+                            <el-form-item label="Affiliation :" prop="organ_name">
+                                <el-input v-model="addFomschool.organ_name"></el-input>
+                            </el-form-item>
+                        </el-form>
+                        <span slot="footer" class="dialog-footer">
+                            <el-button @click="addSchool = false">Cancel</el-button>
+                            <el-button type="primary" @click="schoolAdd(addFomschool)">OK</el-button>
+                        </span>
+                    </el-dialog>
+                    <!-- 编辑机构弹出框 -->
+                    <el-dialog title="Edit affiliation" :visible.sync="editSchool" width="500px" :close-on-click-modal="false">
+                        <el-form ref="edit_School" :model="editFomschool" :rules="rules" label-width="100px">
+                            <el-form-item label="Affiliation :" prop="organ_name">
+                                <el-input v-model="editFomschool.organ_name"></el-input>
+                            </el-form-item>
+                        </el-form>
+                        <span slot="footer" class="dialog-footer">
+                            <el-button @click="editSchool = false">Cancel</el-button>
+                            <el-button type="primary" @click="schoolEdit(editFomschool)">OK</el-button>
+                        </span>
+                    </el-dialog>
+                </div>
+            </div>
 
-			<!-- 作者列表 -->
-			<div :ref="tabsList[1].refName" class="scroll-item">
-				<div class="bor_style_onli">
-					<h4>
-						{{tabsList[1].name}}
-						<el-button style="float: right;" type="primary" icon="el-icon-plus" class="handle-del"
-							@click="add_Authorclick">
-							Add Author</el-button>
-					</h4>
-					<el-table :data="authorData" border class="table" ref="multipleTable"
-						header-cell-class-name="table-header">
-						<el-table-column prop="author_name" label="Author"></el-table-column>
-						<el-table-column label="First author" align="center" width="100px">
-							<template slot-scope="scope">
-								<el-tag round
-									:type="scope.row.is_first=='0'?'danger':(scope.row.is_first=='1'?'success':'')">
-									{{scope.row.is_first=='0'?'×':(scope.row.is_first=='1'?'√':'')}}
-								</el-tag>
-							</template>
-						</el-table-column>
-						<el-table-column label="" align="center" width="150px">
-							<template slot="header">
-								<span>Contact author <br> (email) </span>
-							</template>
-							<template slot-scope="scope">
-								<el-tag round
-									:type="scope.row.is_report=='0'?'danger':(scope.row.is_report=='1'?'success':'')">
-									{{scope.row.is_report=='0'?'×':(scope.row.is_report=='1'?'√':'')}}
-								</el-tag>
-								<p style="margin-top: 10px;">
-									{{scope.row.is_report=='0'?'':(scope.row.is_report=='1'?scope.row.email:'')}}
-								</p>
-							</template>
-						</el-table-column>
-						<el-table-column prop="organs" label="Affiliated organization" width="300%">
-							<template slot-scope="scope">
-								<span v-for="(u,i) in scope.row.organs">{{u.organ_name}}<br /></span>
-							</template>
-						</el-table-column>
-						<el-table-column prop="author_country" label="Country"></el-table-column>
-						<el-table-column prop="orcid" label="ORCID"></el-table-column>
-						<el-table-column label="" width="190" align="center">
-							<template slot-scope="scope">
-								<el-button icon="el-icon-edit" type="primary"
-									@click="authorhandEdit(scope.$index, scope.row)">Edit
-								</el-button>
-								<el-button type="danger" icon="el-icon-delete" class="red"
-									@click="authorDelete(scope.$index, scope.row)">Delete</el-button>
-							</template>
-						</el-table-column>
-					</el-table>
-					<!-- 添加作者弹出框 -->
-					<el-dialog title="Add author" :visible.sync="addAuthor" width="650px" :close-on-click-modal="false">
-						<el-form ref="add_Author" :model="addFomauthor" :rules="rules" label-width="165px">
-							<el-form-item label="Author first name :" prop="first_name">
-								<el-input v-model="addFomauthor.first_name"></el-input>
-							</el-form-item>
-							<el-form-item label="Author last name :" prop="last_name">
-								<el-input v-model="addFomauthor.last_name"></el-input>
-							</el-form-item>
-							<el-form-item label="First author :">
-								<el-radio-group v-model="addFomauthor.is_first">
-									<el-radio label="1">Yes</el-radio>
-									<el-radio label="0">No</el-radio>
-								</el-radio-group>
-							</el-form-item>
-							<el-form-item label="Corresponding author :">
-								<el-radio-group v-model="addFomauthor.is_report">
-									<el-radio label="1">Yes</el-radio>
-									<el-radio label="0">No</el-radio>
-								</el-radio-group>
-							</el-form-item>
-							<el-form-item label="Email :" v-if="addFomauthor.is_report!='1'">
-								<el-input v-model="editFomauthor.email" type="email"></el-input>
-							</el-form-item>
-							<el-form-item label="Email :" prop="email" v-if="addFomauthor.is_report=='1'">
-								<el-input v-model="addFomauthor.email" type="email"></el-input>
-							</el-form-item>
-							<el-form-item label="Affiliated organization :">
-								<el-checkbox-group v-model="addFomauthor.organs" class="suoshu_jigou">
-									<el-checkbox v-for="item in mechanism" style="display:block;" name="type"
-										:label="item.p_article_organ_id" :key="item.p_article_organ_id">
-										{{item.organ_name}}
-									</el-checkbox>
-								</el-checkbox-group>
-							</el-form-item>
-							<el-form-item label="Country :" prop="author_country">
-								<el-select v-model="addFomauthor.author_country" filterable
-									placeholder="Please select a country" value-key="groupID">
-									<el-option v-for="item in opCountry" :key="item.en_name" :label="item.en_name"
-										:value="item.en_name"></el-option>
-								</el-select>
-							</el-form-item>
-							<el-form-item label="ORCID :" prop="orcid">
-								<el-input v-model="addFomauthor.orcid" type="orcid">
-									<template slot="prepend">https://orcid.org/</template>
-								</el-input>
-							</el-form-item>
-						</el-form>
-						<span slot="footer" class="dialog-footer">
-							<el-button @click="addAuthor = false">Canel</el-button>
-							<el-button type="primary" @click="authorAdd(addFomauthor)">OK</el-button>
-						</span>
-					</el-dialog>
-					<!-- 编辑作者弹出框 -->
-					<el-dialog title="Edit Author" :visible.sync="editAuthor" width="650px" :close-on-click-modal="false">
-						<el-form ref="edit_Author" :model="editFomauthor" :rules="rules" label-width="165px">
-							<el-form-item label="Author first name :" prop="first_name">
-								<el-input v-model="editFomauthor.first_name"></el-input>
-							</el-form-item>
-							<el-form-item label="Author last name :" prop="last_name">
-								<el-input v-model="editFomauthor.last_name"></el-input>
-							</el-form-item>
-							<el-form-item label="First author :">
-								<el-radio-group v-model="editFomauthor.is_first">
-									<el-radio :label="1">Yes</el-radio>
-									<el-radio :label="0">No</el-radio>
-								</el-radio-group>
-							</el-form-item>
-							<el-form-item label="Corresponding author :">
-								<el-radio-group v-model="editFomauthor.is_report">
-									<el-radio :label="1">Yes</el-radio>
-									<el-radio :label="0">No</el-radio>
-								</el-radio-group>
-							</el-form-item>
-							<el-form-item label="Email :" v-if="editFomauthor.is_report!='1'">
-								<el-input v-model="editFomauthor.email" type="email"></el-input>
-							</el-form-item>
-							<el-form-item label="Email :" prop="email" v-if="editFomauthor.is_report=='1'">
-								<el-input v-model="editFomauthor.email" type="email"></el-input>
-							</el-form-item>
-							<el-form-item label="Affiliated organization :">
-								<el-checkbox-group v-model="editFomauthor.organs" class="suoshu_jigou">
-									<el-checkbox v-for="item in mechanism" style="display:block;"
-										:label="item.p_article_organ_id+''" :key="item.p_article_organ_id">
-										{{item.organ_name}}
-									</el-checkbox>
-								</el-checkbox-group>
-							</el-form-item>
-							<el-form-item label="Country :" prop="author_country">
-								<el-select v-model="editFomauthor.author_country" filterable
-									placeholder="Please select a country" value-key="groupID">
-									<el-option v-for="item in opCountry" :key="item.en_name" :label="item.en_name"
-										:value="item.en_name"></el-option>
-								</el-select>
-							</el-form-item>
-							<el-form-item label="ORCID :" prop="orcid">
-								<el-input v-model="editFomauthor.orcid" type="orcid">
-									<template slot="prepend">https://orcid.org/</template>
-								</el-input>
-							</el-form-item>
-						</el-form>
-						<span slot="footer" class="dialog-footer">
-							<el-button @click="editAuthor = false">Cancel</el-button>
-							<el-button type="primary" @click="authorEdit(editFomauthor)">OK</el-button>
-						</span>
-					</el-dialog>
-					<div style="height: 1px;background-color: #c5e1f1;width: 100%;margin: 30px 0 20px 0;"></div>
-					<h4>
-						Affiliation Information
-						<el-button style="float: right;" type="primary" icon="el-icon-plus" class="handle-del"
-							@click="add_Schoolclick">
-							Add affiliation</el-button>
-					</h4>
-					<!-- 机构列表 -->
-					<el-table :data="schoolData" border class="table" ref="multipleTable"
-						header-cell-class-name="table-header">
-						<el-table-column prop="organ_name" label="Affiliation"></el-table-column>
-						<el-table-column label="" width="190" align="center">
-							<template slot-scope="scope">
-								<el-button icon="el-icon-edit" type="primary"
-									@click="schoolhandEdit(scope.$index, scope.row)">Edit
-								</el-button>
-								<el-button icon="el-icon-delete" type="danger"
-									@click="schoolDelete(scope.$index, scope.row)">Delete</el-button>
-							</template>
-						</el-table-column>
-					</el-table>
-					<!-- 添加机构弹出框 -->
-					<el-dialog title="Add affiliation" :visible.sync="addSchool" width="500px" :close-on-click-modal="false">
-						<el-form ref="add_School" :model="addFomschool" :rules="rules" label-width="100px">
-							<el-form-item label="Affiliation :" prop="organ_name">
-								<el-input v-model="addFomschool.organ_name"></el-input>
-							</el-form-item>
-						</el-form>
-						<span slot="footer" class="dialog-footer">
-							<el-button @click="addSchool = false">Cancel</el-button>
-							<el-button type="primary" @click="schoolAdd(addFomschool)">OK</el-button>
-						</span>
-					</el-dialog>
-					<!-- 编辑机构弹出框 -->
-					<el-dialog title="Edit affiliation" :visible.sync="editSchool" width="500px" :close-on-click-modal="false">
-						<el-form ref="edit_School" :model="editFomschool" :rules="rules" label-width="100px">
-							<el-form-item label="Affiliation :" prop="organ_name">
-								<el-input v-model="editFomschool.organ_name"></el-input>
-							</el-form-item>
-						</el-form>
-						<span slot="footer" class="dialog-footer">
-							<el-button @click="editSchool = false">Cancel</el-button>
-							<el-button type="primary" @click="schoolEdit(editFomschool)">OK</el-button>
-						</span>
-					</el-dialog>
-				</div>
-			</div>
+            <!-- 文件上传 -->
+            <div :ref="tabsList[2].refName" class="scroll-item">
+                <div class="bor_style_onli">
+                    <h4>{{ tabsList[2].name }}</h4>
+                    <el-form label-width="220px">
+                        <el-form-item label="SUB File Upload :">
+                            <el-upload
+                                class="upload-demo"
+                                :action="baseUrl + 'api/Production/up_article_file/type/articleSUB'"
+                                :on-success="handleFileSuccess3"
+                                name="articleSUB"
+                                type="articleSUB"
+                                :on-error="handleFileError"
+                                :on-preview="handlePreview"
+                                :on-remove="handleRemove"
+                                :before-remove="beforeRemove3"
+                                :on-change="handleChange3"
+                                accept=".pdf"
+                                :on-exceed="handleExceed"
+                                :file-list="fileL_sub"
+                                ref="upload"
+                            >
+                                <el-button type="text" style="font-weight: bolder"
+                                    ><b class="el-icon-lx-top" style="font-weight: bolder"></b>upload</el-button
+                                >
+                            </el-upload>
+                            <span style="font-size: 12px; color: #aaa; margin-left: 30px">Only pdf files can be uploaded.</span>
+                        </el-form-item>
+                        <el-form-item label="SUB2 File Upload :">
+                            <el-upload
+                                class="upload-demo"
+                                :action="baseUrl + 'api/Production/up_article_file/type/articleSUB2'"
+                                :on-success="handleFileSuccess4"
+                                name="articleSUB2"
+                                type="articleSUB2"
+                                :on-error="handleFileError"
+                                :on-preview="handlePreview"
+                                :on-remove="handleRemove"
+                                :before-remove="beforeRemove4"
+                                :on-change="handleChange4"
+                                accept=".mp4,.zip"
+                                :on-exceed="handleExceed"
+                                :file-list="fileL_sub2"
+                                ref="upload"
+                            >
+                                <el-button type="text" style="font-weight: bolder"
+                                    ><b class="el-icon-lx-top" style="font-weight: bolder"></b>upload</el-button
+                                >
+                            </el-upload>
+                            <span style="font-size: 12px; color: #aaa; margin-left: 30px">Only mp4 or zip files can be uploaded.</span>
+                        </el-form-item>
+                        <el-form-item label="EndNote File Upload :">
+                            <el-upload
+                                class="upload-demo"
+                                :action="baseUrl + 'api/Production/up_article_file/type/endNote'"
+                                :on-success="handleFileSuccess5"
+                                name="endNote"
+                                type="endNote"
+                                :on-error="handleFileError"
+                                :on-preview="handlePreview"
+                                :on-remove="handleRemove"
+                                :before-remove="beforeRemove5"
+                                :on-change="handleChange5"
+                                :on-exceed="handleExceed"
+                                :file-list="fileL_Note"
+                                ref="upload"
+                            >
+                                <el-button type="text" style="font-weight: bolder"
+                                    ><b class="el-icon-lx-top" style="font-weight: bolder"></b>upload</el-button
+                                >
+                            </el-upload>
+                            <span style="font-size: 12px; color: #aaa; margin-left: 30px">Only EndNote files can be uploaded.</span>
+                        </el-form-item>
+                        <el-form-item label="BibTeX File Upload :">
+                            <el-upload
+                                class="upload-demo"
+                                :action="baseUrl + 'api/Production/up_article_file/type/bibTex'"
+                                :on-success="handleFileSuccess6"
+                                name="bibTex"
+                                type="bibTex"
+                                :on-error="handleFileError"
+                                :on-preview="handlePreview"
+                                :on-remove="handleRemove"
+                                :before-remove="beforeRemove6"
+                                :on-change="handleChange6"
+                                :on-exceed="handleExceed"
+                                :file-list="fileL_Tex"
+                                ref="upload"
+                            >
+                                <el-button type="text" style="font-weight: bolder"
+                                    ><b class="el-icon-lx-top" style="font-weight: bolder"></b>upload</el-button
+                                >
+                            </el-upload>
+                            <span style="font-size: 12px; color: #aaa; margin-left: 30px">Only BibTeX files can be uploaded.</span>
+                        </el-form-item>
+                        <el-form-item label="ICMJE DISCLOSURE FORM :" style="margin-bottom: 0">
+                            <el-upload
+                                class="upload-demo"
+                                :action="baseUrl + 'api/Production/up_article_file/type/articleCDF'"
+                                :on-success="handleFileSuccess7"
+                                name="articleCDF"
+                                type="articleCDF"
+                                :on-error="handleFileError"
+                                :on-preview="handlePreview"
+                                :on-remove="handleRemove"
+                                :before-remove="beforeRemove7"
+                                :on-change="handleChange7"
+                                accept=".pdf,.doc,.docx"
+                                :on-exceed="handleExceed"
+                                :file-list="fileL_Icm"
+                                ref="upload"
+                            >
+                                <el-button type="text" style="font-weight: bolder"
+                                    ><b class="el-icon-lx-top" style="font-weight: bolder"></b>upload</el-button
+                                >
+                            </el-upload>
+                            <span style="font-size: 12px; color: #aaa; margin-left: 30px">Only pdf or word files can be uploaded.</span>
+                        </el-form-item>
+                    </el-form>
+                </div>
+            </div>
 
-			<!-- 文件上传 -->
-			<div :ref="tabsList[2].refName" class="scroll-item">
-				<div class="bor_style_onli">
-					<h4>{{tabsList[2].name}}</h4>
-					<el-form label-width="220px">
-						<el-form-item label="SUB File Upload :">
-							<el-upload class="upload-demo"
-								:action="baseUrl+'api/Production/up_article_file/type/articleSUB'"
-								:on-success="handleFileSuccess3" name="articleSUB" type="articleSUB"
-								:on-error="handleFileError" :on-preview="handlePreview" :on-remove="handleRemove"
-								:before-remove="beforeRemove3" :on-change="handleChange3" accept=".pdf"
-								:on-exceed="handleExceed" :file-list="fileL_sub" ref="upload">
-								<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top"
-										style="font-weight: bolder;"></b>upload</el-button>
-							</el-upload>
-							<span style="font-size: 12px; color: #aaa;margin-left: 30px;">Only pdf files can be
-								uploaded.</span>
-						</el-form-item>
-						<el-form-item label="SUB2 File Upload :">
-							<el-upload class="upload-demo"
-								:action="baseUrl+'api/Production/up_article_file/type/articleSUB2'"
-								:on-success="handleFileSuccess4" name="articleSUB2" type="articleSUB2"
-								:on-error="handleFileError" :on-preview="handlePreview" :on-remove="handleRemove"
-								:before-remove="beforeRemove4" :on-change="handleChange4" accept=".mp4,.zip"
-								:on-exceed="handleExceed" :file-list="fileL_sub2" ref="upload">
-								<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top"
-										style="font-weight: bolder;"></b>upload</el-button>
-							</el-upload>
-							<span style="font-size: 12px; color: #aaa;margin-left: 30px;">Only mp4 or zip files can be
-								uploaded.</span>
-						</el-form-item>
-						<el-form-item label="EndNote File Upload :">
-							<el-upload class="upload-demo"
-								:action="baseUrl+'api/Production/up_article_file/type/endNote'"
-								:on-success="handleFileSuccess5" name="endNote" type="endNote"
-								:on-error="handleFileError" :on-preview="handlePreview" :on-remove="handleRemove"
-								:before-remove="beforeRemove5" :on-change="handleChange5" :on-exceed="handleExceed"
-								:file-list="fileL_Note" ref="upload">
-								<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top"
-										style="font-weight: bolder;"></b>upload</el-button>
-							</el-upload>
-							<span style="font-size: 12px; color: #aaa;margin-left: 30px;">Only EndNote files can be
-								uploaded.</span>
-						</el-form-item>
-						<el-form-item label="BibTeX File Upload :">
-							<el-upload class="upload-demo"
-								:action="baseUrl+'api/Production/up_article_file/type/bibTex'"
-								:on-success="handleFileSuccess6" name="bibTex" type="bibTex" :on-error="handleFileError"
-								:on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove6"
-								:on-change="handleChange6" :on-exceed="handleExceed" :file-list="fileL_Tex"
-								ref="upload">
-								<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top"
-										style="font-weight: bolder;"></b>upload</el-button>
-							</el-upload>
-							<span style="font-size: 12px; color: #aaa;margin-left: 30px;">Only BibTeX files can be
-								uploaded.</span>
-						</el-form-item>
-						<el-form-item label="ICMJE DISCLOSURE FORM :" style="margin-bottom: 0;">
-							<el-upload class="upload-demo"
-								:action="baseUrl+'api/Production/up_article_file/type/articleCDF'"
-								:on-success="handleFileSuccess7" name="articleCDF" type="articleCDF"
-								:on-error="handleFileError" :on-preview="handlePreview" :on-remove="handleRemove"
-								:before-remove="beforeRemove7" :on-change="handleChange7" accept=".pdf,.doc,.docx"
-								:on-exceed="handleExceed" :file-list="fileL_Icm" ref="upload">
-								<el-button type="text" style="font-weight: bolder;"><b class="el-icon-lx-top"
-										style="font-weight: bolder;"></b>upload</el-button>
-							</el-upload>
-							<span style="font-size: 12px; color: #aaa;margin-left: 30px;">Only pdf or word files can be
-								uploaded.</span>
-						</el-form-item>
-					</el-form>
-				</div>
-
-			</div>
-
-
-			<!-- 文章正文 -->
-			<!-- <div :ref="tabsList[3].refName" class="scroll-item">
+            <!-- 文章正文 -->
+            <!-- <div :ref="tabsList[3].refName" class="scroll-item">
 				<div class="bor_style_onli">
 					<h4>{{tabsList[3].name}}</h4>
 					<div class="typeA_MTxt">
@@ -406,2655 +490,2669 @@
 				</div>
 			</div> -->
 
-			<!-- 参考文献 -->
-			<div :ref="tabsList[3].refName" class="scroll-item">
-				<div class="bor_style_onli">
-					<h4>{{tabsList[3].name}}</h4>
-					<div class="liter_ture">
-						<div class="chanSelLef">
-							<!-- 1 -->
-							<div :class="showB_step ==1?'C_style':''">
-								<h3><span>1</span>Check References and Doi</h3>
-								<div v-if="showB_step ==1">
-									<p>
-										You need to click
-										<el-button type="warning" @click="StepBOper(1)" size="mini"
-											style="padding: 5px 8px;font-size: 12px;margin: 0 5px;">
-											<i class="el-icon-edit-outline"></i>
-											Crossref
-										</el-button>
-										 to open the website, then paste the references part of the
-										<a :href='mediaUrl+this.gridData' target="_blank">
-											<el-button type="text" size="mini"
-												style="font-size: 12px;margin: 0 5px;font-weight: bold;">
-												<i class="el-icon-download" style="font-weight: bold;"></i>
-												manuscript
-											</el-button>
-										</a>
-										to get the new references part, please paste the new one into the input box.
-									</p>
-									<el-button @click="StepBNext(2)" plain type="primary"
-										style="width: 85%;margin: 15px 0px 0px 30px;position: relative;">
-										<i class="el-icon-right"
-											style="font-size: 18px;position: absolute;right: 8px;top: 5px;"></i>
-										Next Step
-									</el-button>
-								</div>
-							</div>
+            <!-- 参考文献 -->
+            <div :ref="tabsList[3].refName" class="scroll-item">
+                <div class="bor_style_onli">
+                    <h4>{{ tabsList[3].name }}</h4>
+                    <div class="liter_ture">
+                        <div class="chanSelLef">
+                            <!-- 1 -->
+                            <div :class="showB_step == 1 ? 'C_style' : ''">
+                                <h3><span>1</span>Check References and Doi</h3>
+                                <div v-if="showB_step == 1">
+                                    <p>
+                                        You need to click
+                                        <el-button
+                                            type="warning"
+                                            @click="StepBOper(1)"
+                                            size="mini"
+                                            style="padding: 5px 8px; font-size: 12px; margin: 0 5px"
+                                        >
+                                            <i class="el-icon-edit-outline"></i>
+                                            Crossref
+                                        </el-button>
+                                         to open the website, then paste the references part of the
+                                        <a :href="mediaUrl + this.gridData" target="_blank">
+                                            <el-button type="text" size="mini" style="font-size: 12px; margin: 0 5px; font-weight: bold">
+                                                <i class="el-icon-download" style="font-weight: bold"></i>
+                                                manuscript
+                                            </el-button>
+                                        </a>
+                                        to get the new references part, please paste the new one into the input box.
+                                    </p>
+                                    <el-button
+                                        @click="StepBNext(2)"
+                                        plain
+                                        type="primary"
+                                        style="width: 85%; margin: 15px 0px 0px 30px; position: relative"
+                                    >
+                                        <i class="el-icon-right" style="font-size: 18px; position: absolute; right: 8px; top: 5px"></i>
+                                        Next Step
+                                    </el-button>
+                                </div>
+                            </div>
 
-							<!-- 2 -->
-							<div :class="showB_step ==2?'C_style':''">
-								<h3><span>2</span>Check Standard</h3>
-								<div v-if="showB_step ==2">
-									<p>Convert to standard format.</p>
-									<p style="background-color: #fdf3e3;padding: 10px;margin: 10px 0 0 30px;">The
-										references
-										with yellow background
-										are problematic, so you can check and correct them yourself.</p>
-									<el-button @click="StepBNext(1)" type="primary" plain
-										style="width: 85%;margin: 15px 0px 0px 30px;position: relative;">
-										<i class="el-icon-back"
-											style="font-size: 18px;margin:0;position:absolute;left: 8px;top: 5px;"></i>
-										Back Step and Reset
-									</el-button>
-								</div>
-							</div>
-						</div>
-						<div class="chanFerAll">
-							<div v-if="showB_step ==1">
-								<el-input v-model="refAarray" type="textarea" rows="20" style="width: 100%;"
-									:placeholder="placeRef"></el-input>
-								<el-button type="primary" @click="StepBOper(2)"
-									style="width: 250px;margin: 20px 0 0 0;float: right;">
-									<i class="el-icon-document-checked"></i>
-									Complete and conversion
-								</el-button>
-								<br clear="both">
-							</div>
+                            <!-- 2 -->
+                            <div :class="showB_step == 2 ? 'C_style' : ''">
+                                <h3><span>2</span>Check Standard</h3>
+                                <div v-if="showB_step == 2">
+                                    <p>Convert to standard format.</p>
+                                    <p style="background-color: #fdf3e3; padding: 10px; margin: 10px 0 0 30px">
+                                        The references with yellow background are problematic, so you can check and correct them yourself.
+                                    </p>
+                                    <el-button
+                                        @click="StepBNext(1)"
+                                        type="primary"
+                                        plain
+                                        style="width: 85%; margin: 15px 0px 0px 30px; position: relative"
+                                    >
+                                        <i
+                                            class="el-icon-back"
+                                            style="font-size: 18px; margin: 0; position: absolute; left: 8px; top: 5px"
+                                        ></i>
+                                        Back Step and Reset
+                                    </el-button>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="chanFerAll">
+                            <div v-if="showB_step == 1">
+                                <el-input
+                                    v-model="refAarray"
+                                    type="textarea"
+                                    rows="20"
+                                    style="width: 100%"
+                                    :placeholder="placeRef"
+                                ></el-input>
+                                <el-button type="primary" @click="StepBOper(2)" style="width: 250px; margin: 20px 0 0 0; float: right">
+                                    <i class="el-icon-document-checked"></i>
+                                    Complete and conversion
+                                </el-button>
+                                <br clear="both" />
+                            </div>
 
-							<div v-for="(item,index) in this.chanFerForm" v-if="showB_step ==2" class="ref_list">
-								<div>
-									<span
-										style="float:left;margin: 3px 10px 0 0;width: 80px;text-align: right;font-size: 14px;">DOI
-										:</span>
-									<p style="float:left;font-size: 14px;color: #555;">{{item.refer_doi}}</p>
-									<br clear="both">
-								</div>
-								<div v-if="item.cs==1&&item.edit_mark!=0" style="margin-bottom: 0;">
-									<span
-										style="float:left;margin: 0 12px 0 0;width: 80px;text-align: right;font-size: 14px;">Standard
-										:</span>
-									<p style="float:left;width:74.5%;font-size: 14px;color: #555;line-height: 20px;">
-										{{item.refer_frag}}
-									</p>
+                            <div v-for="(item, index) in this.chanFerForm" v-if="showB_step == 2" class="ref_list">
+                                <div>
+                                    <span style="float: left; margin: 3px 10px 0 0; width: 80px; text-align: right; font-size: 14px"
+                                        >DOI :</span
+                                    >
+                                    <p style="float: left; font-size: 14px; color: #555">{{ item.refer_doi }}</p>
+                                    <br clear="both" />
+                                </div>
+                                <div v-if="item.cs == 1 && item.edit_mark != 0" style="margin-bottom: 0">
+                                    <span style="float: left; margin: 0 12px 0 0; width: 80px; text-align: right; font-size: 14px"
+                                        >Standard :</span
+                                    >
+                                    <p style="float: left; width: 74.5%; font-size: 14px; color: #555; line-height: 20px">
+                                        {{ item.refer_frag }}
+                                    </p>
 
-									<br clear="both">
-								</div>
-								<div v-if="item.cs==0||item.edit_mark==0" :class="item.cs==0?'BG_yell':''"
-									style="margin-bottom: 0;">
-									<span
-										style="float:left;margin: 0 12px 0 0;width: 80px;text-align: right;font-size: 14px;">Standard
-										:</span>
-									<el-input type="textarea" v-model="item.refer_frag" autosize
-										style="width: 60%;display: inline-block;"></el-input>
+                                    <br clear="both" />
+                                </div>
+                                <div
+                                    v-if="item.cs == 0 || item.edit_mark == 0"
+                                    :class="item.cs == 0 ? 'BG_yell' : ''"
+                                    style="margin-bottom: 0"
+                                >
+                                    <span style="float: left; margin: 0 12px 0 0; width: 80px; text-align: right; font-size: 14px"
+                                        >Standard :</span
+                                    >
+                                    <el-input
+                                        type="textarea"
+                                        v-model="item.refer_frag"
+                                        autosize
+                                        style="width: 60%; display: inline-block"
+                                    ></el-input>
 
-									<div style="display: inline-block;width: 50px;vertical-align: top;">
-										<el-button @click="ChanFerEditFrag(item,index)" type="primary"
-											icon="el-icon-check" size="mini" style="margin: 0 5px 0 15px;">
-										</el-button>
-										<el-button @click="ChanFerMashUp(item)" type="warning" size="mini"
-											style="margin: 10px 5px 0 15px;" v-if="index!=0">Up</el-button>
-									</div>
-								</div>
-								<b>{{index+1}}</b>
-								<i class="el-icon-edit-outline" @click="referMark(index)"
-									v-if="item.edit_mark==1&&item.cs!=0"></i>
-								<i class="el-icon-top" @click="ChanFerMashUp(item)"
-									v-if="index!=0&&item.edit_mark==1&&item.cs!=0"
-									style="right: 40px;font-size: 10px;">up</i>
-							</div>
-						</div>
-						<br clear="both">
-						<!-- <p v-if="this.chanFerForm==''" style="text-align: center;color: #999;margin-top: 50px;">No references</p> -->
-						<!-- 进度条 -->
-						<div v-if="refProcess==1" class="RefProBar">
-							<div>
-								<el-progress :text-inside="true" :stroke-width="24" :percentage="refReal"
-									:color="customColorMethod"></el-progress>
-								<p>
-									<img src="../../assets/img/Ip_spinner.gif">
-									<span>{{this.refReal}}%</span> completed, please wait...
-								</p>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
+                                    <div style="display: inline-block; width: 50px; vertical-align: top">
+                                        <el-button
+                                            @click="ChanFerEditFrag(item, index)"
+                                            type="primary"
+                                            icon="el-icon-check"
+                                            size="mini"
+                                            style="margin: 0 5px 0 15px"
+                                        >
+                                        </el-button>
+                                        <el-button
+                                            @click="ChanFerMashUp(item)"
+                                            type="warning"
+                                            size="mini"
+                                            style="margin: 10px 5px 0 15px"
+                                            v-if="index != 0"
+                                            >Up</el-button
+                                        >
+                                    </div>
+                                </div>
+                                <b>{{ index + 1 }}</b>
+                                <i class="el-icon-edit-outline" @click="referMark(index)" v-if="item.edit_mark == 1 && item.cs != 0"></i>
+                                <i
+                                    class="el-icon-top"
+                                    @click="ChanFerMashUp(item)"
+                                    v-if="index != 0 && item.edit_mark == 1 && item.cs != 0"
+                                    style="right: 40px; font-size: 10px"
+                                    >up</i
+                                >
+                            </div>
+                        </div>
+                        <br clear="both" />
+                        <!-- <p v-if="this.chanFerForm==''" style="text-align: center;color: #999;margin-top: 50px;">No references</p> -->
+                        <!-- 进度条 -->
+                        <div v-if="refProcess == 1" class="RefProBar">
+                            <div>
+                                <el-progress
+                                    :text-inside="true"
+                                    :stroke-width="24"
+                                    :percentage="refReal"
+                                    :color="customColorMethod"
+                                ></el-progress>
+                                <p>
+                                    <img src="../../assets/img/Ip_spinner.gif" />
+                                    <span>{{ this.refReal }}%</span> completed, please wait...
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
+            <!-- 生成文章 -->
+            <div :ref="tabsList[4].refName" class="scroll-item">
+                <div class="bor_style_onli">
+                    <h4>{{ tabsList[4].name }}</h4>
+                    <div style="font-size: 14px">
+                        <div style="margin: 30px 0 40px 0">
+                            Choose Template ：
+                            <el-select
+                                v-model="shuTter.board"
+                                placeholder="Please select a template..."
+                                @change="select_tem($event)"
+                                style="width: 253px"
+                            >
+                                <el-option v-for="item in fol_low" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+                            </el-select>
+                            <el-button type="primary" style="width: 150px; margin-left: 20px" @click="EstaBlish">
+                                <i class="el-icon-document"></i>
+                                Create Manuscript
+                            </el-button>
+                        </div>
+                        <div style="margin: 30px 0 40px 0">
+                            <h5 style="font-size: 16px; margin: 0 0 30px 0; letter-spacing: -0.5px">Download list</h5>
+                            <p v-if="DLfileList == ''" style="color: #666; font-size: 14px">No Manuscript</p>
+                            <div v-for="(item, index) in DLfileList" target="_blank" class="load_pdf">
+                                <img src="../../assets/img/icon_0.png" />
+                                <span style="color: #333">Typesetting {{ index + 1 }}</span>
+                                <span style="margin-left: 40px; color: #888; font-size: 13px"
+                                    >Time : {{ modifDate(item.ctime * 1000) }}</span
+                                >
+                                <a :href="'/tsfile/' + item.url" target="_blank" style="margin-left: 40px">
+                                    <i class="el-icon-download" style="color: #66b1ff; font-weight: bold"></i>
+                                </a>
+                            </div>
+                        </div>
+                        <div style="height: 1px; background-color: #c5e1f1; width: 100%; margin: 10px 0"></div>
+                        <div style="margin: 30px 0 30px 0">
+                            <h5 style="font-size: 16px; margin: 0 0 30px 0; letter-spacing: -0.5px">Upload the final typeset file</h5>
+                            <p v-if="UpTyFIle == ''" style="color: #666; font-size: 14px">No Manuscript</p>
+                            <div target="_blank" class="load_pdf" v-if="UpTyFIle != ''">
+                                <img src="../../assets/img/icon_0.png" />
+                                <span style="color: #333">Final typeset</span>
+                                <a :href="'/' + UpTyFIle" target="_blank" style="margin-left: 40px">
+                                    <i class="el-icon-download" style="color: #66b1ff; font-weight: bold"></i>
+                                </a>
+                            </div>
+                            <div style="margin-top: 30px">
+                                <el-upload
+                                    ref="uploadUpty"
+                                    class="upload-demo upload-demo_6"
+                                    :action="baseUrl + 'api/Production/up_pdf_file'"
+                                    accept=".pdf,"
+                                    name="pdf"
+                                    :before-upload="beforeupload_UpTy"
+                                    :on-error="uperr_UpTy"
+                                    :on-success="upSuccess_UpTy"
+                                    :limit="1"
+                                    :on-exceed="alertlimit"
+                                    :on-remove="removefileUpTy"
+                                    style="display: inline-block"
+                                >
+                                    <div class="el-upload__text" style="padding: 6px 10px; background-color: #006699">
+                                        <font style="color: #fff; font-size: 12px">
+                                            <b class="el-icon-upload2" style="font-weight: bold; margin-right: 5px"></b>
+                                            Click Re upload
+                                        </font>
+                                    </div>
+                                    <div class="el-upload__tip" slot="tip" style="vertical-align: top">
+                                        Only pdf file can be uploaded(.pdf)
+                                    </div>
+                                </el-upload>
+                            </div>
+                        </div>
+                        <div style="height: 1px; background-color: #c5e1f1; width: 100%; margin: 10px 0"></div>
+                        <div style="margin: 30px 0px 0 0">
+                            <h5 style="font-size: 16px; margin: 0 0 30px 0; letter-spacing: -0.5px">Improve information</h5>
+                            <!-- 时间Doi简介信息 -->
+                            <el-form ref="Abs_Form" :model="detailMes" :rules="rules" label-width="150px" style="margin-top: 30px">
+                                <el-form-item label="Abstract :" prop="abstract">
+                                    <quill-editor ref="myTextEditor" v-model="detailMes.abstract" :options="editorOption"> </quill-editor>
+                                </el-form-item>
+                                <el-form-item label="Doi :" prop="doi">
+                                    <span>https://doi.org/10.53388/</span>
+                                    <el-input v-model="detailMes.doi" style="margin-left: 10px; width: 325px"> </el-input>
+                                </el-form-item>
+                                <el-form-item label="Date of publication :" prop="pubDate">
+                                    <el-date-picker
+                                        v-model="detailMes.pubDate"
+                                        value-format="yyyy-MM-dd"
+                                        type="date"
+                                        placeholder=""
+                                        @blur="dateBlur(detailMes.pubDate)"
+                                        style="width: 100%"
+                                    >
+                                    </el-date-picker>
+                                </el-form-item>
+                            </el-form>
+                            <div style="text-align: center; margin: 25px 0 0 0">
+                                <el-button type="primary" @click="ZsSaveAbs" style="width: 300px; margin-right: 20px">
+                                    <i class="el-icon-check"></i>
+                                    Save Essential Information
+                                </el-button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
+            <!-- 作者确认 -->
+            <div :ref="tabsList[5].refName" class="scroll-item">
+                <div class="bor_style_onli">
+                    <h4>{{ tabsList[5].name }}</h4>
+                    <p style="color: #606266; font-size: 14px; line-height: 21px">
+                        Three situations after sending PROOF to the author:
+                        <br />1. If the author confirms PROOF, please click "Push online" to be online. <br />2. If the author has made
+                        minor adjustments to the article, please review the content of "Minor Modification Content" to make changes. Please
+                        make another PROOF through emails after the changes. <br />3. If the author has not confirmed PROOF for more than 48
+                        hours, please click "Push online" to be online.
+                        <br />
+                        <br />Please follow the above three conditions carefully and handle the manuscript in time.
+                    </p>
+                    <div style="height: 1px; background-color: #c5e1f1; width: 100%; margin: 30px 0 20px 0"></div>
 
-			<!-- 生成文章 -->
-			<div :ref="tabsList[4].refName" class="scroll-item">
-				<div class="bor_style_onli">
-					<h4>{{tabsList[4].name}}</h4>
-					<div style="font-size: 14px;">
-						<div style="margin: 30px 0 40px 0;">
-							Choose Template ：
-							<el-select v-model="shuTter.board" placeholder="Please select a template..."
-								@change="select_tem($event)" style="width: 253px;">
-								<el-option v-for="item in fol_low" :key="item.value" :label="item.label"
-									:value="item.value">
-								</el-option>
-							</el-select>
-							<el-button type="primary" style="width: 150px;margin-left: 20px;" @click="EstaBlish">
-								<i class="el-icon-document"></i>
-								Create Manuscript
-							</el-button>
-						</div>
-						<div style="margin: 30px 0 40px 0;">
-							<h5 style="font-size: 16px;margin: 0 0 30px 0;letter-spacing: -0.5px;">Download list</h5>
-							<p v-if="DLfileList==''" style="color: #666;font-size: 14px;">No Manuscript</p>
-							<div v-for="(item,index) in DLfileList" target="_blank" class="load_pdf">
-								<img src="../../assets/img/icon_0.png">
-								<span style="color: #333;">Typesetting {{index+1}}</span>
-								<span style="margin-left: 40px;color: #888;font-size: 13px;">Time :
-									{{modifDate(item.ctime*1000)}}</span>
-								<a :href="'/tsfile/'+item.url" target="_blank" style="margin-left: 40px;">
-									<i class="el-icon-download" style="color: #66b1ff;font-weight: bold;"></i>
-								</a>
-							</div>
-						</div>
-						<div style="height: 1px;background-color: #c5e1f1;width: 100%;margin: 10px 0;"></div>
-						<div style="margin: 30px 0 30px 0;">
-							<h5 style="font-size: 16px;margin: 0 0 30px 0;letter-spacing: -0.5px;">Upload the final
-								typeset file
-							</h5>
-							<p v-if="UpTyFIle==''" style="color: #666;font-size: 14px;">No Manuscript</p>
-							<div target="_blank" class="load_pdf" v-if="UpTyFIle!=''">
-								<img src="../../assets/img/icon_0.png">
-								<span style="color: #333;">Final typeset</span>
-								<a :href="'/'+UpTyFIle" target="_blank" style="margin-left: 40px;">
-									<i class="el-icon-download" style="color: #66b1ff;font-weight: bold;"></i>
-								</a>
-							</div>
-							<div style="margin-top: 30px;">
-								<el-upload ref="uploadUpty" class="upload-demo upload-demo_6"
-									:action="baseUrl + 'api/Production/up_pdf_file'" accept=".pdf," name="pdf"
-									:before-upload="beforeupload_UpTy" :on-error="uperr_UpTy"
-									:on-success="upSuccess_UpTy" :limit="1" :on-exceed="alertlimit"
-									:on-remove="removefileUpTy" style="display: inline-block;">
-									<div class="el-upload__text" style="padding:6px 10px;background-color: #006699;">
-										<font style="color: #fff;font-size: 12px;">
-											<b class="el-icon-upload2" style="font-weight: bold;margin-right: 5px;"></b>
-											Click Re upload
-										</font>
-									</div>
-									<div class="el-upload__tip" slot="tip" style="vertical-align: top;">Only pdf file
-										can be
-										uploaded(.pdf)</div>
-								</el-upload>
-							</div>
+                    <div style="text-align: center; margin: 25px 0 0 0" v-if="detailMes.proof_state == 0">
+                        <el-button type="primary" @click="TjQdingFirm" style="width: 300px; margin-right: 20px">
+                            <i class="el-icon-document-checked"></i>
+                            Ask the author to confirm
+                        </el-button>
+                    </div>
 
+                    <div class="con_firm">
+                        <div v-if="detailMes.proof_state == 1">
+                            Waiting for the author's confirmation. It is estimated that the result will be returned at
+                            <b>{{ modifDate(detailMes.proof_etime * 1000) }}</b>
+                        </div>
+                        <div v-if="detailMes.proof_state == 2 && detailMes.proof_content == ''">
+                            <i class="el-icon-success" style="color: #8bc34a"></i>
+                            <b style="font-size: 17px; margin-right: 80px">Author replied</b>
+                            <span style="color: #888">Reply time : </span>
+                            <b v-if="detailMes.proof_rtime == 0">{{ modifDate(detailMes.proof_etime * 1000) }}</b>
+                            <b v-if="detailMes.proof_rtime != 0">{{ modifDate(detailMes.proof_rtime * 1000) }}</b>
+                        </div>
+                        <div v-if="detailMes.proof_state == 2 && detailMes.proof_content != ''">
+                            <i class="el-icon-warning" style="color: #eb600f"></i>
+                            <b style="font-size: 17px; margin-right: 80px; letter-spacing: -0.5px; line-height: 26px"
+                                >The author has further comments on this PROOF, please contact the author as soon as possible.</b
+                            >
+                            <p style="color: #888; margin-top: 10px">
+                                Reply time :
+                                <b v-if="detailMes.proof_rtime == 0">{{ modifDate(detailMes.proof_etime * 1000) }}</b>
+                                <b v-if="detailMes.proof_rtime != 0">{{ modifDate(detailMes.proof_rtime * 1000) }}</b>
+                            </p>
+                            <p style="font-size: 14px; color: #666; margin: 5px 0">
+                                <span style="margin-right: 5px;color: #333;33">Minor Modification Content : </span>
+                                {{ detailMes.proof_content }}
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
 
-						</div>
-						<div style="height: 1px;background-color: #c5e1f1;width: 100%;margin: 10px 0;"></div>
-						<div style="margin: 30px 0px 0 0;">
-							<h5 style="font-size: 16px;margin: 0 0 30px 0;letter-spacing: -0.5px;">Improve information
-							</h5>
-							<!-- 时间Doi简介信息 -->
-							<el-form ref="Abs_Form" :model="detailMes" :rules="rules" label-width="150px"
-								style="margin-top: 30px;">
-								<el-form-item label="Abstract :" prop="abstract">
-									<quill-editor ref="myTextEditor" v-model="detailMes.abstract"
-										:options="editorOption">
-									</quill-editor>
-								</el-form-item>
-								<el-form-item label="Doi :" prop="doi">
-									<span>https://doi.org/10.53388/</span>
-									<el-input v-model="detailMes.doi" style="margin-left: 10px;width: 325px;">
-									</el-input>
-								</el-form-item>
-								<el-form-item label="Date of publication :" prop="pubDate">
-									<el-date-picker v-model="detailMes.pubDate" value-format="yyyy-MM-dd" type="date"
-										placeholder="" @blur="dateBlur(detailMes.pubDate)" style="width: 100%;">
-									</el-date-picker>
-								</el-form-item>
-							</el-form>
-							<div style="text-align: center;margin: 25px 0 0 0;">
-								<el-button type="primary" @click="ZsSaveAbs" style="width: 300px;margin-right: 20px;">
-									<i class="el-icon-check"></i>
-									Save Essential Information
-								</el-button>
-							</div>
-						</div>
-					</div>
+        <!-- 上线弹出框 -->
+        <el-dialog title="Tips" :visible.sync="onlineVisible" width="600px" :close-on-click-modal="false">
+            <p style="line-height: 24px">
+                Are you sure you want to push this manuscript to the official website?
+                <br />
+                You can preview first.
+            </p>
+            <div style="text-align: right; margin-top: 30px">
+                <el-button @click="onlineVisible = false">Cancel</el-button>
+                <el-button type="warning" @click="gOpreviewList()" icon="el-icon-tickets">Preview list</el-button>
+                <el-button type="warning" @click="gOpreviewArt()" icon="el-icon-document">Preview article</el-button>
+                <el-button type="primary" @click="gOline()" icon="el-icon-finished">Push Online</el-button>
+            </div>
+        </el-dialog>
 
-				</div>
-			</div>
+        <!-- 预览列表 -->
+        <el-dialog title="" :visible.sync="preLisVisible" width="800px" :close-on-click-modal="false">
+            <div class="aMesage">
+                <div class="aMes_typ">
+                    {{ deMesYul.type }}
+                </div>
+                <div class="aMes_tit">
+                    {{ deMesYul.title }}
+                </div>
+                <div class="aMes_autor">
+                    <span v-for="(item, index) in authorData">
+                        {{ item.author_name }}
+                        <span v-if="index != authorData.length - 1" style="margin-right: 3px">,</span>
+                    </span>
+                </div>
+                <div class="aMes_doi">
+                    {{ deMesYul.journal_title }}
+                    <span>https://doi.org/10.53388/{{ deMesYul.doi }}</span>
+                </div>
+                <div class="aMes_asbimg">
+                    <img :src="mediaUrl + 'articleicon/' + deMesYul.icon" alt="" />
+                    <div>
+                        <p style="font-weight: bold; color: #006699; margin: 10px 0 5px 0" v-html="deMesYul.tradition_tag"></p>
+                        <p v-html="deMesYul.tradition" style="color: #888; line-height: 20px">{{ deMesYul.tradition }}</p>
+                    </div>
+                    <br clear="both" />
+                </div>
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="preLisVisible = false">OK</el-button>
+            </span>
+        </el-dialog>
 
-
-
-			<!-- 作者确认 -->
-			<div :ref="tabsList[5].refName" class="scroll-item">
-				<div class="bor_style_onli">
-					<h4>{{tabsList[5].name}}</h4>
-					<p style="color: #606266;font-size: 14px;line-height: 21px;">
-						Three situations after sending PROOF to the author:
-						<br>1. If the author confirms PROOF, please click "Push online" to be online.
-						<br>2. If the author has made minor adjustments to the article, please review the content of
-						"Minor Modification Content" to make changes. Please make another PROOF through emails after the
-						changes.
-						<br>3. If the author has not confirmed PROOF for more than 48 hours, please click "Push online"
-						to be online.
-						<br>
-						<br>Please follow the above three conditions carefully and handle the manuscript in time.
-					</p>
-					<div style="height: 1px;background-color: #c5e1f1;width: 100%;margin: 30px 0 20px 0;"></div>
-
-					<div style="text-align: center;margin: 25px 0 0 0;" v-if="detailMes.proof_state==0">
-						<el-button type="primary" @click="TjQdingFirm" style="width: 300px;margin-right: 20px;">
-							<i class="el-icon-document-checked"></i>
-							Ask the author to confirm
-						</el-button>
-					</div>
-
-					<div class="con_firm">
-						<div v-if="detailMes.proof_state==1">
-							Waiting for the author's confirmation. It is estimated that the result will be returned at
-							<b>{{modifDate(detailMes.proof_etime*1000)}}</b>
-						</div>
-						<div v-if="detailMes.proof_state==2&&detailMes.proof_content==''">
-							<i class="el-icon-success" style="color: #8bc34a;"></i>
-							<b style="font-size: 17px;margin-right: 80px;">Author replied</b>
-							<span style="color: #888">Reply time : </span>
-							<b v-if="detailMes.proof_rtime==0">{{modifDate(detailMes.proof_etime*1000)}}</b>
-							<b v-if="detailMes.proof_rtime!=0">{{modifDate(detailMes.proof_rtime*1000)}}</b>
-						</div>
-						<div v-if="detailMes.proof_state==2&&detailMes.proof_content!=''">
-							<i class="el-icon-warning" style="color: #eb600f;"></i>
-							<b style="font-size: 17px;margin-right: 80px;letter-spacing: -0.5px;line-height: 26px;">The
-								author has further comments on this PROOF, please contact the author as soon as
-								possible.</b>
-							<p style="color: #888;margin-top:10px">Reply time :
-								<b v-if="detailMes.proof_rtime==0">{{modifDate(detailMes.proof_etime*1000)}}</b>
-								<b v-if="detailMes.proof_rtime!=0">{{modifDate(detailMes.proof_rtime*1000)}}</b>
-							</p>
-							<p style="font-size: 14px;color: #666;margin: 5px 0;">
-								<span style="margin-right: 5px;color: #333;33">Minor Modification Content : </span>
-								{{detailMes.proof_content}}
-							</p>
-						</div>
-					</div>
-				</div>
-			</div>
-
-		</div>
-
-
-		<!-- 上线弹出框 -->
-		<el-dialog title="Tips" :visible.sync="onlineVisible" width="600px" :close-on-click-modal="false">
-			<p style="line-height: 24px;">
-				Are you sure you want to push this manuscript to the official website?
-				<br>
-				You can preview first.
-			</p>
-			<div style="text-align: right;margin-top:30px;">
-				<el-button @click="onlineVisible = false">Cancel</el-button>
-				<el-button type="warning" @click="gOpreviewList()" icon="el-icon-tickets">Preview list</el-button>
-				<el-button type="warning" @click="gOpreviewArt()" icon="el-icon-document">Preview article</el-button>
-				<el-button type="primary" @click="gOline()" icon="el-icon-finished">Push Online</el-button>
-			</div>
-		</el-dialog>
-
-		<!-- 预览列表 -->
-		<el-dialog title="" :visible.sync="preLisVisible" width="800px" :close-on-click-modal="false">
-			<div class="aMesage">
-				<div class="aMes_typ">
-					{{deMesYul.type}}
-				</div>
-				<div class="aMes_tit">
-					{{deMesYul.title}}
-				</div>
-				<div class="aMes_autor">
-					<span v-for="(item,index) in authorData">
-						{{item.author_name}}
-						<span v-if="index!=authorData.length-1" style="margin-right: 3px;">,</span>
-					</span>
-				</div>
-				<div class="aMes_doi">
-					{{deMesYul.journal_title}}
-					<span>https://doi.org/10.53388/{{deMesYul.doi}}</span>
-				</div>
-				<div class="aMes_asbimg">
-					<img :src="mediaUrl + 'articleicon/' + deMesYul.icon" alt="">
-					<div>
-						<p style="font-weight: bold;color:#006699;margin:10px 0 5px 0" v-html="deMesYul.tradition_tag">
-						</p>
-						<p v-html="deMesYul.tradition" style="color: #888;line-height: 20px;">{{deMesYul.tradition}}</p>
-					</div>
-					<br clear="both">
-				</div>
-			</div>
-			<span slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="preLisVisible = false">OK</el-button>
-			</span>
-		</el-dialog>
-
-		<!-- 预览文章-->
-		<el-dialog title="" :visible.sync="preArtVisible" width="800px" :close-on-click-modal="false">
-			<div class="aArticle">
-				<div class="aArt_doi">
-					{{deMesYul.journal_title}}
-					<span style="margin: 0 40px;">|</span>
-					<span>DOI: 10.53388/{{deMesYul.doi}}</span>
-				</div>
-				<div class="aArt_tit">
-					{{deMesYul.title}}
-				</div>
-				<div class="aArt_autor">
-					<p v-html="deAuthorYul.author"></p>
-				</div>
-				<div class="aArt_jigou">
-					<p v-for="(item,index) in deAuthorYul.addressList">
-						<sup style="margin-right: 5px;">{{index+1}}</sup>{{item}}
-					</p>
-				</div>
-				<div class="aArt_abst">
-					<div>
-						<b :class="preactive == 1?'Tab_col':''" @click="preactive = 1">Abstract</b>
-						<b :class="preactive == 2?'Tab_col':''" @click="preactive = 2">Medical history of objective</b>
-					</div>
-					<p v-if="preactive==1" v-html="deMesYul.abstract"></p>
-					<p v-if="preactive==2" v-html="deMesYul.mhoo"></p>
-				</div>
-			</div>
-			<span slot="footer" class="dialog-footer">
-				<el-button type="primary" @click="preArtVisible = false">OK</el-button>
-			</span>
-		</el-dialog>
-	</div>
+        <!-- 预览文章-->
+        <el-dialog title="" :visible.sync="preArtVisible" width="800px" :close-on-click-modal="false">
+            <div class="aArticle">
+                <div class="aArt_doi">
+                    {{ deMesYul.journal_title }}
+                    <span style="margin: 0 40px">|</span>
+                    <span>DOI: 10.53388/{{ deMesYul.doi }}</span>
+                </div>
+                <div class="aArt_tit">
+                    {{ deMesYul.title }}
+                </div>
+                <div class="aArt_autor">
+                    <p v-html="deAuthorYul.author"></p>
+                </div>
+                <div class="aArt_jigou">
+                    <p v-for="(item, index) in deAuthorYul.addressList">
+                        <sup style="margin-right: 5px">{{ index + 1 }}</sup
+                        >{{ item }}
+                    </p>
+                </div>
+                <div class="aArt_abst">
+                    <div>
+                        <b :class="preactive == 1 ? 'Tab_col' : ''" @click="preactive = 1">Abstract</b>
+                        <b :class="preactive == 2 ? 'Tab_col' : ''" @click="preactive = 2">Medical history of objective</b>
+                    </div>
+                    <p v-if="preactive == 1" v-html="deMesYul.abstract"></p>
+                    <p v-if="preactive == 2" v-html="deMesYul.mhoo"></p>
+                </div>
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="preArtVisible = false">OK</el-button>
+            </span>
+        </el-dialog>
+    </div>
 </template>
 
 <script>
-	import 'quill/dist/quill.core.css';
-	import 'quill/dist/quill.snow.css';
-	import 'quill/dist/quill.bubble.css';
-	import {
-		quillEditor
-	} from 'vue-quill-editor';
-	import {
-		Loading
-	} from 'element-ui';
-	export default {
-		data() {
-			return {
-				baseUrl: this.Common.baseUrl,
-				mediaUrl: this.Common.mediaUrl,
-				p_article_id: this.$route.query.id,
-				idform: {},
-				imageUrl: '',
-				contentStyleObj: {
-					height: '100px',
-				},
-				tabName: 'setOneRef',
-				tabClick: 'setOneRef',
-				tabsList: [{
-						name: 'Essential Information',
-						refName: 'setOneRef',
-						rongCont: 'Improve and check the basic information of the manuscript.'
-					},
-					{
-						name: 'Author Information',
-						refName: 'setTwoRef',
-						rongCont: 'Please fill in the author information.'
-					},
-					{
-						name: 'Article File',
-						refName: 'setThreeRef',
-						rongCont: 'Please upload the article file.'
-					},
-					{
-						name: 'Reference Conversion',
-						refName: 'setFourRef',
-						rongCont: 'Revise, check and complete the references of the manuscript.'
-					},
-					// {
-					// 	name: 'MainText',
-					// 	refName: 'setFiveRef',
-					// 	rongCont: 'Modify the article body.'
-					// },
-					{
-						name: 'Create Build',
-						refName: 'setSixRef',
-						rongCont: 'Create different types of checked manuscripts and download them.'
-					},
-					{
-						name: 'Proof',
-						refName: 'setSevenRef',
-						rongCont: ''
-					}
-				],
-				detailMes: {
-					type: "",
-					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: [],
-				editAuthor: false,
-				addAuthor: false,
-				editSchool: false,
-				addSchool: false,
-				authorData: [],
-				schoolData: [],
-				addFomauthor: {
-					is_first: '0',
-					is_report: '0',
-					organs: []
-				},
-				editFomauthor: {},
-				addFomschool: {},
-				editFomschool: {},
-				showB_step: 1,
-				chanFerForm: [],
-				refProcess: 0,
-				refReal: 0,
-				refAarray: '',
-				placeRef: 'eg:\n[1]Kagabu M, Nagasawa T, Fukagawa D, et al. Immunotherapy for Uterine Cervical Cancer. Healthcare (Basel). 2019 Sep 17;7(3):108. PMID: 31533297; PMCID: PMC6787701.\nhttps://doi.org/10.3390/healthcare7030108\n\n[2]Small W Jr, Bacon MA, Bajaj A, et al. Cervical cancer: A global health crisis. Cancer. 2017 Jul 1;123(13):2404-2412. Epub 2017 May 2. PMID: 28464289.\nhttps://doi.org/10.1002/cncr.30667\n\n[3]Cohen PA, Jhingran A, Oaknin A, et al. Cervical cancer. Lancet. 2019 Jan 12;393(10167):169-182. PMID: 30638582.\nhttps://doi.org/10.1016/S0140-6736(18)32470-X',
-				gridData: '',
-				Main_List: [],
-				file_picF: [],
-				fileL_sub: [],
-				fileL_sub2: [],
-				fileL_Note: [],
-				fileL_Tex: [],
-				fileL_Icm: [],
-				content: '',
-				editorOption: {
-					placeholder: 'Please enter...'
-				},
-				opCountry: [],
-				jour_id_: '',
-				mechanism: [],
-				fol_low: [{
-					value: 1,
-					label: 'Default Template'
-				}],
-				DLfileList: [],
-				UpTyFIle: '',
-				UpTypeFile: {
-					pdf: ''
-				},
-				shuTter: {
-					board: 1
-				},
-				exegesis: "The following contents'<b></b>,<i></i>'are necessary for the generation phase, please do not delete them!!!",
-				onlineVisible: false,
-				preLisVisible: false,
-				preArtVisible: false,
-				preactive: 1,
-
-				deAuthorYul: {},
-				deMesYul: {},
-				rules: {
-					title: [{
-						required: true,
-						message: 'Please enter title',
-						trigger: 'blur'
-					}],
-					npp: [{
-						required: true,
-						message: 'Please enter page',
-						trigger: 'blur'
-					}],
-					journal_stage_id: [{
-						required: true,
-						message: 'Please select stage',
-						trigger: 'blur'
-					}],
-					type: [{
-						required: true,
-						message: 'Please select type',
-						trigger: 'blur'
-					}],
-					icon: [{
-						required: true,
-						message: 'Please select picture',
-						trigger: 'blur'
-					}],
-					abbr: [{
-						required: true,
-						message: 'Please enter abbr',
-						trigger: 'blur'
-					}],
-					tradition_tag: [{
-						required: true,
-						message: 'Please enter tradition tag',
-						trigger: 'blur'
-					}],
-					tradition: [{
-						required: true,
-						message: 'Please enter tradition',
-						trigger: 'blur'
-					}],
-					pubDate: [{
-						required: true,
-						message: 'Please select pubDate',
-						trigger: 'blur'
-					}],
-					doi: [{
-						required: true,
-						message: 'Please enter doi',
-						trigger: 'blur'
-					}],
-					abstract: [{
-						required: true,
-						message: 'Please enter abstract',
-						trigger: 'blur'
-					}],
-					keywords: [{
-						required: true,
-						message: 'Please enter keywords',
-						trigger: 'blur'
-					}],
-					fund: [{
-						required: true,
-						message: 'Please enter Fund',
-						trigger: 'blur'
-					}],
-					acknowledgment: [{
-						required: true,
-						message: 'Please enter acknowledgment',
-						trigger: 'blur'
-					}],
-					abbreviation: [{
-						required: true,
-						message: 'Please enter abbreviation',
-						trigger: 'blur'
-					}],
-					author_contribution: [{
-						required: true,
-						message: 'Please enter author contribution',
-						trigger: 'blur'
-					}],
-					pub_date: [{
-						required: true,
-						message: 'Please enter date',
-						trigger: 'blur'
-					}],
-					first_name: [{
-						required: true,
-						message: 'Please enter author name',
-						trigger: 'blur'
-					}],
-					last_name: [{
-						required: true,
-						message: 'Please enter author name',
-						trigger: 'blur'
-					}],
-					email: [{
-						required: true,
-						message: 'Please enter contact author email',
-						trigger: 'blur'
-					}],
-					author_country: [{
-						required: true,
-						message: 'Please select a country',
-						trigger: 'blur'
-					}],
-					organ_name: [{
-						required: true,
-						message: 'Please enter mechanism',
-						trigger: 'blur'
-					}]
-				},
-
-			};
-		},
-		created() {this.opMedical=this.$commonJS.opMedicalList()
-			this.getHight();
-			window.addEventListener('resize', this.getHight);
-			this.getData();
-			this.getAuthorJG();
-			this.getCount();
-			this.getWorldPdf();
-
-		},
-		methods: {
-			getData() {
-				this.idform.p_article_id = this.p_article_id;
-				this.detailMes.p_article_id = this.p_article_id;
-				this.addFomauthor.p_article_id = this.p_article_id;
-				this.addFomschool.p_article_id = this.p_article_id;
-				this.UpTypeFile.p_article_id = this.p_article_id;
-
-				const loading = this.$loading({
-					lock: true,
-					text: 'Loading...',
-					spinner: 'el-icon-loading',
-					background: 'rgba(0, 0, 0, 0.7)'
-				});
-
-				// 获取文章信息
-				this.$api
-					.post('api/Production/getProductionDetail', this.idform)
-					.then(res => {
-						if (res.code == 0) {
-							this.detailMes = res.data.production;
-							this.UpTyFIle = res.data.production.file_pdf;
-
-							if (res.data.production.icon != "") {
-								this.imageUrl = this.mediaUrl + 'articleicon/' + res.data.production.icon;
-							}
-							if (res.data.production.file_pdf != "") {
-								this.file_picF = [{}];
-								this.file_picF[0].name = 'articlePDF';
-								this.file_picF[0].url = this.mediaUrl + 'articlePDF/' + res.data.production.file_pdf;
-							}
-							if (res.data.production.file_sub != "") {
-								this.fileL_sub = [{}];
-								this.fileL_sub[0].name = 'articleSUB';
-								this.fileL_sub[0].url = this.mediaUrl + 'articleSUB/' + res.data.production.file_sub;
-							}
-							if (res.data.production.file_sub2 != "") {
-								this.fileL_sub2 = [{}];
-								this.fileL_sub2[0].name = 'articleSUB2';
-								this.fileL_sub2[0].url = this.mediaUrl + 'articleSUB2/' + res.data.production
-									.file_sub2;
-							}
-							if (res.data.production.endnote != "") {
-								this.fileL_Note = [{}];
-								this.fileL_Note[0].name = 'endNote';
-								this.fileL_Note[0].url = this.mediaUrl + 'endNote/' + res.data.production.endnote;
-							}
-							if (res.data.production.bibtex != "") {
-								this.fileL_Tex = [{}];
-								this.fileL_Tex[0].name = 'bibTex';
-								this.fileL_Tex[0].url = this.mediaUrl + 'bibTex/' + res.data.production.bibtex;
-							}
-							if (res.data.production.file_cdf != "") {
-								this.fileL_Icm = [{}];
-								this.fileL_Icm[0].name = 'articleCDF';
-								this.fileL_Icm[0].url = this.mediaUrl + 'articleCDF/' + res.data.production.file_cdf;
-							}
-
-							// if (this.detailMes.main != '') {
-							// 	this.detailMes.main = JSON.parse(this.detailMes.main)
-							// 	if (typeof(this.detailMes.main) != 'object') {
-							// 		this.detailMes.main = eval("(" + this.detailMes.main + ")")
-							// 	}
-							// }
-
-							// this.Main_List = []
-							// for (let i = 0; i < this.detailMes.main.length; i++) {
-							// 	this.Main_List.push({
-							// 		name: this.detailMes.main[i],
-							// 		value: i,
-							// 	})
-							// }
-
-							this.CSonline()
-
-							// 获取分期信息
-							this.$api
-								.post('api/Typeset/getStagesOnline', {
-									'journal_id': this.detailMes.journal_id
-								})
-								.then(res => {
-									if (res.code == 0) {
-										this.opInstal = res.data.stages;
-
-									} else {
-										this.$message.error(res.msg);
-									}
-								})
-								.catch(err => {
-									this.$message.error(err);
-								});
-
-							// 下载稿件列表
-							this.$api
-								.post('api/Article/getFilesForArticle', {
-									'article_id': this.detailMes.article_id,
-									'type': 'm'
-								})
-								.then(res => {
-									this.gridData = res.data.files[res.data.files.length - 1].file_url
-								})
-								.catch(err => {
-									console.log(err);
-								});
-
-							loading.close()
-
-						} else {
-							this.$message.error(res.msg);
-							loading.close()
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-						loading.close()
-					});
-
-
-
-				// 获取参考文献
-				this.$api
-					.post('api/Production/getReferList', {
-						'p_article_id': this.p_article_id
-					})
-					.then(res => {
-						this.chanFerForm = res.data.refers
-						for (var i = 0; i < this.chanFerForm.length; i++) {
-							this.chanFerForm[i].edit_mark = 1
-							if (this.chanFerForm[i].refer_frag != '') {
-								this.showB_step = 2
-							}
-						}
-					})
-					.catch(err => {
-						console.log(err);
-					});
-
-				// 预览
-				this.$api
-					.post('api/Production/getProductionPreview', {
-						'p_article_id': this.p_article_id
-					})
-					.then(res => {
-						if (res.code == 0) {
-							this.deAuthorYul = res.data.author
-							this.deMesYul = res.data.production
-							this.deMesYul.journal_title = res.data.journal.title
-							let reg = new RegExp('<q>', "g")
-							let reb = new RegExp('</q>', "g")
-							this.deAuthorYul.author = this.deAuthorYul.author.replace(reg, '<sup>');
-							this.deAuthorYul.author = this.deAuthorYul.author.replace(reb,
-								'</sup>,<span style="margin-left:8px"></span>'
-							);
-							let lastIndex = this.deAuthorYul.author.lastIndexOf(',');
-							this.deAuthorYul.author = this.deAuthorYul.author.substring(0, lastIndex) + this
-								.deAuthorYul.author.substring(lastIndex + 1, this.deAuthorYul.author.length);
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-
-			},
-
-			getWorldPdf() {
-				// 可以下载的word列表
-				this.$api
-					.post('api/Production/getArticleFrags', {
-						p_article_id: this.p_article_id
-					})
-					.then(res => {
-						if (res.code == 0) {
-							this.DLfileList = res.data.frags
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-
-			},
-
-			getCount() {
-				// 获取国家列表
-				this.$api
-					.post('api/Admin/getCountrys')
-					.then(res => {
-						this.opCountry = res;
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
-			
-			getAuthorJG() {
-				// 获取作者列表
-				this.$api
-					.post('api/Production/getAuthorlist', this.idform)
-					.then(res => {
-						if (res.code == 0) {
-							this.authorData = res.data.authors;
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-
-				// 获取机构列表
-				this.$api
-					.post('api/Production/getOrganList', this.idform)
-					.then(res => {
-						if (res.code == 0) {
-							this.schoolData = res.data.organs;
-							this.mechanism = res.data.organs;
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
-
-			// 1----时间初始化
-			CSonline() {
-				if (this.detailMes.pub_date != '') {
-					this.detailMes.pubDate = ''
-					let date = this.detailMes.pub_date;
-					let dataM = date.split(" ")[1]
-					let Y = date.substring(date.lastIndexOf("\ ") + 1, date.length);
-					let M = 0
-					let D = date.split(" ")[0]
-					if (dataM == 'January') {
-						M = 1
-					} else if (dataM == 'February') {
-						M = 2
-					} else if (dataM == 'March') {
-						M = 3
-					} else if (dataM == 'April') {
-						M = 4
-					} else if (dataM == 'May') {
-						M = 5
-					} else if (dataM == 'June') {
-						M = 6
-					} else if (dataM == 'July') {
-						M = 7
-					} else if (dataM == 'August') {
-						M = 8
-					} else if (dataM == 'September') {
-						M = 9
-					} else if (dataM == 'October') {
-						M = 10
-					} else if (dataM == 'November') {
-						M = 11
-					} else if (dataM == 'December') {
-						M = 12
-					}
-					this.detailMes.pubDate = Y + '-' + M + '-' + D
-				}
-			},
-
-			// 1----转化日期格式
-			dateBlur(e) {
-				//1
-				this.$forceUpdate()
-				//2、或者自己修改数据监听的最新数据
-				this.itemKey = Math.random()
-				let date = new Date(e);
-				let Y = date.getFullYear();
-				let M = date.getMonth() + 1;
-				let D = date.getDate();
-				if (M == 1) {
-					M = 'January'
-				} else if (M == 2) {
-					M = 'February'
-				} else if (M == 3) {
-					M = 'March'
-				} else if (M == 4) {
-					M = 'April'
-				} else if (M == 5) {
-					M = 'May'
-				} else if (M == 6) {
-					M = 'June'
-				} else if (M == 7) {
-					M = 'July'
-				} else if (M == 8) {
-					M = 'August'
-				} else if (M == 9) {
-					M = 'September'
-				} else if (M == 10) {
-					M = 'October'
-				} else if (M == 11) {
-					M = 'November'
-				} else if (M == 12) {
-					M = 'December'
-				}
-				this.detailMes.pub_date = D + ' ' + M + ' ' + Y
-			},
-
-
-
-			// 1----分期组合格式
-			neYStage(e) {
-				return e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + e.stage_pagename + e.stage_page
-			},
-
-			// 1----保存稿件信息
-			ZsSaveMes() {
-				if (this.detailMes.journal_stage_id == 0) {
-					this.$message.error('Please select an installment!');
-					return
-				}
-				this.$refs.Mes_Form.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Production/editProduction', this.detailMes)
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success(`Successfully save the article!`);
-									this.getData();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-
-			},
-
-
-			// 2----添加作者操作
-			add_Authorclick(index, row) {
-				this.aid = index;
-				this.addAuthor = true;
-			},
-			authorAdd(addFomauthor) {
-				this.$refs.add_Author.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Production/addAuthor', this.addFomauthor)
-							.then(res => {
-								if (res.code == 0) {
-									this.addAuthor = false;
-									this.$refs.add_Author.resetFields();
-									this.addFomauthor.organs = [];
-									this.getAuthorJG();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-			handleCheckedCitiesChange(value) {
-
-			},
-			// 2----编辑作者操作
-			authorhandEdit(index, row) {
-				this.idx = index;
-				this.editFomauthor = Object.assign({}, row);
-				this.editAuthor = true;
-				let xzjg_list = [];
-				for (var i = 0; i < this.editFomauthor.organs.length; i++) {
-					xzjg_list.push(this.editFomauthor.organs[i].p_article_organ_id + '');
-				};
-				this.editFomauthor.organs = xzjg_list;
-			},
-			authorEdit(editFomauthor) {
-				this.$refs.edit_Author.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Production/editAuthor', this.editFomauthor)
-							.then(res => {
-								if (res.code == 0) {
-									this.editAuthor = false;
-									this.$message.success(
-										`Successfully changed the author of line ${this.idx + 1} !`);
-									this.getAuthorJG();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-			// 2----删除作者
-			authorDelete(index, row) {
-				// 二次确认删除
-				this.$confirm('Whether to delete the authors joint and several institutional relationships？', 'Tips', {
-						type: 'warning'
-					})
-					.then(() => {
-						this.$api
-							.post('api/Production/delAuthor', row)
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success('Deletion succeeded!');
-									this.getAuthorJG();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					})
-					.catch(() => {});
-			},
-			// 2----添加机构操作
-			add_Schoolclick(index, row) {
-				this.aid = index;
-				this.addSchool = true;
-			},
-			schoolAdd(addFomschool) {
-				this.$refs.add_School.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Production/addAuthorOrgan', this.addFomschool)
-							.then(res => {
-								if (res.code == 0) {
-									this.addSchool = false;
-									this.$refs.add_School.resetFields();
-									this.getAuthorJG();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-			// 2----编辑机构操作
-			schoolhandEdit(index, row) {
-				this.idx = index;
-				this.editFomschool = Object.assign({}, row);
-				this.editSchool = true;
-			},
-			schoolEdit(editFomschool) {
-				this.$refs.edit_School.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Production/editAuthorOrgan', this.editFomschool)
-							.then(res => {
-								if (res.code == 0) {
-									this.editSchool = false;
-									this.$message.success(
-										`Successfully changed the mechanism of row ${this.idx + 1} !`);
-									this.getAuthorJG();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-			// 2----删除机构
-			schoolDelete(index, row) {
-				// 二次确认删除
-				this.$confirm(
-						'Do you want to delete the author relationship between the organization and its associated authors？',
-						'Tips', {
-							type: 'warning'
-						})
-					.then(() => {
-						this.$api
-							.post('api/Production/delAuthorOrgan', row)
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success('Deletion succeeded!');
-									this.getAuthorJG();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					})
-					.catch(() => {});
-			},
-
-
-
-			// 4----删除MainText
-			MTxtDelet(c, v) {
-				this.Main_List.splice(v, 1)
-			},
-
-			// 4----保存MainText
-			mtxt_save() {
-				let ts_main = []
-				for (let i in this.Main_List) {
-					ts_main.push(this.Main_List[i].name)
-				}
-				ts_main = JSON.stringify(ts_main)
-
-				this.$api
-					.post('api/Production/editMainContent', {
-						'p_article_id': this.p_article_id,
-						'main': ts_main
-					})
-					.then(res => {
-						if (res.code == 0) {
-							this.$message.success('Successfully modified the article body!');
-							this.getData();
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-
-			},
-
-
-
-			//5----参考文献左侧步骤条
-			StepBNext(e) {
-				this.showB_step = e
-			},
-
-			//5----按钮每一步操作
-			StepBOper(e) {
-				if (e == 1) {
-					// 弹出新的页面粘贴DOI
-					window.open(
-						"https://apps.crossref.org/SimpleTextQuery",
-						'_blank',
-						'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
-					)
-				} else if (e == 2) {
-					// 发送转化为标准格式
-					let refAarray_list = []
-					if (this.refAarray != '') {
-						refAarray_list = this.refAarray.split(/[\r\n\r\n]/)
-						for (var i = 0; i < refAarray_list.length; i++) {
-							if (refAarray_list[i] == " " || refAarray_list[i] == "") {
-								refAarray_list.splice(i, 1)
-								i = i - 1
-							}
-							if (refAarray_list[i].indexOf("https://") == 0) {
-								refAarray_list[i - 1] = refAarray_list[i - 1] + refAarray_list[i]
-								refAarray_list.splice(i, 1)
-								i = i - 1
-							}
-						}
-
-						// 参考文献接口
-						this.$api
-							.post('api/Production/freshRefers', {
-								'refers': refAarray_list,
-								'p_article_id': this.p_article_id
-							})
-							.then(res => {
-								if (res.code == 0) {
-									// 获取进度百分比
-									this.refProcess = 1
-									this.refReal = 0
-									let timeRef = setInterval(() => {
-										this.$api
-											.post('api/Production/getFragBF', {
-												'p_article_id': this.p_article_id
-											})
-											.then(res => {
-												if (res.code == 0) {
-													if (res.data.bf < 100) {
-														this.refReal = res.data.bf
-													} else {
-														clearInterval(timeRef)
-														this.refProcess = 0
-														this.$message.success(
-															'Successfully converted to standard format!'
-														);
-														this.changeRefer()
-														this.showB_step = 2
-													}
-												} else {
-													this.refProcess = 0
-													this.$message.error(res.msg);
-												}
-											})
-											.catch(err => {
-												this.refProcess = 0
-												console.log(err);
-											});
-									}, 3000)
-								}
-							})
-							.catch(err => {
-								console.log(err);
-							});
-					} else {
-						this.$message.error('Please fill in the content!');
-					}
-				}
-			},
-
-
-			// 5----数组排序
-			DownNumber(a, b) {
-				return (a > b) ? 1 : -1
-			},
-
-
-			// 5----重新获取加载参考文献
-			changeRefer(val) {
-				this.$api
-					.post('api/Production/getReferList', {
-						'p_article_id': this.p_article_id
-					})
-					.then(res => {
-						this.chanFerForm = res.data.refers
-						for (var i = 0; i < this.chanFerForm.length; i++) {
-							this.chanFerForm[i].edit_mark = 1
-						}
-						console.log(this.chanFerForm)
-					})
-					.catch(err => {
-						console.log(err);
-					});
-			},
-
-
-			// 5----点击修改参考文献
-			referMark(e) {
-				this.chanFerForm[e].edit_mark = 0
-				this.$forceUpdate()
-			},
-
-			// 5----参考文献修改最终结果
-			ChanFerEditFrag(e, v) {
-				e.article_id = this.acticleId
-				this.$api
-					.post('api/Production/editReferFrag', e)
-					.then(res => {
-						if (res.code == 0) {
-							this.$message.success('Successfully modified the standard format!');
-							this.changeRefer(e)
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						console.log(err);
-					});
-			},
-
-			// 5----参考文献向上合并
-			ChanFerMashUp(e) {
-				console.log(e)
-				this.$api
-					.post('api/Production/referHB', e)
-					.then(res => {
-						if (res.code == 0) {
-							this.changeRefer(e)
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						console.log(err);
-					});
-			},
-
-			// 5----进度条颜色
-			customColorMethod(percentage) {
-				if (percentage < 20) {
-					return '#f95f30';
-				} else if (percentage < 40) {
-					return '#f6ac3d';
-				} else if (percentage < 60) {
-					return '#e6a23c';
-				} else if (percentage < 80) {
-					return '#afbd0d';
-				} else {
-					return '#79bd0d';
-				}
-			},
-
-
-
-
-
-			// 6----模板选择
-			select_tem() {
-
-			},
-
-			// 6----创建文章
-			EstaBlish() {
-				this.$api
-					.post('api/Production/checkRefer', {
-						'p_article_id': this.p_article_id,
-					})
-					.then(res => {
-						if (res.code == 0) {
-							const loading = this.$loading({
-								lock: true,
-								text: 'Loading...',
-								spinner: 'el-icon-loading',
-								background: 'rgba(0, 0, 0, 0.7)'
-							});
-
-							this.$api
-								.post('api/Production/doTypeSettingNew', {
-									article_id: this.detailMes.article_id
-								})
-								.then(res => {
-									if (res.code == 0) {
-										this.getWorldPdf();
-										this.$message.success('Successfully generated manuscript!');
-										loading.close();
-									} else {
-										this.$message.error(res.msg);
-										loading.close();
-									}
-								})
-								.catch(err => {
-									this.$message.error(err);
-									loading.close();
-								});
-						} else {
-							this.$message.error(res.msg);
-							return
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-
-
-
-			},
-
-			// 6----修改时间为年月日
-			modifDate(e) {
-				let date = new Date(parseInt(e));
-				let Y = date.getFullYear() + '-';
-				let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
-				let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-				let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
-				let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
-				return Y + M + D + ' ' + H + U;
-			},
-
-			// 6----保存稿件信息
-			ZsSaveAbs() {
-				this.$refs.Abs_Form.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Production/editArticleLast', {
-								'p_article_id': this.detailMes.p_article_id,
-								'abstract': this.detailMes.abstract,
-								'doi': this.detailMes.doi,
-								'pub_date': this.detailMes.pub_date,
-							})
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success(`Successfully save the article!`);
-									this.getData();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-
-			// 6----文件上传
-			beforeupload_UpTy(file) {
-
-			},
-			uperr_UpTy(err) {
-				this.$message.error('upload error');
-			},
-			upSuccess_UpTy(res, file) {
-				if (res.code == 0) {
-					this.UpTypeFile.pdf = 'pdf/' + res.upurl;
-					this.$api
-						.post('api/Production/updateArticlePdf', this.UpTypeFile)
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('Upload PDF succeeded!');
-								this.$refs.uploadUpty.clearFiles();
-								this.UpTypeFile.pdf = '';
-								this.getData();
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				} else {
-					this.$message.error('service error：' + res.msg);
-				}
-			},
-			removefileUpTy(file, fileList) {
-				this.UpTypeFile.pdf = '';
-			},
-			alertlimit() {
-				this.$message.error('The maximum number of uploaded files has been exceeded');
-			},
-
-
-
-			// 7-----等待作者确定
-			TjQdingFirm() {
-				if (this.UpTyFIle == '') {
-					this.$message.error('Please upload PDF first!');
-					return
-				}
-				this.$refs.Mes_Form.validate((valid) => {
-					if (valid) {
-						this.$confirm(
-								'Are you sure to submit to the author for confirmation?',
-								'Tips', {
-									confirmButtonText: 'OK',
-									cancelButtonText: 'Cancel',
-									type: 'warning'
-								})
-							.then(() => {
-								const loading = this.$loading({
-									lock: true,
-									text: 'Loading...',
-									spinner: 'el-icon-loading',
-									background: 'rgba(0, 0, 0, 0.7)'
-								});
-								this.$api
-									.post('api/Production/pushProof', {
-										'p_article_id': this.detailMes.p_article_id
-									})
-									.then(res => {
-										if (res.code == 0) {
-											this.$message.success(
-												'Proof succeeded!');
-											loading.close();
-											localStorage.setItem('U_point', 4)
-											localStorage.setItem('U_pointJour', this.detailMes.journal_id)
-											this.$router.push('/articleListEditor');
-										} else {
-											this.$message.error(res.msg);
-											loading.close();
-										}
-									})
-									.catch(err => {
-										this.$message.error(err);
-										loading.close();
-									});
-							})
-							.catch(() => {});
-
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-
-
-			// 1----上传图片
-			handleAvatarSuccess(res, file) {
-				if (res.code == 0) {
-					this.detailMes.icon = res.upurl;
-				} else {
-					this.$message.error(res.msg);
-				}
-				this.imageUrl = URL.createObjectURL(file.raw);
-			},
-			handleAvatarError(res, file) {
-
-			},
-			beforeAvatarUpload(file) {
-				const isLt2M = file.size / 1024 / 1024 < 1;
-				if (!isLt2M) {
-					this.$message.error('Picture size cannot exceed 1M!');
-				}
-				return isLt2M;
-			},
-
-
-			// 3----上传文件
-			handleChangeF(file, fileList) {
-				if (fileList.length > 0) {
-					this.file_picF = [fileList[fileList.length - 1]]
-				}
-			},
-			handleChange3(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_sub = [fileList[fileList.length - 1]]
-				}
-			},
-			handleChange4(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_sub2 = [fileList[fileList.length - 1]]
-				}
-			},
-			handleChange5(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_Note = [fileList[fileList.length - 1]]
-				}
-			},
-			handleChange6(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_Tex = [fileList[fileList.length - 1]]
-				}
-			},
-			handleChange7(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_Icm = [fileList[fileList.length - 1]]
-				}
-			},
-
-
-			// 3----上传文件
-			handleFileSuccess3(res, file) {
-				if (res.code == 0) {
-					this.$api
-						.post('api/Production/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'SUB',
-							'fileURL': res.upurl
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('SUB File upload succeeded!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileSuccess4(res, file) {
-				if (res.code == 0) {
-					this.$api
-						.post('api/Production/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'SUB2',
-							'fileURL': res.upurl
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('SUB2 File upload succeeded!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileSuccess5(res, file) {
-				if (res.code == 0) {
-					this.$api
-						.post('api/Production/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'endNote',
-							'fileURL': res.upurl
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('EndNote File upload succeeded!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileSuccess6(res, file) {
-				if (res.code == 0) {
-					this.$api
-						.post('api/Production/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'bibTex',
-							'fileURL': res.upurl
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('BibTeX File upload succeeded!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileSuccess7(res, file) {
-				if (res.code == 0) {
-					this.$api
-						.post('api/Production/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'CDF',
-							'fileURL': res.upurl
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('ICMJE DISCLOSURE FORM File upload succeeded!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileError(res, file) {
-
-			},
-			handleRemove(file, fileList) {
-
-			},
-			handlePreview(file) {
-				window.open(file.url);
-			},
-			handleExceed(files, fileList) {
-				this.$message.warning("The current limit is 1 file. Please delete the current file first!");
-			},
-			// 3----删除文件
-			beforeRemove3(file, fileList) {
-				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
-					this.$api
-						.post('master/Article/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'SUB',
-							'fileURL': ''
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('SUB File deleted successfully!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				});
-			},
-			beforeRemove4(file, fileList) {
-				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
-					this.$api
-						.post('master/Article/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'SUB2',
-							'fileURL': ''
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('SUB2 File deleted successfully!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				});
-			},
-			beforeRemove5(file, fileList) {
-				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
-					this.$api
-						.post('master/Article/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'endNote',
-							'fileURL': ''
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('EndNote File deleted successfully!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				});
-			},
-			beforeRemove6(file, fileList) {
-				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
-					this.$api
-						.post('master/Article/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'bibTex',
-							'fileURL': ''
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('BibTeX File deleted successfully!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				});
-			},
-			beforeRemove7(file, fileList) {
-				return this.$confirm(`Are you sure to remove${ file.name }?`).then(() => {
-					this.$api
-						.post('master/Article/editArticleFile', {
-							'p_article_id': this.p_article_id,
-							'filetype': 'CDF',
-							'fileURL': ''
-						})
-						.then(res => {
-							if (res.code == 0) {
-								this.$message.success('ICMJE DISCLOSURE FORM File deleted successfully!');
-								this.getData();
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				});
-			},
-
-			// 富文本编辑器
-			onEditorChange({
-				editor,
-				html,
-				text
-			}) {
-				this.content = html;
-			},
-
-
-			// 点击开始上线显示
-			pushOnline(detailMes) {
-				if (this.authorData.length == 0) {
-					this.$message.error('Please complete the author information!');
-					return
-				}
-				this.$refs.Mes_Form.validate((valid) => {
-					if (valid) {
-						this.onlineVisible = true
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-
-			// 预览列表
-			gOpreviewList() {
-				this.preLisVisible = true
-			},
-
-			// 预览文章
-			gOpreviewArt() {
-				this.preArtVisible = true
-			},
-
-			// 上线
-			gOline() {
-				if (this.UpTyFIle == '') {
-					this.$message.error('Please upload PDF first!');
-					return
-				}
-				// 二次确认
-				this.$confirm(
-						'Are you sure you want to push this manuscript to the official website?',
-						'Tips', {
-							confirmButtonText: 'OK',
-							cancelButtonText: 'Cancel',
-							type: 'warning'
-						})
-					.then(() => {
-						const loading = this.$loading({
-							lock: true,
-							text: 'Loading...',
-							spinner: 'el-icon-loading',
-							background: 'rgba(0, 0, 0, 0.7)'
-						});
-						this.$api
-							.post('api/Production/pushArticleToSystem', {
-								'p_article_id': this.detailMes.p_article_id
-							})
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success(
-										'Creat Online succeeded!');
-									loading.close();
-									localStorage.setItem('U_point', 4)
-									localStorage.setItem('U_pointJour', this.detailMes.journal_id)
-									this.$router.push('/articleListEditor');
-								} else {
-									this.$message.error(res.msg);
-									loading.close();
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-								loading.close();
-							});
-					})
-					.catch(() => {});
-			},
-
-
-			// tab click锚点滚动
-			jumpTab(tab, event) {
-				this.tabClick = event.refName
-				let target = document.querySelector('.scroll-content')
-				// console.log(target)
-				let scrollItems = document.querySelectorAll('.scroll-item')
-				// 判断滚动条是否滚动到底部
-				if (target.scrollHeight <= target.scrollTop + target.clientHeight) {
-					this.tabIndex = tab
-				}
-				let totalY = scrollItems[tab].offsetTop - scrollItems[0]
-					.offsetTop // 锚点元素距离其offsetParent(这里是body)顶部的距离(待滚动的距离)
-				let distance = document.querySelector('.scroll-content').scrollTop // 滚动条距离滚动区域顶部的距离
-				// let distance = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset // 滚动条距离滚动区域顶部的距离(滚动区域为窗口)
-				// 滚动动画实现, 使用setTimeout的递归实现平滑滚动，将距离细分为50小段，10ms滚动一次
-				// 计算每一小段的距离
-				let step = totalY / 50
-				if (totalY > distance) {
-					smoothDown(document.querySelector('.scroll-content'))
-				} else {
-					let newTotal = distance - totalY
-					step = newTotal / 50
-					smoothUp(document.querySelector('.scroll-content'))
-				}
-
-				// 参数element为滚动区域
-				function smoothDown(element) {
-					if (distance < totalY) {
-						distance += step
-						element.scrollTop = distance
-						setTimeout(smoothDown.bind(this, element), 10)
-					} else {
-						element.scrollTop = totalY
-					}
-				}
-
-				// 参数element为滚动区域
-				function smoothUp(element) {
-					if (distance > totalY) {
-						distance -= step
-						element.scrollTop = distance
-						setTimeout(smoothUp.bind(this, element), 10)
-					} else {
-						element.scrollTop = totalY
-					}
-				}
-			},
-
-
-			// 滚动条滚动
-			onScroll(e) {
-				let scrollItems = document.querySelectorAll('.scroll-item')
-				for (let i = scrollItems.length - 1; i >= 0; i--) {
-					// 判断滚动条滚动距离是否大于当前滚动项可滚动距离
-					let judge =
-						e.target.scrollTop >=
-						scrollItems[i].offsetTop - scrollItems[0].offsetTop
-					if (judge) {
-						this.tabIndex = i.toString()
-						// 找对应的tab-name值
-						this.tabName = this.tabsList[this.tabIndex].refName
-						// this.tabClick = this.tabsList[this.tabIndex].refName
-						break
-					}
-				}
-			},
-
-
-			getHight() {
-				this.contentStyleObj.height = window.innerHeight - 120 + 'px'
-				// this.jumpTab(0,this.tabsList[0])
-			},
-		},
-		components: {
-			quillEditor
-		},
-	}
+import 'quill/dist/quill.core.css';
+import 'quill/dist/quill.snow.css';
+import 'quill/dist/quill.bubble.css';
+import { quillEditor } from 'vue-quill-editor';
+import { Loading } from 'element-ui';
+export default {
+    data() {
+        return {
+            baseUrl: this.Common.baseUrl,
+            mediaUrl: this.Common.mediaUrl,
+            p_article_id: this.$route.query.id,
+            idform: {},
+            imageUrl: '',
+            contentStyleObj: {
+                height: '100px'
+            },
+            tabName: 'setOneRef',
+            tabClick: 'setOneRef',
+            tabsList: [
+                {
+                    name: 'Essential Information',
+                    refName: 'setOneRef',
+                    rongCont: 'Improve and check the basic information of the manuscript.'
+                },
+                {
+                    name: 'Author Information',
+                    refName: 'setTwoRef',
+                    rongCont: 'Please fill in the author information.'
+                },
+                {
+                    name: 'Article File',
+                    refName: 'setThreeRef',
+                    rongCont: 'Please upload the article file.'
+                },
+                {
+                    name: 'Reference Conversion',
+                    refName: 'setFourRef',
+                    rongCont: 'Revise, check and complete the references of the manuscript.'
+                },
+                // {
+                // 	name: 'MainText',
+                // 	refName: 'setFiveRef',
+                // 	rongCont: 'Modify the article body.'
+                // },
+                {
+                    name: 'Create Build',
+                    refName: 'setSixRef',
+                    rongCont: 'Create different types of checked manuscripts and download them.'
+                },
+                {
+                    name: 'Proof',
+                    refName: 'setSevenRef',
+                    rongCont: ''
+                }
+            ],
+            detailMes: {
+                type: '',
+                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: [],
+            editAuthor: false,
+            addAuthor: false,
+            editSchool: false,
+            addSchool: false,
+            authorData: [],
+            schoolData: [],
+            addFomauthor: {
+                is_first: '0',
+                is_report: '0',
+                organs: []
+            },
+            editFomauthor: {},
+            addFomschool: {},
+            editFomschool: {},
+            showB_step: 1,
+            chanFerForm: [],
+            refProcess: 0,
+            refReal: 0,
+            refAarray: '',
+            placeRef:
+                'eg:\n[1]Kagabu M, Nagasawa T, Fukagawa D, et al. Immunotherapy for Uterine Cervical Cancer. Healthcare (Basel). 2019 Sep 17;7(3):108. PMID: 31533297; PMCID: PMC6787701.\nhttps://doi.org/10.3390/healthcare7030108\n\n[2]Small W Jr, Bacon MA, Bajaj A, et al. Cervical cancer: A global health crisis. Cancer. 2017 Jul 1;123(13):2404-2412. Epub 2017 May 2. PMID: 28464289.\nhttps://doi.org/10.1002/cncr.30667\n\n[3]Cohen PA, Jhingran A, Oaknin A, et al. Cervical cancer. Lancet. 2019 Jan 12;393(10167):169-182. PMID: 30638582.\nhttps://doi.org/10.1016/S0140-6736(18)32470-X',
+            gridData: '',
+            Main_List: [],
+            file_picF: [],
+            fileL_sub: [],
+            fileL_sub2: [],
+            fileL_Note: [],
+            fileL_Tex: [],
+            fileL_Icm: [],
+            content: '',
+            editorOption: {
+                placeholder: 'Please enter...'
+            },
+            opCountry: [],
+            jour_id_: '',
+            mechanism: [],
+            fol_low: [
+                {
+                    value: 1,
+                    label: 'Default Template'
+                }
+            ],
+            DLfileList: [],
+            UpTyFIle: '',
+            UpTypeFile: {
+                pdf: ''
+            },
+            shuTter: {
+                board: 1
+            },
+            exegesis: "The following contents'<b></b>,<i></i>'are necessary for the generation phase, please do not delete them!!!",
+            onlineVisible: false,
+            preLisVisible: false,
+            preArtVisible: false,
+            preactive: 1,
+
+            deAuthorYul: {},
+            deMesYul: {},
+            rules: {
+                title: [
+                    {
+                        required: true,
+                        message: 'Please enter title',
+                        trigger: 'blur'
+                    }
+                ],
+                npp: [
+                    {
+                        required: true,
+                        message: 'Please enter page',
+                        trigger: 'blur'
+                    }
+                ],
+                journal_stage_id: [
+                    {
+                        required: true,
+                        message: 'Please select stage',
+                        trigger: 'blur'
+                    }
+                ],
+                type: [
+                    {
+                        required: true,
+                        message: 'Please select type',
+                        trigger: 'blur'
+                    }
+                ],
+                icon: [
+                    {
+                        required: true,
+                        message: 'Please select picture',
+                        trigger: 'blur'
+                    }
+                ],
+                abbr: [
+                    {
+                        required: true,
+                        message: 'Please enter abbr',
+                        trigger: 'blur'
+                    }
+                ],
+                tradition_tag: [
+                    {
+                        required: true,
+                        message: 'Please enter tradition tag',
+                        trigger: 'blur'
+                    }
+                ],
+                tradition: [
+                    {
+                        required: true,
+                        message: 'Please enter tradition',
+                        trigger: 'blur'
+                    }
+                ],
+                pubDate: [
+                    {
+                        required: true,
+                        message: 'Please select pubDate',
+                        trigger: 'blur'
+                    }
+                ],
+                doi: [
+                    {
+                        required: true,
+                        message: 'Please enter doi',
+                        trigger: 'blur'
+                    }
+                ],
+                abstract: [
+                    {
+                        required: true,
+                        message: 'Please enter abstract',
+                        trigger: 'blur'
+                    }
+                ],
+                keywords: [
+                    {
+                        required: true,
+                        message: 'Please enter keywords',
+                        trigger: 'blur'
+                    }
+                ],
+                fund: [
+                    {
+                        required: true,
+                        message: 'Please enter Fund',
+                        trigger: 'blur'
+                    }
+                ],
+                acknowledgment: [
+                    {
+                        required: true,
+                        message: 'Please enter acknowledgment',
+                        trigger: 'blur'
+                    }
+                ],
+                abbreviation: [
+                    {
+                        required: true,
+                        message: 'Please enter abbreviation',
+                        trigger: 'blur'
+                    }
+                ],
+                author_contribution: [
+                    {
+                        required: true,
+                        message: 'Please enter author contribution',
+                        trigger: 'blur'
+                    }
+                ],
+                pub_date: [
+                    {
+                        required: true,
+                        message: 'Please enter date',
+                        trigger: 'blur'
+                    }
+                ],
+                first_name: [
+                    {
+                        required: true,
+                        message: 'Please enter author name',
+                        trigger: 'blur'
+                    }
+                ],
+                last_name: [
+                    {
+                        required: true,
+                        message: 'Please enter author name',
+                        trigger: 'blur'
+                    }
+                ],
+                email: [
+                    {
+                        required: true,
+                        message: 'Please enter contact author email',
+                        trigger: 'blur'
+                    }
+                ],
+                author_country: [
+                    {
+                        required: true,
+                        message: 'Please select a country',
+                        trigger: 'blur'
+                    }
+                ],
+                executive_editor: [
+                    {
+                        required: true,
+                        message: 'Please enter the executive editor',
+                        trigger: 'blur'
+                    },
+                    {
+                        pattern: /^[^\u4e00-\u9fa5]*$/,
+                        message: 'Please use English characters only',
+                        trigger: 'blur'
+                    }
+                ],
+                organ_name: [
+                    {
+                        required: true,
+                        message: 'Please enter mechanism',
+                        trigger: 'blur'
+                    }
+                ]
+            }
+        };
+    },
+    created() {
+        this.opMedical = this.$commonJS.opMedicalList();
+        this.getHight();
+        window.addEventListener('resize', this.getHight);
+        this.getData();
+        this.getAuthorJG();
+        this.getCount();
+        this.getWorldPdf();
+    },
+    methods: {
+        getData() {
+            this.idform.p_article_id = this.p_article_id;
+            this.detailMes.p_article_id = this.p_article_id;
+            this.addFomauthor.p_article_id = this.p_article_id;
+            this.addFomschool.p_article_id = this.p_article_id;
+            this.UpTypeFile.p_article_id = this.p_article_id;
+
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+
+            // 获取文章信息
+            this.$api
+                .post('api/Production/getProductionDetail', this.idform)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.detailMes = res.data.production;
+                        this.UpTyFIle = res.data.production.file_pdf;
+
+                        if (res.data.production.icon != '') {
+                            this.imageUrl = this.mediaUrl + 'articleicon/' + res.data.production.icon;
+                        }
+                        if (res.data.production.file_pdf != '') {
+                            this.file_picF = [{}];
+                            this.file_picF[0].name = 'articlePDF';
+                            this.file_picF[0].url = this.mediaUrl + 'articlePDF/' + res.data.production.file_pdf;
+                        }
+                        if (res.data.production.file_sub != '') {
+                            this.fileL_sub = [{}];
+                            this.fileL_sub[0].name = 'articleSUB';
+                            this.fileL_sub[0].url = this.mediaUrl + 'articleSUB/' + res.data.production.file_sub;
+                        }
+                        if (res.data.production.file_sub2 != '') {
+                            this.fileL_sub2 = [{}];
+                            this.fileL_sub2[0].name = 'articleSUB2';
+                            this.fileL_sub2[0].url = this.mediaUrl + 'articleSUB2/' + res.data.production.file_sub2;
+                        }
+                        if (res.data.production.endnote != '') {
+                            this.fileL_Note = [{}];
+                            this.fileL_Note[0].name = 'endNote';
+                            this.fileL_Note[0].url = this.mediaUrl + 'endNote/' + res.data.production.endnote;
+                        }
+                        if (res.data.production.bibtex != '') {
+                            this.fileL_Tex = [{}];
+                            this.fileL_Tex[0].name = 'bibTex';
+                            this.fileL_Tex[0].url = this.mediaUrl + 'bibTex/' + res.data.production.bibtex;
+                        }
+                        if (res.data.production.file_cdf != '') {
+                            this.fileL_Icm = [{}];
+                            this.fileL_Icm[0].name = 'articleCDF';
+                            this.fileL_Icm[0].url = this.mediaUrl + 'articleCDF/' + res.data.production.file_cdf;
+                        }
+
+                        // if (this.detailMes.main != '') {
+                        // 	this.detailMes.main = JSON.parse(this.detailMes.main)
+                        // 	if (typeof(this.detailMes.main) != 'object') {
+                        // 		this.detailMes.main = eval("(" + this.detailMes.main + ")")
+                        // 	}
+                        // }
+
+                        // this.Main_List = []
+                        // for (let i = 0; i < this.detailMes.main.length; i++) {
+                        // 	this.Main_List.push({
+                        // 		name: this.detailMes.main[i],
+                        // 		value: i,
+                        // 	})
+                        // }
+
+                        this.CSonline();
+
+                        // 获取分期信息
+                        this.$api
+                            .post('api/Typeset/getStagesOnline', {
+                                journal_id: this.detailMes.journal_id
+                            })
+                            .then((res) => {
+                                if (res.code == 0) {
+                                    this.opInstal = res.data.stages;
+                                } else {
+                                    this.$message.error(res.msg);
+                                }
+                            })
+                            .catch((err) => {
+                                this.$message.error(err);
+                            });
+
+                        // 下载稿件列表
+                        this.$api
+                            .post('api/Article/getFilesForArticle', {
+                                article_id: this.detailMes.article_id,
+                                type: 'm'
+                            })
+                            .then((res) => {
+                                this.gridData = res.data.files[res.data.files.length - 1].file_url;
+                            })
+                            .catch((err) => {
+                                console.log(err);
+                            });
+
+                        loading.close();
+                    } else {
+                        this.$message.error(res.msg);
+                        loading.close();
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                    loading.close();
+                });
+
+            // 获取参考文献
+            this.$api
+                .post('api/Production/getReferList', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    this.chanFerForm = res.data.refers;
+                    for (var i = 0; i < this.chanFerForm.length; i++) {
+                        this.chanFerForm[i].edit_mark = 1;
+                        if (this.chanFerForm[i].refer_frag != '') {
+                            this.showB_step = 2;
+                        }
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+
+            // 预览
+            this.$api
+                .post('api/Production/getProductionPreview', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.deAuthorYul = res.data.author;
+                        this.deMesYul = res.data.production;
+                        this.deMesYul.journal_title = res.data.journal.title;
+                        let reg = new RegExp('<q>', 'g');
+                        let reb = new RegExp('</q>', 'g');
+                        this.deAuthorYul.author = this.deAuthorYul.author.replace(reg, '<sup>');
+                        this.deAuthorYul.author = this.deAuthorYul.author.replace(reb, '</sup>,<span style="margin-left:8px"></span>');
+                        let lastIndex = this.deAuthorYul.author.lastIndexOf(',');
+                        this.deAuthorYul.author =
+                            this.deAuthorYul.author.substring(0, lastIndex) +
+                            this.deAuthorYul.author.substring(lastIndex + 1, this.deAuthorYul.author.length);
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        getWorldPdf() {
+            // 可以下载的word列表
+            this.$api
+                .post('api/Production/getArticleFrags', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.DLfileList = res.data.frags;
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        getCount() {
+            // 获取国家列表
+            this.$api
+                .post('api/Admin/getCountrys')
+                .then((res) => {
+                    this.opCountry = res;
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        getAuthorJG() {
+            // 获取作者列表
+            this.$api
+                .post('api/Production/getAuthorlist', this.idform)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.authorData = res.data.authors;
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+
+            // 获取机构列表
+            this.$api
+                .post('api/Production/getOrganList', this.idform)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.schoolData = res.data.organs;
+                        this.mechanism = res.data.organs;
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        // 1----时间初始化
+        CSonline() {
+            if (this.detailMes.pub_date != '') {
+                this.detailMes.pubDate = '';
+                let date = this.detailMes.pub_date;
+                let dataM = date.split(' ')[1];
+                let Y = date.substring(date.lastIndexOf('\ ') + 1, date.length);
+                let M = 0;
+                let D = date.split(' ')[0];
+                if (dataM == 'January') {
+                    M = 1;
+                } else if (dataM == 'February') {
+                    M = 2;
+                } else if (dataM == 'March') {
+                    M = 3;
+                } else if (dataM == 'April') {
+                    M = 4;
+                } else if (dataM == 'May') {
+                    M = 5;
+                } else if (dataM == 'June') {
+                    M = 6;
+                } else if (dataM == 'July') {
+                    M = 7;
+                } else if (dataM == 'August') {
+                    M = 8;
+                } else if (dataM == 'September') {
+                    M = 9;
+                } else if (dataM == 'October') {
+                    M = 10;
+                } else if (dataM == 'November') {
+                    M = 11;
+                } else if (dataM == 'December') {
+                    M = 12;
+                }
+                this.detailMes.pubDate = Y + '-' + M + '-' + D;
+            }
+        },
+
+        // 1----转化日期格式
+        dateBlur(e) {
+            //1
+            this.$forceUpdate();
+            //2、或者自己修改数据监听的最新数据
+            this.itemKey = Math.random();
+            let date = new Date(e);
+            let Y = date.getFullYear();
+            let M = date.getMonth() + 1;
+            let D = date.getDate();
+            if (M == 1) {
+                M = 'January';
+            } else if (M == 2) {
+                M = 'February';
+            } else if (M == 3) {
+                M = 'March';
+            } else if (M == 4) {
+                M = 'April';
+            } else if (M == 5) {
+                M = 'May';
+            } else if (M == 6) {
+                M = 'June';
+            } else if (M == 7) {
+                M = 'July';
+            } else if (M == 8) {
+                M = 'August';
+            } else if (M == 9) {
+                M = 'September';
+            } else if (M == 10) {
+                M = 'October';
+            } else if (M == 11) {
+                M = 'November';
+            } else if (M == 12) {
+                M = 'December';
+            }
+            this.detailMes.pub_date = D + ' ' + M + ' ' + Y;
+        },
+
+        // 1----分期组合格式
+        neYStage(e) {
+            return e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + e.stage_pagename + e.stage_page;
+        },
+
+        // 1----保存稿件信息
+        ZsSaveMes() {
+            if (this.detailMes.journal_stage_id == 0) {
+                this.$message.error('Please select an installment!');
+                return;
+            }
+            this.$refs.Mes_Form.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Production/editProduction', this.detailMes)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success(`Successfully save the article!`);
+                                this.getData();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+
+        // 2----添加作者操作
+        add_Authorclick(index, row) {
+            this.aid = index;
+            this.addAuthor = true;
+        },
+        authorAdd(addFomauthor) {
+            this.$refs.add_Author.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Production/addAuthor', this.addFomauthor)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.addAuthor = false;
+                                this.$refs.add_Author.resetFields();
+                                this.addFomauthor.organs = [];
+                                this.getAuthorJG();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        handleCheckedCitiesChange(value) {},
+        // 2----编辑作者操作
+        authorhandEdit(index, row) {
+            this.idx = index;
+            this.editFomauthor = Object.assign({}, row);
+            this.editAuthor = true;
+            let xzjg_list = [];
+            for (var i = 0; i < this.editFomauthor.organs.length; i++) {
+                xzjg_list.push(this.editFomauthor.organs[i].p_article_organ_id + '');
+            }
+            this.editFomauthor.organs = xzjg_list;
+        },
+        authorEdit(editFomauthor) {
+            this.$refs.edit_Author.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Production/editAuthor', this.editFomauthor)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.editAuthor = false;
+                                this.$message.success(`Successfully changed the author of line ${this.idx + 1} !`);
+                                this.getAuthorJG();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        // 2----删除作者
+        authorDelete(index, row) {
+            // 二次确认删除
+            this.$confirm('Whether to delete the authors joint and several institutional relationships？', 'Tips', {
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post('api/Production/delAuthor', row)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('Deletion succeeded!');
+                                this.getAuthorJG();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        // 2----添加机构操作
+        add_Schoolclick(index, row) {
+            this.aid = index;
+            this.addSchool = true;
+        },
+        schoolAdd(addFomschool) {
+            this.$refs.add_School.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Production/addAuthorOrgan', this.addFomschool)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.addSchool = false;
+                                this.$refs.add_School.resetFields();
+                                this.getAuthorJG();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        // 2----编辑机构操作
+        schoolhandEdit(index, row) {
+            this.idx = index;
+            this.editFomschool = Object.assign({}, row);
+            this.editSchool = true;
+        },
+        schoolEdit(editFomschool) {
+            this.$refs.edit_School.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Production/editAuthorOrgan', this.editFomschool)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.editSchool = false;
+                                this.$message.success(`Successfully changed the mechanism of row ${this.idx + 1} !`);
+                                this.getAuthorJG();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        // 2----删除机构
+        schoolDelete(index, row) {
+            // 二次确认删除
+            this.$confirm('Do you want to delete the author relationship between the organization and its associated authors？', 'Tips', {
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post('api/Production/delAuthorOrgan', row)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('Deletion succeeded!');
+                                this.getAuthorJG();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+
+        // 4----删除MainText
+        MTxtDelet(c, v) {
+            this.Main_List.splice(v, 1);
+        },
+
+        // 4----保存MainText
+        mtxt_save() {
+            let ts_main = [];
+            for (let i in this.Main_List) {
+                ts_main.push(this.Main_List[i].name);
+            }
+            ts_main = JSON.stringify(ts_main);
+
+            this.$api
+                .post('api/Production/editMainContent', {
+                    p_article_id: this.p_article_id,
+                    main: ts_main
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.$message.success('Successfully modified the article body!');
+                        this.getData();
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        //5----参考文献左侧步骤条
+        StepBNext(e) {
+            this.showB_step = e;
+        },
+
+        //5----按钮每一步操作
+        StepBOper(e) {
+            if (e == 1) {
+                // 弹出新的页面粘贴DOI
+                window.open(
+                    'https://apps.crossref.org/SimpleTextQuery',
+                    '_blank',
+                    'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
+                );
+            } else if (e == 2) {
+                // 发送转化为标准格式
+                let refAarray_list = [];
+                if (this.refAarray != '') {
+                    refAarray_list = this.refAarray.split(/[\r\n\r\n]/);
+                    for (var i = 0; i < refAarray_list.length; i++) {
+                        if (refAarray_list[i] == ' ' || refAarray_list[i] == '') {
+                            refAarray_list.splice(i, 1);
+                            i = i - 1;
+                        }
+                        if (refAarray_list[i].indexOf('https://') == 0) {
+                            refAarray_list[i - 1] = refAarray_list[i - 1] + refAarray_list[i];
+                            refAarray_list.splice(i, 1);
+                            i = i - 1;
+                        }
+                    }
+
+                    // 参考文献接口
+                    this.$api
+                        .post('api/Production/freshRefers', {
+                            refers: refAarray_list,
+                            p_article_id: this.p_article_id
+                        })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                // 获取进度百分比
+                                this.refProcess = 1;
+                                this.refReal = 0;
+                                let timeRef = setInterval(() => {
+                                    this.$api
+                                        .post('api/Production/getFragBF', {
+                                            p_article_id: this.p_article_id
+                                        })
+                                        .then((res) => {
+                                            if (res.code == 0) {
+                                                if (res.data.bf < 100) {
+                                                    this.refReal = res.data.bf;
+                                                } else {
+                                                    clearInterval(timeRef);
+                                                    this.refProcess = 0;
+                                                    this.$message.success('Successfully converted to standard format!');
+                                                    this.changeRefer();
+                                                    this.showB_step = 2;
+                                                }
+                                            } else {
+                                                this.refProcess = 0;
+                                                this.$message.error(res.msg);
+                                            }
+                                        })
+                                        .catch((err) => {
+                                            this.refProcess = 0;
+                                            console.log(err);
+                                        });
+                                }, 3000);
+                            }
+                        })
+                        .catch((err) => {
+                            console.log(err);
+                        });
+                } else {
+                    this.$message.error('Please fill in the content!');
+                }
+            }
+        },
+
+        // 5----数组排序
+        DownNumber(a, b) {
+            return a > b ? 1 : -1;
+        },
+
+        // 5----重新获取加载参考文献
+        changeRefer(val) {
+            this.$api
+                .post('api/Production/getReferList', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    this.chanFerForm = res.data.refers;
+                    for (var i = 0; i < this.chanFerForm.length; i++) {
+                        this.chanFerForm[i].edit_mark = 1;
+                    }
+                    console.log(this.chanFerForm);
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+
+        // 5----点击修改参考文献
+        referMark(e) {
+            this.chanFerForm[e].edit_mark = 0;
+            this.$forceUpdate();
+        },
+
+        // 5----参考文献修改最终结果
+        ChanFerEditFrag(e, v) {
+            e.article_id = this.acticleId;
+            this.$api
+                .post('api/Production/editReferFrag', e)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.$message.success('Successfully modified the standard format!');
+                        this.changeRefer(e);
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+
+        // 5----参考文献向上合并
+        ChanFerMashUp(e) {
+            console.log(e);
+            this.$api
+                .post('api/Production/referHB', e)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.changeRefer(e);
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+
+        // 5----进度条颜色
+        customColorMethod(percentage) {
+            if (percentage < 20) {
+                return '#f95f30';
+            } else if (percentage < 40) {
+                return '#f6ac3d';
+            } else if (percentage < 60) {
+                return '#e6a23c';
+            } else if (percentage < 80) {
+                return '#afbd0d';
+            } else {
+                return '#79bd0d';
+            }
+        },
+
+        // 6----模板选择
+        select_tem() {},
+
+        // 6----创建文章
+        EstaBlish() {
+            this.$api
+                .post('api/Production/checkRefer', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        const loading = this.$loading({
+                            lock: true,
+                            text: 'Loading...',
+                            spinner: 'el-icon-loading',
+                            background: 'rgba(0, 0, 0, 0.7)'
+                        });
+
+                        this.$api
+                            .post('api/Production/doTypeSettingNew', {
+                                article_id: this.detailMes.article_id
+                            })
+                            .then((res) => {
+                                if (res.code == 0) {
+                                    this.getWorldPdf();
+                                    this.$message.success('Successfully generated manuscript!');
+                                    loading.close();
+                                } else {
+                                    this.$message.error(res.msg);
+                                    loading.close();
+                                }
+                            })
+                            .catch((err) => {
+                                this.$message.error(err);
+                                loading.close();
+                            });
+                    } else {
+                        this.$message.error(res.msg);
+                        return;
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+
+        // 6----修改时间为年月日
+        modifDate(e) {
+            let date = new Date(parseInt(e));
+            let Y = date.getFullYear() + '-';
+            let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+            let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+            let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+            let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+            return Y + M + D + ' ' + H + U;
+        },
+
+        // 6----保存稿件信息
+        ZsSaveAbs() {
+            this.$refs.Abs_Form.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Production/editArticleLast', {
+                            p_article_id: this.detailMes.p_article_id,
+                            abstract: this.detailMes.abstract,
+                            doi: this.detailMes.doi,
+                            pub_date: this.detailMes.pub_date
+                        })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success(`Successfully save the article!`);
+                                this.getData();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+
+        // 6----文件上传
+        beforeupload_UpTy(file) {},
+        uperr_UpTy(err) {
+            this.$message.error('upload error');
+        },
+        upSuccess_UpTy(res, file) {
+            if (res.code == 0) {
+                this.UpTypeFile.pdf = 'pdf/' + res.upurl;
+                this.$api
+                    .post('api/Production/updateArticlePdf', this.UpTypeFile)
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('Upload PDF succeeded!');
+                            this.$refs.uploadUpty.clearFiles();
+                            this.UpTypeFile.pdf = '';
+                            this.getData();
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                this.$message.error('service error：' + res.msg);
+            }
+        },
+        removefileUpTy(file, fileList) {
+            this.UpTypeFile.pdf = '';
+        },
+        alertlimit() {
+            this.$message.error('The maximum number of uploaded files has been exceeded');
+        },
+
+        // 7-----等待作者确定
+        TjQdingFirm() {
+            if (this.UpTyFIle == '') {
+                this.$message.error('Please upload PDF first!');
+                return;
+            }
+            this.$refs.Mes_Form.validate((valid) => {
+                if (valid) {
+                    this.$confirm('Are you sure to submit to the author for confirmation?', 'Tips', {
+                        confirmButtonText: 'OK',
+                        cancelButtonText: 'Cancel',
+                        type: 'warning'
+                    })
+                        .then(() => {
+                            const loading = this.$loading({
+                                lock: true,
+                                text: 'Loading...',
+                                spinner: 'el-icon-loading',
+                                background: 'rgba(0, 0, 0, 0.7)'
+                            });
+                            this.$api
+                                .post('api/Production/pushProof', {
+                                    p_article_id: this.detailMes.p_article_id
+                                })
+                                .then((res) => {
+                                    if (res.code == 0) {
+                                        this.$message.success('Proof succeeded!');
+                                        loading.close();
+                                        localStorage.setItem('U_point', 4);
+                                        localStorage.setItem('U_pointJour', this.detailMes.journal_id);
+                                        this.$router.push('/articleListEditor');
+                                    } else {
+                                        this.$message.error(res.msg);
+                                        loading.close();
+                                    }
+                                })
+                                .catch((err) => {
+                                    this.$message.error(err);
+                                    loading.close();
+                                });
+                        })
+                        .catch(() => {});
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+
+        // 1----上传图片
+        handleAvatarSuccess(res, file) {
+            if (res.code == 0) {
+                this.detailMes.icon = res.upurl;
+            } else {
+                this.$message.error(res.msg);
+            }
+            this.imageUrl = URL.createObjectURL(file.raw);
+        },
+        handleAvatarError(res, file) {},
+        beforeAvatarUpload(file) {
+            const isLt2M = file.size / 1024 / 1024 < 1;
+            if (!isLt2M) {
+                this.$message.error('Picture size cannot exceed 1M!');
+            }
+            return isLt2M;
+        },
+
+        // 3----上传文件
+        handleChangeF(file, fileList) {
+            if (fileList.length > 0) {
+                this.file_picF = [fileList[fileList.length - 1]];
+            }
+        },
+        handleChange3(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_sub = [fileList[fileList.length - 1]];
+            }
+        },
+        handleChange4(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_sub2 = [fileList[fileList.length - 1]];
+            }
+        },
+        handleChange5(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_Note = [fileList[fileList.length - 1]];
+            }
+        },
+        handleChange6(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_Tex = [fileList[fileList.length - 1]];
+            }
+        },
+        handleChange7(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_Icm = [fileList[fileList.length - 1]];
+            }
+        },
+
+        // 3----上传文件
+        handleFileSuccess3(res, file) {
+            if (res.code == 0) {
+                this.$api
+                    .post('api/Production/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'SUB',
+                        fileURL: res.upurl
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('SUB File upload succeeded!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileSuccess4(res, file) {
+            if (res.code == 0) {
+                this.$api
+                    .post('api/Production/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'SUB2',
+                        fileURL: res.upurl
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('SUB2 File upload succeeded!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileSuccess5(res, file) {
+            if (res.code == 0) {
+                this.$api
+                    .post('api/Production/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'endNote',
+                        fileURL: res.upurl
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('EndNote File upload succeeded!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileSuccess6(res, file) {
+            if (res.code == 0) {
+                this.$api
+                    .post('api/Production/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'bibTex',
+                        fileURL: res.upurl
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('BibTeX File upload succeeded!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileSuccess7(res, file) {
+            if (res.code == 0) {
+                this.$api
+                    .post('api/Production/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'CDF',
+                        fileURL: res.upurl
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('ICMJE DISCLOSURE FORM File upload succeeded!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileError(res, file) {},
+        handleRemove(file, fileList) {},
+        handlePreview(file) {
+            window.open(file.url);
+        },
+        handleExceed(files, fileList) {
+            this.$message.warning('The current limit is 1 file. Please delete the current file first!');
+        },
+        // 3----删除文件
+        beforeRemove3(file, fileList) {
+            return this.$confirm(`Are you sure to remove ${file.name}?`).then(() => {
+                this.$api
+                    .post('master/Article/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'SUB',
+                        fileURL: ''
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('SUB File deleted successfully!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            });
+        },
+        beforeRemove4(file, fileList) {
+            return this.$confirm(`Are you sure to remove ${file.name}?`).then(() => {
+                this.$api
+                    .post('master/Article/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'SUB2',
+                        fileURL: ''
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('SUB2 File deleted successfully!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            });
+        },
+        beforeRemove5(file, fileList) {
+            return this.$confirm(`Are you sure to remove ${file.name}?`).then(() => {
+                this.$api
+                    .post('master/Article/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'endNote',
+                        fileURL: ''
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('EndNote File deleted successfully!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            });
+        },
+        beforeRemove6(file, fileList) {
+            return this.$confirm(`Are you sure to remove ${file.name}?`).then(() => {
+                this.$api
+                    .post('master/Article/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'bibTex',
+                        fileURL: ''
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('BibTeX File deleted successfully!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            });
+        },
+        beforeRemove7(file, fileList) {
+            return this.$confirm(`Are you sure to remove${file.name}?`).then(() => {
+                this.$api
+                    .post('master/Article/editArticleFile', {
+                        p_article_id: this.p_article_id,
+                        filetype: 'CDF',
+                        fileURL: ''
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.$message.success('ICMJE DISCLOSURE FORM File deleted successfully!');
+                            this.getData();
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            });
+        },
+
+        // 富文本编辑器
+        onEditorChange({ editor, html, text }) {
+            this.content = html;
+        },
+
+        // 点击开始上线显示
+        pushOnline(detailMes) {
+            if (this.authorData.length == 0) {
+                this.$message.error('Please complete the author information!');
+                return;
+            }
+            this.$refs.Mes_Form.validate((valid) => {
+                if (valid) {
+                    this.onlineVisible = true;
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+
+        // 预览列表
+        gOpreviewList() {
+            this.preLisVisible = true;
+        },
+
+        // 预览文章
+        gOpreviewArt() {
+            this.preArtVisible = true;
+        },
+
+        // 上线
+        gOline() {
+            if (this.UpTyFIle == '') {
+                this.$message.error('Please upload PDF first!');
+                return;
+            }
+            // 二次确认
+            this.$confirm('Are you sure you want to push this manuscript to the official website?', 'Tips', {
+                confirmButtonText: 'OK',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+            })
+                .then(() => {
+                    const loading = this.$loading({
+                        lock: true,
+                        text: 'Loading...',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.7)'
+                    });
+                    this.$api
+                        .post('api/Production/pushArticleToSystem', {
+                            p_article_id: this.detailMes.p_article_id
+                        })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('Creat Online succeeded!');
+                                loading.close();
+                                localStorage.setItem('U_point', 4);
+                                localStorage.setItem('U_pointJour', this.detailMes.journal_id);
+                                this.$router.push('/articleListEditor');
+                            } else {
+                                this.$message.error(res.msg);
+                                loading.close();
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                            loading.close();
+                        });
+                })
+                .catch(() => {});
+        },
+
+        // tab click锚点滚动
+        jumpTab(tab, event) {
+            this.tabClick = event.refName;
+            let target = document.querySelector('.scroll-content');
+            // console.log(target)
+            let scrollItems = document.querySelectorAll('.scroll-item');
+            // 判断滚动条是否滚动到底部
+            if (target.scrollHeight <= target.scrollTop + target.clientHeight) {
+                this.tabIndex = tab;
+            }
+            let totalY = scrollItems[tab].offsetTop - scrollItems[0].offsetTop; // 锚点元素距离其offsetParent(这里是body)顶部的距离(待滚动的距离)
+            let distance = document.querySelector('.scroll-content').scrollTop; // 滚动条距离滚动区域顶部的距离
+            // let distance = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset // 滚动条距离滚动区域顶部的距离(滚动区域为窗口)
+            // 滚动动画实现, 使用setTimeout的递归实现平滑滚动，将距离细分为50小段，10ms滚动一次
+            // 计算每一小段的距离
+            let step = totalY / 50;
+            if (totalY > distance) {
+                smoothDown(document.querySelector('.scroll-content'));
+            } else {
+                let newTotal = distance - totalY;
+                step = newTotal / 50;
+                smoothUp(document.querySelector('.scroll-content'));
+            }
+
+            // 参数element为滚动区域
+            function smoothDown(element) {
+                if (distance < totalY) {
+                    distance += step;
+                    element.scrollTop = distance;
+                    setTimeout(smoothDown.bind(this, element), 10);
+                } else {
+                    element.scrollTop = totalY;
+                }
+            }
+
+            // 参数element为滚动区域
+            function smoothUp(element) {
+                if (distance > totalY) {
+                    distance -= step;
+                    element.scrollTop = distance;
+                    setTimeout(smoothUp.bind(this, element), 10);
+                } else {
+                    element.scrollTop = totalY;
+                }
+            }
+        },
+
+        // 滚动条滚动
+        onScroll(e) {
+            let scrollItems = document.querySelectorAll('.scroll-item');
+            for (let i = scrollItems.length - 1; i >= 0; i--) {
+                // 判断滚动条滚动距离是否大于当前滚动项可滚动距离
+                let judge = e.target.scrollTop >= scrollItems[i].offsetTop - scrollItems[0].offsetTop;
+                if (judge) {
+                    this.tabIndex = i.toString();
+                    // 找对应的tab-name值
+                    this.tabName = this.tabsList[this.tabIndex].refName;
+                    // this.tabClick = this.tabsList[this.tabIndex].refName
+                    break;
+                }
+            }
+        },
+
+        getHight() {
+            this.contentStyleObj.height = window.innerHeight - 120 + 'px';
+            // this.jumpTab(0,this.tabsList[0])
+        }
+    },
+    components: {
+        quillEditor
+    }
+};
 </script>
 
 <style>
-	.handle-box {
-		margin-bottom: 20px;
-	}
-
-	.title_header {
-		margin-bottom: 20px;
-	}
-
-	.tab_post {
-		background-color: #fafafa;
-		position: absolute;
-		left: 25px;
-		top: 60px;
-		width: 220px;
-		z-index: 50;
-	}
-
-	.tab_post>div {
-		margin-bottom: 30px;
-		cursor: pointer;
-		position: relative;
-	}
-
-	.tab_post>div h5 {
-		padding: 10px 10px 0 0;
-		margin-bottom: 5px;
-		border-radius: 10px;
-		font-size: 16px;
-		color: #333;
-		font-weight: bold;
-		letter-spacing: -0.6px;
-	}
-
-	.tab_post>div h5 span {
-		border: 2px solid #333;
-		padding: 0 7px;
-		margin: 0 5px 0 0;
-		border-radius: 15px;
-		font-size: 12px;
-		display: inline-block;
-	}
-
-	.tab_post>div p {
-		margin: 0 20px 0 33px;
-		color: #999;
-		font-size: 14px;
-		line-height: 18px;
-	}
-
-	.tab_post>div .line {
-		top: 50px;
-		left: 11px;
-		bottom: -25px;
-		position: absolute;
-		border: 1px dashed #999;
-	}
-
-
-	.tab_post>div:nth-child(6) .line {
-		border: none;
-	}
-
-	.tab_post>div.P_style h5 {
-		color: #006699;
-	}
-
-	.tab_post>div.P_style h5 span {
-		background-color: #006699;
-		border: 2px solid #006699;
-		color: #fff;
-	}
-
-	.tab_post>div.P_style p {
-		color: #333;
-	}
-
-	.tab_post>div.P_style .line {
-		/* border-color: #006699; */
-	}
-
-
-
-
-
-	.scroll-item {
-		margin: 0 30px 50px 255px;
-	}
-
-	.bor_style_onli {
-		border: 2px solid #0066991a;
-		background-color: #fff;
-		border-radius: 5px;
-		padding: 20px;
-	}
-
-	.bor_style_onli>h4 {
-		margin: 0 0 20px 0;
-		letter-spacing: -0.5px;
-	}
-
-
-	.captcha-img.el-switch.is-disabled {
-		opacity: 1;
-	}
-
-	.captcha-img.el-switch.is-disabled .el-switch__core {
-		cursor: pointer;
-	}
-
-	.message-title {
-		cursor: pointer;
-	}
-
-
-
-	.guanSty {
-		min-width: 1000px;
-	}
-
-	.guanSty .quill-editor {
-		margin-bottom: 20px;
-		/* height: 200px; */
-	}
-
-	.guanSty .ql-toolbar {
-		border: 1px solid #DCDFE6 !important;
-	}
-
-	.guanSty .ql-container {
-		min-height: 100px !important;
-		border: 1px solid #DCDFE6 !important;
-	}
-
-	.guanSty .ql-editor {
-		height: 100px;
-	}
-
-	.guanSty .upload-demo .el-upload {
-		width: 55px;
-		float: left;
-		margin-left: 5px;
-		border: none;
-		text-align: left;
-		height: 35px;
-	}
-
-	.guanSty .el-upload-list {
-		margin-top: 4px;
-		margin-left: 20px;
-		float: left;
-		width: 35px;
-	}
-
-	.guanSty .el-upload-list .el-upload-list__item {
-		width: 30px !important;
-	}
-
-	.guanSty .el-upload-list .el-upload-list__item:hover {
-		cursor: pointer;
-	}
-
-	.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-name {
-		width: 30px;
-	}
-
-	.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
-		display: none;
-	}
-
-	.guanSty .el-upload-list__item:hover .el-icon-close {
-		display: none;
-	}
-
-
-	.guanSty .avatar-uploader .el-upload {
-		border: 1px dashed #d9d9d9;
-		border-radius: 6px;
-		cursor: pointer;
-		position: relative;
-		overflow: hidden;
-		width: 140px;
-		height: 140px;
-	}
-
-	.guanSty .avatar-uploader .el-upload:hover {
-		border-color: #409EFF;
-	}
-
-	.guanSty .avatar-uploader-icon {
-		font-size: 28px;
-		color: #8c939d;
-		width: 140px;
-		height: 140px;
-		line-height: 140px;
-		text-align: center;
-	}
-
-	.guanSty .avatar {
-		width: 140px;
-		height: 140px;
-		display: block;
-	}
-
-	.guanSty .upload-demo .el-upload-list__item:first-child {
-		margin-top: 0;
-		width: 300px;
-	}
-
-	.suoshu_jigou .el-checkbox__label {
-		white-space: normal;
-	}
-
-	.suoshu_jigou .el-checkbox__input {
-		vertical-align: top;
-		margin-top: 8px;
-	}
-
-
-
-	.liter_ture {
-		position: relative;
-		margin-top: 30px;
-	}
-
-	.chanSelLef {
-		float: left;
-		width: 30%;
-		margin: 0 50px 0 0;
-	}
-
-	.chanSelLef>p {
-		font-size: 14px;
-		color: #333;
-		margin: 10px 0 30px 0;
-		line-height: 22px;
-	}
-
-	.chanSelLef>div {
-		margin: 0 0 20px 0;
-	}
-
-
-
-	.chanSelLef>div>h3 {
-		font-size: 14px;
-		letter-spacing: -0.5px;
-		color: #999;
-	}
-
-	.chanSelLef>div>h3:hover {
-		/* text-decoration: underline; */
-	}
-
-	.chanSelLef>div>h3>span {
-		color: #fff;
-		background-color: #999;
-		padding: 2px 6px;
-		margin: 0 10px 0 0;
-	}
-
-	.chanSelLef>div>div>p {
-		font-size: 14px;
-		color: #333;
-		margin: 10px 0 0 32px;
-		line-height: 24px;
-	}
-
-	.chanSelLef>div.C_style>h3 {
-		color: #006699;
-
-	}
-
-	.chanSelLef>div.C_style>h3>span {
-		background-color: #006699;
-	}
-
-	.chanFerAll {
-		float: left;
-		position: relative;
-		width: 61.5%;
-	}
-
-	.chanFerAll .chanFerBtn {
-		cursor: pointer;
-	}
-
-	.chanFerAll .ref_list:nth-child(2n) {}
-
-	.chanFerAll .ref_list:nth-child(2n+1) {
-		background-color: #ecf5ff;
-	}
-
-	.ref_list {
-		padding: 20px;
-		position: relative;
-	}
-
-	.ref_list>b {
-		position: absolute;
-		top: 5px;
-		left: 10px;
-		font-size: 12px;
-	}
-
-	.ref_list>i {
-		position: absolute;
-		top: 10px;
-		right: 10px;
-		font-size: 16px;
-		color: #006699;
-		cursor: pointer;
-	}
-
-	.ref_list>div:nth-child(1) {
-		margin: 0 0 15px 0;
-	}
-
-	.ref_list>div:nth-child(1) input {}
-
-	.ref_list>div:nth-child(1) button {
-		float: right;
-	}
-
-	.ref_list>div:nth-child(2) {
-		margin: 0 0 15px 0;
-	}
-
-	.ref_list>div.BG_yell {
-		background-color: #fdf3e3;
-		padding: 15px 0;
-	}
-
-	.RefProBar {
-		position: absolute;
-		background: rgba(0, 0, 0, 0.7);
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-	}
-
-	.RefProBar>div {
-		width: 76%;
-		position: absolute;
-		top: 40%;
-		left: 12%;
-	}
-
-	.RefProBar>div>p {
-		color: #fff;
-		margin: 20px 0 0 0;
-	}
-
-	.RefProBar>div>p>img {
-		width: 30px;
-		vertical-align: middle;
-		margin: 0 10px 0 5px;
-	}
-
-	.RefProBar>div>p>span {
-		font-size: 18px;
-	}
-
-	.upload-demo_6 {
-		overflow: auto;
-	}
-
-	.upload-demo_6 .el-upload {
-		margin-left: 0 !important;
-		width: 150px !important;
-		height: auto !important;
-		text-align: center !important;
-	}
-
-	.upload-demo_6 .el-upload__tip {
-		margin-left: 15px;
-		float: left;
-	}
-
-	.typeA_MTxt>div>div {
-		position: relative;
-		border-bottom: 1px solid #d6e5ec;
-		padding: 10px 0 12px 0;
-	}
-
-	.typeA_MTxt>div>div .el-button {
-		position: absolute;
-		right: 5px;
-		top: -1px;
-	}
-
-	.typeA_MTxt>h5 {
-		margin: 25px 0 15px 0;
-		line-height: 18px;
-		font-size: 13px;
-		color: #bbb;
-		font-weight: 400;
-	}
-
-	.bor_style_onli .load_pdf {
-		margin-bottom: 20px;
-	}
-
-	.bor_style_onli .load_pdf>img {
-		vertical-align: sub;
-		margin: 0 15px 0 0;
-	}
-
-	.bor_style_onli .load_pdf a i:hover {
-		color: #006699 !important;
-		transform: scale(1.3);
-	}
-
-
-	.con_firm {
-		font-size: 14px;
-		line-height: 28px;
-	}
-
-	.con_firm b {
-		margin-left: 5px;
-	}
-
-	.con_firm i {
-		font-size: 18px;
-		margin-right: 5px;
-		vertical-align: text-bottom;
-	}
-
-	.aMesage {
-		font-size: 14px;
-		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
-		word-break: break-all;
-	}
-
-	.aMes_typ {
-		line-height: 35px;
-		border-bottom: 1px solid #f1f1f1;
-		color: #7f0202;
-		font-weight: bold;
-	}
-
-	.aMes_tit {
-		color: #222;
-		font-weight: bold;
-		margin-top: 8px;
-		line-height: 20px;
-		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
-	}
-
-	.aMes_autor {
-		margin-top: 5px;
-		font-size: 15px;
-		font-family: Calibri;
-	}
-
-	.aMes_doi {
-		margin-top: 8px;
-	}
-
-	.aMes_doi span {
-		margin-left: 20px;
-	}
-
-	.aMes_asbimg {
-		margin-top: 20px;
-
-	}
-
-	.aMes_asbimg img {
-		float: left;
-		width: 290px;
-	}
-
-	.aMes_asbimg div {
-		float: left;
-		font-family: Calibri;
-		width: 430px;
-		padding-left: 30px;
-	}
-
-	.aArticle {
-		font-size: 14px;
-		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
-		word-break: break-all;
-	}
-
-	.aArt_doi {}
-
-	.aArt_tit {
-		font-size: 16px;
-		color: #333333;
-		font-weight: bold;
-		margin: 20px 0 15px 0;
-		line-height: 24px;
-	}
-
-	.aArt_autor {
-		margin-top: 5px;
-		font-size: 15px;
-		font-family: Calibri;
-	}
-
-	.aArt_autor img {
-		width: 13px;
-		margin-left: 3px;
-	}
-
-	.aArt_jigou {
-		margin-top: 10px;
-		line-height: 20px;
-		font-family: Calibri;
-	}
-
-	.aArt_abst {
-		margin-top: 30px;
-	}
-
-	.aArt_abst div {
-		border-bottom: 1px solid #ddd;
-		margin-bottom: 20px;
-	}
-
-	.aArt_abst div b {
-		font-weight: normal;
-		display: inline-block;
-		padding: 8px 10px;
-		border: 1px solid transparent;
-		margin-bottom: -1px;
-		border-radius: 4px 4px 0 0;
-		cursor: pointer;
-	}
-
-	.aArt_abst div b.Tab_col {
-		border: 1px solid #ddd;
-		border-bottom-color: #fff;
-	}
-
-	.aArt_abst>p {
-		margin: 25px 10px 0 10px;
-		text-align: justify;
-		color: #444;
-		font-size: 15px;
-		line-height: 1.4;
-	}
+.handle-box {
+    margin-bottom: 20px;
+}
+
+.title_header {
+    margin-bottom: 20px;
+}
+
+.tab_post {
+    background-color: #fafafa;
+    position: absolute;
+    left: 25px;
+    top: 60px;
+    width: 220px;
+    z-index: 50;
+}
+
+.tab_post > div {
+    margin-bottom: 30px;
+    cursor: pointer;
+    position: relative;
+}
+
+.tab_post > div h5 {
+    padding: 10px 10px 0 0;
+    margin-bottom: 5px;
+    border-radius: 10px;
+    font-size: 16px;
+    color: #333;
+    font-weight: bold;
+    letter-spacing: -0.6px;
+}
+
+.tab_post > div h5 span {
+    border: 2px solid #333;
+    padding: 0 7px;
+    margin: 0 5px 0 0;
+    border-radius: 15px;
+    font-size: 12px;
+    display: inline-block;
+}
+
+.tab_post > div p {
+    margin: 0 20px 0 33px;
+    color: #999;
+    font-size: 14px;
+    line-height: 18px;
+}
+
+.tab_post > div .line {
+    top: 50px;
+    left: 11px;
+    bottom: -25px;
+    position: absolute;
+    border: 1px dashed #999;
+}
+
+.tab_post > div:nth-child(6) .line {
+    border: none;
+}
+
+.tab_post > div.P_style h5 {
+    color: #006699;
+}
+
+.tab_post > div.P_style h5 span {
+    background-color: #006699;
+    border: 2px solid #006699;
+    color: #fff;
+}
+
+.tab_post > div.P_style p {
+    color: #333;
+}
+
+.tab_post > div.P_style .line {
+    /* border-color: #006699; */
+}
+
+.scroll-item {
+    margin: 0 30px 50px 255px;
+}
+
+.bor_style_onli {
+    border: 2px solid #0066991a;
+    background-color: #fff;
+    border-radius: 5px;
+    padding: 20px;
+}
+
+.bor_style_onli > h4 {
+    margin: 0 0 20px 0;
+    letter-spacing: -0.5px;
+}
+
+.captcha-img.el-switch.is-disabled {
+    opacity: 1;
+}
+
+.captcha-img.el-switch.is-disabled .el-switch__core {
+    cursor: pointer;
+}
+
+.message-title {
+    cursor: pointer;
+}
+
+.guanSty {
+    min-width: 1000px;
+}
+
+.guanSty .quill-editor {
+    margin-bottom: 20px;
+    /* height: 200px; */
+}
+
+.guanSty .ql-toolbar {
+    border: 1px solid #dcdfe6 !important;
+}
+
+.guanSty .ql-container {
+    min-height: 100px !important;
+    border: 1px solid #dcdfe6 !important;
+}
+
+.guanSty .ql-editor {
+    height: 100px;
+}
+
+.guanSty .upload-demo .el-upload {
+    width: 55px;
+    float: left;
+    margin-left: 5px;
+    border: none;
+    text-align: left;
+    height: 35px;
+}
+
+.guanSty .el-upload-list {
+    margin-top: 4px;
+    margin-left: 20px;
+    float: left;
+    width: 35px;
+}
+
+.guanSty .el-upload-list .el-upload-list__item {
+    width: 30px !important;
+}
+
+.guanSty .el-upload-list .el-upload-list__item:hover {
+    cursor: pointer;
+}
+
+.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-name {
+    width: 30px;
+}
+
+.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
+    display: none;
+}
+
+.guanSty .el-upload-list__item:hover .el-icon-close {
+    display: none;
+}
+
+.guanSty .avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 140px;
+    height: 140px;
+}
+
+.guanSty .avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+}
+
+.guanSty .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 140px;
+    height: 140px;
+    line-height: 140px;
+    text-align: center;
+}
+
+.guanSty .avatar {
+    width: 140px;
+    height: 140px;
+    display: block;
+}
+
+.guanSty .upload-demo .el-upload-list__item:first-child {
+    margin-top: 0;
+    width: 300px;
+}
+
+.suoshu_jigou .el-checkbox__label {
+    white-space: normal;
+}
+
+.suoshu_jigou .el-checkbox__input {
+    vertical-align: top;
+    margin-top: 8px;
+}
+
+.liter_ture {
+    position: relative;
+    margin-top: 30px;
+}
+
+.chanSelLef {
+    float: left;
+    width: 30%;
+    margin: 0 50px 0 0;
+}
+
+.chanSelLef > p {
+    font-size: 14px;
+    color: #333;
+    margin: 10px 0 30px 0;
+    line-height: 22px;
+}
+
+.chanSelLef > div {
+    margin: 0 0 20px 0;
+}
+
+.chanSelLef > div > h3 {
+    font-size: 14px;
+    letter-spacing: -0.5px;
+    color: #999;
+}
+
+.chanSelLef > div > h3:hover {
+    /* text-decoration: underline; */
+}
+
+.chanSelLef > div > h3 > span {
+    color: #fff;
+    background-color: #999;
+    padding: 2px 6px;
+    margin: 0 10px 0 0;
+}
+
+.chanSelLef > div > div > p {
+    font-size: 14px;
+    color: #333;
+    margin: 10px 0 0 32px;
+    line-height: 24px;
+}
+
+.chanSelLef > div.C_style > h3 {
+    color: #006699;
+}
+
+.chanSelLef > div.C_style > h3 > span {
+    background-color: #006699;
+}
+
+.chanFerAll {
+    float: left;
+    position: relative;
+    width: 61.5%;
+}
+
+.chanFerAll .chanFerBtn {
+    cursor: pointer;
+}
+
+.chanFerAll .ref_list:nth-child(2n) {
+}
+
+.chanFerAll .ref_list:nth-child(2n + 1) {
+    background-color: #ecf5ff;
+}
+
+.ref_list {
+    padding: 20px;
+    position: relative;
+}
+
+.ref_list > b {
+    position: absolute;
+    top: 5px;
+    left: 10px;
+    font-size: 12px;
+}
+
+.ref_list > i {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 16px;
+    color: #006699;
+    cursor: pointer;
+}
+
+.ref_list > div:nth-child(1) {
+    margin: 0 0 15px 0;
+}
+
+.ref_list > div:nth-child(1) input {
+}
+
+.ref_list > div:nth-child(1) button {
+    float: right;
+}
+
+.ref_list > div:nth-child(2) {
+    margin: 0 0 15px 0;
+}
+
+.ref_list > div.BG_yell {
+    background-color: #fdf3e3;
+    padding: 15px 0;
+}
+
+.RefProBar {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.7);
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.RefProBar > div {
+    width: 76%;
+    position: absolute;
+    top: 40%;
+    left: 12%;
+}
+
+.RefProBar > div > p {
+    color: #fff;
+    margin: 20px 0 0 0;
+}
+
+.RefProBar > div > p > img {
+    width: 30px;
+    vertical-align: middle;
+    margin: 0 10px 0 5px;
+}
+
+.RefProBar > div > p > span {
+    font-size: 18px;
+}
+
+.upload-demo_6 {
+    overflow: auto;
+}
+
+.upload-demo_6 .el-upload {
+    margin-left: 0 !important;
+    width: 150px !important;
+    height: auto !important;
+    text-align: center !important;
+}
+
+.upload-demo_6 .el-upload__tip {
+    margin-left: 15px;
+    float: left;
+}
+
+.typeA_MTxt > div > div {
+    position: relative;
+    border-bottom: 1px solid #d6e5ec;
+    padding: 10px 0 12px 0;
+}
+
+.typeA_MTxt > div > div .el-button {
+    position: absolute;
+    right: 5px;
+    top: -1px;
+}
+
+.typeA_MTxt > h5 {
+    margin: 25px 0 15px 0;
+    line-height: 18px;
+    font-size: 13px;
+    color: #bbb;
+    font-weight: 400;
+}
+
+.bor_style_onli .load_pdf {
+    margin-bottom: 20px;
+}
+
+.bor_style_onli .load_pdf > img {
+    vertical-align: sub;
+    margin: 0 15px 0 0;
+}
+
+.bor_style_onli .load_pdf a i:hover {
+    color: #006699 !important;
+    transform: scale(1.3);
+}
+
+.con_firm {
+    font-size: 14px;
+    line-height: 28px;
+}
+
+.con_firm b {
+    margin-left: 5px;
+}
+
+.con_firm i {
+    font-size: 18px;
+    margin-right: 5px;
+    vertical-align: text-bottom;
+}
+
+.aMesage {
+    font-size: 14px;
+    font-family: 'Helvetica Neue', Helvetica, Georgia, sans-serif;
+    word-break: break-all;
+}
+
+.aMes_typ {
+    line-height: 35px;
+    border-bottom: 1px solid #f1f1f1;
+    color: #7f0202;
+    font-weight: bold;
+}
+
+.aMes_tit {
+    color: #222;
+    font-weight: bold;
+    margin-top: 8px;
+    line-height: 20px;
+    font-family: 'Helvetica Neue', Helvetica, Georgia, sans-serif;
+}
+
+.aMes_autor {
+    margin-top: 5px;
+    font-size: 15px;
+    font-family: Calibri;
+}
+
+.aMes_doi {
+    margin-top: 8px;
+}
+
+.aMes_doi span {
+    margin-left: 20px;
+}
+
+.aMes_asbimg {
+    margin-top: 20px;
+}
+
+.aMes_asbimg img {
+    float: left;
+    width: 290px;
+}
+
+.aMes_asbimg div {
+    float: left;
+    font-family: Calibri;
+    width: 430px;
+    padding-left: 30px;
+}
+
+.aArticle {
+    font-size: 14px;
+    font-family: 'Helvetica Neue', Helvetica, Georgia, sans-serif;
+    word-break: break-all;
+}
+
+.aArt_doi {
+}
+
+.aArt_tit {
+    font-size: 16px;
+    color: #333333;
+    font-weight: bold;
+    margin: 20px 0 15px 0;
+    line-height: 24px;
+}
+
+.aArt_autor {
+    margin-top: 5px;
+    font-size: 15px;
+    font-family: Calibri;
+}
+
+.aArt_autor img {
+    width: 13px;
+    margin-left: 3px;
+}
+
+.aArt_jigou {
+    margin-top: 10px;
+    line-height: 20px;
+    font-family: Calibri;
+}
+
+.aArt_abst {
+    margin-top: 30px;
+}
+
+.aArt_abst div {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 20px;
+}
+
+.aArt_abst div b {
+    font-weight: normal;
+    display: inline-block;
+    padding: 8px 10px;
+    border: 1px solid transparent;
+    margin-bottom: -1px;
+    border-radius: 4px 4px 0 0;
+    cursor: pointer;
+}
+
+.aArt_abst div b.Tab_col {
+    border: 1px solid #ddd;
+    border-bottom-color: #fff;
+}
+
+.aArt_abst > p {
+    margin: 25px 10px 0 10px;
+    text-align: justify;
+    color: #444;
+    font-size: 15px;
+    line-height: 1.4;
+}
 </style>
diff --git a/src/components/page/components/Tinymce/index.vue b/src/components/page/components/Tinymce/index.vue
index 0fecb1f..e563ec7 100644
--- a/src/components/page/components/Tinymce/index.vue
+++ b/src/components/page/components/Tinymce/index.vue
@@ -5,14 +5,19 @@
 </template>
 <script>
 import { string } from 'html-docx-js/dist/html-docx';
+import axios from 'axios';
 import htmlDocx from 'html-docx-js/dist/html-docx.js';
 import { Document, Packer, PageOrientation, Paragraph, TextRun } from 'docx'; // 引入 docx.js
 import html2canvas from 'html2canvas';
-
-const tableStyle = `*{
-    font-family: 'Charis SIL';
-}
- b span{
+import { extractHexImagesFromRTF, hexToBlob } from '@/utils/rtfParser';
+const tableStyle = `
+                        .word-img-placeholder {
+                            background: #f0f0f0 ;
+                        }
+                        *{
+                            font-family: 'Charis SIL';
+                        }
+                        b span{
                             font-weight: bold !important;
                         }
                         i span{
@@ -62,7 +67,6 @@ const tableStyle = `*{
                             mos-line-height: 20px !important;
                         }
                         table tbody tr td{
-
                             text-align:left !important;
                             border-left:none !important;
                             mso-border-left-alt:none !important;
@@ -181,6 +185,17 @@ export default {
         wordStyle: {
             type: String,
             default: ''
+        },
+        valid_elements: {
+            type: String,
+            default: ''
+        },
+        tinymceOtherInit: {
+            type: Object,
+            default: () => ({})
+        },
+        articleId: {
+            default: ''
         }
     },
     data() {
@@ -301,101 +316,97 @@ export default {
         generateUniqueId() {
             return 'wmath-' + Math.random().toString(36).substr(2, 9);
         },
+        // 同步将 Hex 字符串转为 Base64
+        hexToBase64Sync(hex, mimeType) {
+            try {
+                // 将 Hex 字符串转为字节数组
+                const bytes = new Uint8Array(hex.match(/.{1,2}/g).map((byte) => parseInt(byte, 16)));
+
+                // 同步转为二进制字符串
+                let binary = '';
+                for (let i = 0; i < bytes.byteLength; i++) {
+                    binary += String.fromCharCode(bytes[i]);
+                }
+
+                // 使用 window.btoa 生成 base64
+                return `data:${mimeType};base64,${window.btoa(binary)}`;
+            } catch (e) {
+                console.error('Hex to Base64 conversion failed', e);
+                return '';
+            }
+        },
+        // 按照你要求的 XMLHttpRequest 格式编写
+        uploadSingleImage(base64Data, index) {
+            const _this = this;
+            //转为 Blob
+            const blob = _this.dataURLtoBlob(base64Data);
+            const xhr = new XMLHttpRequest();
+            const formData = new FormData();
+            // 按照你截图中的参数名，这里假设是 'file'
+            formData.append('mainImage', blob, `word_img_${index}.png`);
+            formData.append('article_id', this.articleId);
+            xhr.withCredentials = false;
+            xhr.open('POST', _this.baseUrl + 'api/Preaccept/up_img_mainImage');
+            xhr.onload = function () {
+                if (xhr.status !== 200) {
+                    console.error('HTTP Error: ' + xhr.status);
+                    return;
+                }
+                try {
+                    const json = JSON.parse(xhr.responseText);
+                    if (json.code === 0) {
+                        // 2. 拼接服务器返回的 URL
+                        const finalUrl = _this.mediaUrl + 'articleImage/' + json.data.upurl;
+                        // 3. 找到对应的加载中占位图并替换
+                        const doc = tinymce.activeEditor.getDoc();
+                        const placeholder = doc.querySelector(`img[data-idx="${index}"]`);
+                        if (placeholder) {
+                            placeholder.src = finalUrl;
+                            placeholder.removeAttribute('data-idx'); // 任务完成，移除标记
+                        }
+                    }
+                } catch (e) {
+                    console.error('解析响应失败', e);
+                }
+            };
+
+            xhr.send(formData);
+        },
+
+        // 辅助工具：Base64 转 Blob
+        dataURLtoBlob(dataurl) {
+            const arr = dataurl.split(','),
+                mime = arr[0].match(/:(.*?);/)[1],
+                bstr = atob(arr[1]);
+            let n = bstr.length;
+            const u8arr = new Uint8Array(n);
+            while (n--) {
+                u8arr[n] = bstr.charCodeAt(n);
+            }
+            return new Blob([u8arr], { type: mime });
+        },
         initTinymce() {
+            let globalImgCounter = 0; // 放在 init 闭包内，确保计数器持续增长
+            let currentPasteBase64Images = [];
             var _this = this;
             window.tinymce.init({
+                ..._this.tinymceOtherInit,
                 inline: false, // 使用 iframe 模式
                 selector: `#${this.tinymceId}`,
                 // noneditable_regexp: "/<wmath>.*?<\/wmath>/g",
                 content_css: false, // 禁用默认样式
                 table_resize_bars: true, // 启用拖动调整功能
-                valid_elements: this.type == 'table' ? '*[*]' : 'img[src|alt|width|height],strong,em,sub,sup,blue,table,b,i,wmath', // 允许的标签和属性
+                valid_elements:
+                    this.type == 'table'
+                        ? '*[*]'
+                        : `img[src|alt|width|height],strong,em,sub,sup,blue,table,b,i,wmath${this.valid_elements}`, // 允许的标签和属性
                 // valid_elements: '*[*]', // 允许所有 HTML 标签
                 noneditable_editable_class: 'MathJax',
                 height: this.height,
-                paste_preprocess: function (plugin, args) {
-                    let content = args.content; // 获取粘贴的内容
-                    let tempDiv = document.createElement('div');
-                    tempDiv.innerHTML = content;
-                    if (tempDiv.querySelector('table')) {
-                        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;">
-                                    ${tableList
-                                        .map((row) => {
-                                            return `
-                                            <tr>
-                                                ${row
-                                                    .map((cell) => {
-                                                        return `
-                                                        <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
-                                                            <span>${cell.text || ''}</span>
-                                                        </td>
-                                                    `;
-                                                    })
-                                                    .join('')}
-                                            </tr>
-                                        `;
-                                        })
-                                        .join('')}
-                                </table>
-                            </div>
-                            `;
-
-                                const container = document.createElement('div');
-                                container.innerHTML = contentHtml;
-
-                                // _this.updateTableStyles(container); // 根据需要应用额外的样式
-                                args.content = container.innerHTML; // 更新处理后的内容
-                            });
-                        } else {
-                        }
-                    } else {
-                        console.log('Original content:', content); // 输出原始粘贴内容
-
-                        // 改进的正则表达式，匹配 $$...$$ 格式的 LaTeX 公式
-                        const mathRegex = /\$\$([^$]+)\$\$/g;
-
-                        // 如果粘贴的内容包含 $$...$$ 格式的公式，进行处理
-                        content = content.replace(mathRegex, function (match, formula) {
-                            console.log('Matched formula:', formula); // 输出每个匹配的公式
-                            // 将公式包裹在 <wmath> 标签中，保留 $$...$$ 结构
-                            return `<wmath data-latex="${match}">${match}</wmath>`;
-                        });
-
-                        console.log('Processed content:', content); // 输出处理后的内容
-                    }
-
-                    // 更新 args.content 为处理后的内容
-
-                    // 阻止默认的粘贴行为，确保自定义处理优先执行
-                    if (args.event) {
-                        args.event.preventDefault();
-                        args.event.stopPropagation();
-                    }
-
-                    if (_this.isAutomaticUpdate) {
-                        args.content = _this.$commonJS.transformHtmlString(content); // 更新处理后的内容
-                    } else {
-                        args.content = content;
-                    }
-                    setTimeout(() => {
-                        window.renderMathJax(_this.tinymceId);
-                    }, 10);
-                },
-
                 content_style: `
                 ${tableStyle}
                 ${_this.wordStyle}
-
-
-
-
                 `,
-
                 formats: {
                     bold: { inline: 'b' },
                     italic: { inline: 'i' }
@@ -407,7 +418,6 @@ export default {
                 statusbar: false, // 关闭底部状态栏
                 custom_colors: false,
                 color_map: ['0082AA', 'TMR Blue'],
-            
                 // image
                 plugins: 'texttransform  noneditable table image', // 启用 forecolor 和 code 插件
                 // plugins: 'forecolor code paste table image mathType searchreplace raw', // 启用 forecolor 和 code 插件
@@ -419,81 +429,76 @@ export default {
                     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);
+                images_upload_handler: function (blobInfo, progress) {
+                    return new Promise((resolve, reject) => {
+                        const xhr = new XMLHttpRequest();
+                        const formData = new FormData();
+                        const file = blobInfo.blob();
+                        // 1. 处理文件名：优先使用原始文件名，没有则生成
+                        let filename = blobInfo.filename() || `upload_${Date.now()}.png`;
+                        // 2. 构造符合你后端要求的参数
+                        formData.append('mainImage', file, filename);
+                        // 优先从路由取 id，其次取 data 里的 articleId
+                        formData.append('article_id', _this.articleId);
+                        xhr.withCredentials = false;
+                        // 拼接你的 baseUrl
+                        xhr.open('POST', _this.baseUrl + '/api/Preaccept/up_img_mainImage');
+                        // 上传进度（可选）
+                        xhr.upload.onprogress = (e) => {
+                            progress((e.loaded / e.total) * 100);
+                        };
+                        xhr.onload = function () {
+                            if (xhr.status !== 200) {
+                                reject('HTTP Error: ' + xhr.status);
+                                return;
+                            }
+                            try {
+                                const json = JSON.parse(xhr.responseText);
+                                if (json.code === 0) {
+                                    // 3. 按照你的逻辑返回拼接后的完整 URL
+                                    const finalUrl = _this.mediaUrl + 'articleImage/' + json.data.upurl;
+                                    resolve(finalUrl);
+                                    console.log('手动上传成功:', finalUrl);
+                                } else {
+                                    reject('Upload Error: ' + json.msg);
+                                }
+                            } catch (e) {
+                                reject('Invalid response: ' + xhr.responseText);
+                            }
+                        };
 
-                //         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;
-                //             }
+                        xhr.onerror = function () {
+                            reject('网络请求失败');
+                        };
 
-                //             try {
-                //                 const json = JSON.parse(xhr.responseText);
-                //                 console.log('json at line 434:', json);
-                //                 if (json.code != 0) {
-                //                     reject('Upload Error: ' + json.msg);
-                //                     return;
-                //                 }
+                        xhr.send(formData);
+                    });
+                },
 
-                //                 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) {
+                    let currentPasteImages = [];
                     _this.$commonJS.initEditorButton(_this, ed);
-
                     var currentWmathElement = null;
-
                     ed.on('click', function (e) {
                         const wmathElement = e.target.closest('wmath');
-
                         if (wmathElement) {
                             currentWmathElement = wmathElement; // 👈 保存当前点击的元素
-
                             const latexContentRaw = wmathElement.getAttribute('data-latex') || '';
                             console.log('at line 488: raw =', latexContentRaw);
-
                             // 去除所有 $ 符号
                             const latexContent = latexContentRaw.replace(/\$/g, '').trim();
-                            // console.log('at line 489: cleaned =', latexContent);
 
                             // 编码后用于传递到弹窗
                             const encoded = encodeURIComponent(latexContent);
-
                             // 给 wmath 添加唯一 data-id，方便后续精准替换
                             let wmathId = wmathElement.getAttribute('data-id');
                             if (!wmathId) {
                                 wmathId = 'wmath-' + Math.random().toString(36).substr(2, 9);
                                 wmathElement.setAttribute('data-id', wmathId);
                             }
-
                             // 当前编辑器 ID 也保存下来（如果你有多个编辑器）
                             const editorId = ed.id;
-
                             // 打开编辑窗口并传参（传递 data-id + 内容）
                             window.open(
                                 `/LateX?id=${encoded}&wmathId=${wmathId}&editorId=${editorId}`,
@@ -502,6 +507,17 @@ export default {
                             );
                         }
                     });
+                    // 修改 paste 事件中的逻辑
+                    ed.on('paste', (event) => {
+                        const rtf = event.clipboardData.getData('text/rtf');
+                        if (rtf && rtf.includes('\\pict')) {
+                            const extracted = extractHexImagesFromRTF(rtf);
+                            extracted.forEach((img, i) => {
+                                const base64 = _this.hexToBase64Sync(img.hex, img.mimeType);
+                                _this.uploadSingleImage(base64, i);
+                            });
+                        }
+                    });
 
                     ed.ui.registry.addButton('uploadWord', {
                         text: 'Word',
@@ -527,19 +543,12 @@ export default {
                             input.click();
                         }
                     });
-
                     ed.on('init', function () {
                         _this.$commonJS.inTinymceButtonClass();
                         const editorBody = ed.getBody();
 
-                        // 监听点击事件来确保用户可以删除<wmath>元素
-
-                        // 创建 MutationObserver 监听内容变化
                         const observer = new MutationObserver(() => {
                             const currentContent = ed.getContent();
-                            // console.log('currentContent at line 484:', currentContent)
-                            // console.log('currentContent at line 447:', currentContent);
-
                             if (_this.isAutomaticUpdate) {
                                 _this.$emit('updateChange', currentContent);
                                 // _this.$emit('updateChange', _this.$commonJS.decodeHtml(currentContent));
@@ -606,6 +615,91 @@ export default {
                         e.content = e.content.replace(/<i>/g, '<em>').replace(/<\/i>/g, '</em>');
                     });
                 },
+                paste_preprocess: function (plugin, args) {
+                    let imgIdx = 0;
+                  
+                    const silentPlaceholder = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+                   
+                    let content = args.content.replace(/(<img[^>]*?)src="file:\/\/\/[^" ]*"/gi, (match, p1) => {
+                        // 保留 data-idx， Word 里的尺寸
+                        return `${p1}src="${silentPlaceholder}" class="word-img-placeholder" data-idx="${imgIdx++}"`;
+                    });
+                    let tempDiv = document.createElement('div');
+                    tempDiv.innerHTML = content;
+                    if (tempDiv.querySelector('table')) {
+                        console.log('粘贴的内容包含表格');
+                        if (_this.type == 'table') {
+                            // 3. 在这里直接消费外部变量 currentPasteBase64Images
+                            // content = content.replace(new RegExp(`src="${silentPlaceholder}"`, 'gi'), () => {
+                            //     // 按顺序取图
+                            //     const base64Data = currentPasteBase64Images[globalImgCounter] || '';
+                            //     globalImgCounter++;
+                            //     return `src="${base64Data}"`;
+                            // });
+                            _this.$commonJS.parseTableToArray(content, (tableList) => {
+                                var contentHtml = `
+                            <div class="thumbnailTableBox wordTableHtml table_Box table_Box3333" style="">
+                                <table border="1" style="width: auto; border-collapse: collapse; text-align: center;">
+                                    ${tableList
+                                        .map((row) => {
+                                            return `
+                                            <tr>
+                                                ${row
+                                                    .map((cell) => {
+                                                        return `
+        <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
+            <span>${cell.text || ''}</span>
+        </td>
+    `;
+                                                    })
+                                                    .join('')}
+                                            </tr>
+                                        `;
+                                        })
+                                        .join('')}
+                                </table>
+                            </div>
+                            `;
+
+                                const container = document.createElement('div');
+                                container.innerHTML = contentHtml;
+
+                                // _this.updateTableStyles(container); // 根据需要应用额外的样式
+                                args.content = container.innerHTML; // 更新处理后的内容
+                            });
+                        } else {
+                        }
+                    } else {
+                        console.log('Original content:', content); // 输出原始粘贴内容
+
+                        // 改进的正则表达式，匹配 $$...$$ 格式的 LaTeX 公式
+                        const mathRegex = /\$\$([^$]+)\$\$/g;
+
+                        // 如果粘贴的内容包含 $$...$$ 格式的公式，进行处理
+                        content = content.replace(mathRegex, function (match, formula) {
+                            console.log('Matched formula:', formula); // 输出每个匹配的公式
+                            // 将公式包裹在 <wmath> 标签中，保留 $$...$$ 结构
+                            return `<wmath data-latex="${match}">${match}</wmath>`;
+                        });
+
+                        console.log('Processed content:', content); // 输出处理后的内容
+                    }
+                    // 更新 args.content 为处理后的内容
+                    // 阻止默认的粘贴行为，确保自定义处理优先执行
+                    if (args.event) {
+                        args.event.preventDefault();
+                        args.event.stopPropagation();
+                    }
+
+                    if (_this.isAutomaticUpdate) {
+                        args.content = _this.$commonJS.transformHtmlString(content); // 更新处理后的内容
+                    } else {
+                        args.content = content;
+                    }
+                    setTimeout(() => {
+                        window.renderMathJax(_this.tinymceId);
+                    }, 10);
+                },
                 init_instance_callback: (editor) => {
                     if (_this.value) {
                         editor.setContent(_this.value);
@@ -694,19 +788,15 @@ export default {
         },
         //设置内容
         setContent(value) {
-        
             window.tinymce.get(this.tinymceId).setContent(value);
         },
         //获取内容
         async getContent(type) {
             var content = window.tinymce.get(this.tinymceId).getContent();
-           
             content = content.replace(/<span[^>]*>/g, '').replace(/<\/span>/g, ''); // 去除span标签
-
             content = content.replace(/<strong>/g, '<b>').replace(/<\/strong>/g, '</b>');
             content = content.replace(/<em>/g, '<i>').replace(/<\/em>/g, '</i>');
             content = content.replace(/&nbsp;/g, ' '); // 将所有 &nbsp; 替换为空格
-            console.log('content at line 632:', content);
             this.$emit('getContent', type, content);
         },
 
@@ -817,4 +907,8 @@ export default {
     font-size: 16px;
     cursor: pointer;
 }
+::v-deep .tox:not(.tox-tinymce-inline) .tox-editor-header {
+    padding: 0 !important;
+}
+
 </style>
diff --git a/src/components/page/components/pendingPayment/OrderConfirmation copy.vue b/src/components/page/components/pendingPayment/OrderConfirmation copy.vue
index 99c54ce..9b10616 100644
--- a/src/components/page/components/pendingPayment/OrderConfirmation copy.vue	
+++ b/src/components/page/components/pendingPayment/OrderConfirmation copy.vue	
@@ -452,7 +452,7 @@ export default {
                     article_id: this.articleId
                 })
                 .then((res) => {
-                    console.log('res at line 191:', res);
+                   
                     if (res.code == 0) {
                         this.articleInfo = res.data.article_detail;
                         this.journalInfo = res.data.journal_detail;
diff --git a/src/components/page/components/pendingPayment/OrderConfirmation.vue b/src/components/page/components/pendingPayment/OrderConfirmation.vue
index 4e68a38..6aabae4 100644
--- a/src/components/page/components/pendingPayment/OrderConfirmation.vue
+++ b/src/components/page/components/pendingPayment/OrderConfirmation.vue
@@ -353,7 +353,7 @@ export default {
                 })
                 .then((res) => {
                     loading.close();
-                    console.log('res at line 191:', res);
+              
                     if (res.code == 0) {
                         this.articleInfo = res.data.article_detail;
                         this.journalInfo = res.data.journal_detail;
diff --git a/src/components/page/components/pendingPayment/OrderDetail.vue b/src/components/page/components/pendingPayment/OrderDetail.vue
index 28e277d..5cf22bb 100644
--- a/src/components/page/components/pendingPayment/OrderDetail.vue
+++ b/src/components/page/components/pendingPayment/OrderDetail.vue
@@ -280,7 +280,7 @@ that.orderInfo=res.data.detail
                     article_id: this.articleId
                 })
                 .then((res) => {
-                    console.log('res at line 191:', res);
+                  
                     if (res.code == 0) {
                         this.articleInfo = res.data.article_detail;
                         this.journalInfo = res.data.journal_detail;
diff --git a/src/components/page/components/pendingPayment/success.vue b/src/components/page/components/pendingPayment/success.vue
index 6692952..3b585a4 100644
--- a/src/components/page/components/pendingPayment/success.vue
+++ b/src/components/page/components/pendingPayment/success.vue
@@ -147,7 +147,7 @@ export default {
                 .then((res) => {
                     loading.close();
                     this.paymentChecking = true;
-                    console.log('res at line 191:', res);
+                   
                     if (res.code == 0) {
                         this.articleBaseInfo = res.data.article_detail;
                         this.journalBaseInfo = res.data.journal_detail;
@@ -169,7 +169,7 @@ export default {
                     article_id: this.articleId
                 })
                 .then((res) => {
-                    console.log('res at line 191:', res);
+                  
                     if (res.code == 0) {
                         
                         this.hideAlert();
diff --git a/src/components/page/components/reviewerList/add.vue b/src/components/page/components/reviewerList/add.vue
index dd703d9..eefe224 100644
--- a/src/components/page/components/reviewerList/add.vue
+++ b/src/components/page/components/reviewerList/add.vue
@@ -577,7 +577,7 @@ export default {
         chekEmail(value) {
             setTimeout(() => {
                 this.reviewerForm = {};
-                console.log('value at line 504:', value, this.reviewerForm);
+               
                 if (value) {
                     this.chaSelChose({
                         email: value
@@ -602,7 +602,7 @@ export default {
                         restaurants[i].value = restaurants[i].email;
                     }
                     var results = value ? restaurants.filter(this.createMata(value)) : restaurants;
-                    console.log('🚀 ~ .then ~ results177:', results);
+                  
                     // 调用 callback 返回建议列表的数据
                     cb(results);
                     // this.form.authorList[num].load = false;
@@ -659,8 +659,7 @@ export default {
         },
         // 选中用户
         async chaSelChose(value, num) {
-            console.log('value at line 545:', value);
-
+         
             // console.log(value);
             // console.log(num);
             if (!this.addForm.email) {
@@ -673,7 +672,7 @@ export default {
                     email: this.addForm.email
                 })
                 .then((res) => {
-                    console.log('res at line 554:', res);
+             
                     if (res.code == 0) {
                         this.btn_alert = false;
                         this.reviewerForm = res.data.result;
@@ -735,7 +734,7 @@ export default {
                                 ? item.shu.split(',').map(Number)
                                 : [item.shu]
                         }));
-                        console.log('this.majorValueList at line 903:', this.majorValueList);
+                    
                         // if (this.reviewerForm.majorList) {
                         //     if (this.reviewerForm.majorList.length >= 1) {
                         //         this.reviewerForm.major_a = this.reviewerForm.majorList[0];
@@ -755,7 +754,7 @@ export default {
                         //     this.addForm.major = this.addForm.major_a;
                         // }
                         this.$forceUpdate();
-                        console.log('this.addForm.majorList at line 674:', this.reviewerForm);
+                        
                         this.$nextTick(async () => {
                             // await this.jiLInaoan();
                             await this.getJournalsForReviewerInEditor();
@@ -778,7 +777,7 @@ export default {
             // this.reviewerForm = {
             //     email: value.email
             // };
-            console.log('value at line 529:', value, this.reviewerForm);
+          
 
             // this.$forceUpdate();
         },
diff --git a/src/components/page/components/table/comment.vue b/src/components/page/components/table/comment.vue
index 8e84e92..dd55996 100644
--- a/src/components/page/components/table/comment.vue
+++ b/src/components/page/components/table/comment.vue
@@ -351,7 +351,7 @@ export default {
                         onAction: function () {
                             // 在选中的文本周围包裹 <blue> 标签
                             var selectedText = ed.selection.getContent();
-                            console.log('selectedText at line 529:', selectedText);
+                           
                             if (selectedText) {
                                 var wrappedText = `<blue>${selectedText}</blue>`;
                                 ed.selection.setContent(wrappedText);
diff --git a/src/components/page/components/table/table.vue b/src/components/page/components/table/table.vue
index 8475be0..89cceb2 100644
--- a/src/components/page/components/table/table.vue
+++ b/src/components/page/components/table/table.vue
@@ -5,6 +5,7 @@
             <!-- image -->
             <tinymce
                 type="table"
+                :articleId="articleId"
                 ref="tinymceChild1"
                 :wordStyle="wordStyle"
                 @getContent="getContent"
@@ -33,7 +34,7 @@
 <script>
 import Tinymce from '@/components/page/components/Tinymce';
 export default {
-    props: ['lineStyle'],
+    props: ['lineStyle','articleId'],
     components: {
         Tinymce
     },
diff --git a/src/main.js b/src/main.js
index bae5663..5e0c86b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -59,48 +59,48 @@ async function loadJournalType() {
   let parsedData = null;
 
   if (cachedString) {
-      try {
-          // 必须先解析 JSON 字符串
-          parsedData = JSON.parse(cachedString); 
-      } catch (e) {
-          console.error("缓存数据解析失败，将重新请求 API:", e);
-      }
+    try {
+      // 必须先解析 JSON 字符串
+      parsedData = JSON.parse(cachedString);
+    } catch (e) {
+      console.error("缓存数据解析失败，将重新请求 API:", e);
+    }
   }
 
   // 2. 检查解析后的数据是否有效（是数组且长度大于 0）
   if (parsedData && Array.isArray(parsedData) && parsedData.length > 0) {
-      // 缓存有效，直接返回缓存数据
-      return parsedData; 
+    // 缓存有效，直接返回缓存数据
+    return parsedData;
   }
 
   // 3. 如果缓存无效或不存在，执行 API 调用
   try {
-      // 第一个 API 调用，使用 await 接收结果
-      const journalRes = await api.post('api/Articletype/getArticleType', {});
-      if (journalRes.status === 1) {
-          // 存储 journal data
-          localStorage.setItem('journalTypeData', JSON.stringify(journalRes.data.base));
-          localStorage.setItem('journalTypeDataAll', JSON.stringify([...journalRes.data.base, ...journalRes.data.supplement]));
-      }
+    // 第一个 API 调用，使用 await 接收结果
+    const journalRes = await api.post('api/Articletype/getArticleType', {});
+    if (journalRes.status === 1) {
+      // 存储 journal data
+      localStorage.setItem('journalTypeData', JSON.stringify(journalRes.data.base));
+      localStorage.setItem('journalTypeDataAll', JSON.stringify([...journalRes.data.base, ...journalRes.data.supplement]));
+    }
 
-      // 第二个 API 调用，串行执行
-      const medicalRes = await api.post('api/Articletype/getMedicalType', {});
-      if (medicalRes.status === 1) {
-          // 存储 medical data
-          localStorage.setItem('opMedicalListData', JSON.stringify(medicalRes.data));
-      }
-      
-      // 4. 返回第一个 API 调用的主要数据
-      if (journalRes.status === 1) {
-           return journalRes.data.base;
-      }
+    // 第二个 API 调用，串行执行
+    const medicalRes = await api.post('api/Articletype/getMedicalType', {});
+    if (medicalRes.status === 1) {
+      // 存储 medical data
+      localStorage.setItem('opMedicalListData', JSON.stringify(medicalRes.data));
+    }
+
+    // 4. 返回第一个 API 调用的主要数据
+    if (journalRes.status === 1) {
+      return journalRes.data.base;
+    }
 
   } catch (error) {
-      // 集中处理 API 调用失败
-      console.error('Error loading data:', error);
-      return []; // 失败时返回一个默认的空数组，避免程序崩溃
+    // 集中处理 API 调用失败
+    console.error('Error loading data:', error);
+    return []; // 失败时返回一个默认的空数组，避免程序崩溃
   }
-  
+
   // 如果所有流程都没有返回，默认返回空数组
   return [];
 }
@@ -110,7 +110,7 @@ async function loadJournalType() {
 async function loadJournalList() {
   try {
     const localData = store.state.journalList;
-    
+
     if (localData && Array.isArray(localData) && localData.length > 0) {
       return localData;
     }
@@ -171,51 +171,36 @@ Vue.filter('jtName', function (value) {
 // 使用 ES Module
 import * as echarts from 'echarts';
 Vue.prototype.$echarts = echarts
-
-
 Vue.prototype.$api = api
-
 Vue.config.productionTip = false;
+
 import Editor from "@tinymce/tinymce-vue"; // 默认导入
-
 Vue.component("Editor", Editor);
+//自定义组件
+const components = {
+  'common-table': () => import('@/components/page/components/table/table.vue'),
+  'common-review-article': () => import('@/components/page/components/reviewArticle/index.vue'),
+  'common-editor-article': () => import('@/components/page/components/EditorArticle/index.vue'),
+  'common-editor-article-detail': () => import('@/components/page/components/EditorArticle/detail.vue'),
+  'common-late-x': () => import('@/components/page/components/table/LateX.vue'),
+  'common-major': () => import('@/components/page/components/major/index.vue'),
+  'common-major-list': () => import('@/components/page/components/major/list.vue'),
+  'common-paypal-button': () => import('@/components/page/components/pendingPayment/PayPalButton.vue'),
+  'common-tiff': () => import('@/components/page/components/table/tiff.vue'),
+  'common-content': () => import('@/components/page/components/table/content.vue'),
+  'common-word': () => import('@/components/page/components/table/word.vue'),
+  'common-comment': () => import('@/components/page/components/table/comment.vue'),
+  'common-edit-table': () => import('@/components/page/components/table/editTable.vue'),
+  'common-annotations': () => import('@/components/page/components/table/annotations.vue'),
+  'common-word-html': () => import('@/components/page/components/table/wordHtml.vue'),
+  'common-word-html-type-setting': () => import('@/components/page/components/table/wordHtmlTypesetting.vue'),
+  'common-drag-word': () => import('@/components/page/components/table/dragWord.vue'),
+};
 
-import commonTable from '@/components/page/components/table/table.vue'
-Vue.component('common-table', commonTable);
-import commonReviewArticle from '@/components/page/components/reviewArticle/index.vue'
-Vue.component('common-review-article', commonReviewArticle);
-import commonEditorArticle from '@/components/page/components/EditorArticle/index.vue'
-Vue.component('common-editor-article', commonEditorArticle);
-import commonEditorArticleDetail from '@/components/page/components/EditorArticle/detail.vue'
-Vue.component('common-editor-article-detail', commonEditorArticleDetail);
-import commonLateX from '@/components/page/components/table/LateX.vue'
-Vue.component('common-late-x', commonLateX);
-import commonMajor from '@/components/page/components/major/index.vue'
-Vue.component('common-major', commonMajor);
-import commonMajorList from '@/components/page/components/major/list.vue'
-Vue.component('common-major-list', commonMajorList);
-import commonPayPalButton from '@/components/page/components/pendingPayment/PayPalButton.vue'
-Vue.component('common-paypal-button', commonPayPalButton);
-import commonTiff from '@/components/page/components/table/tiff.vue'
-Vue.component('common-tiff', commonTiff);
-import commonContent from '@/components/page/components/table/content.vue'
-Vue.component('common-content', commonContent);
-import commonWord from '@/components/page/components/table/word.vue'
-Vue.component('common-comment', commonComment);
-import commonEditTable from '@/components/page/components/table/editTable.vue'
-Vue.component('common-edit-table', commonEditTable);
-import commonComment from '@/components/page/components/table/comment.vue'
-Vue.component('common-word', commonWord);
-import commonAnnotations from '@/components/page/components/table/annotations.vue'
-Vue.component('common-annotations', commonAnnotations);
-import commonWordHtml from '@/components/page/components/table/wordHtml.vue'
-Vue.component('common-word-html', commonWordHtml);
-import commonWordHtmlTypesetting from '@/components/page/components/table/wordHtmlTypesetting.vue'
-Vue.component('common-word-html-type-setting', commonWordHtmlTypesetting);
+Object.keys(components).forEach(key => {
+  Vue.component(key, components[key]);
+});
 
-
-import commonDragWord from '@/components/page/components/table/dragWord.vue'
-Vue.component('common-drag-word', commonDragWord);
 Vue.use(VueI18n);
 Vue.use(ElementUI, {
   size: 'small',
@@ -228,22 +213,22 @@ const i18n = new VueI18n({
 //使用钩子函数对路由进行权限跳转
 router.beforeEach(async (to, from, next) => {
   const currentRoute = to; // 获取当前路由路径，例如 "/home"
-  console.log('currentRoute at line 211:', currentRoute.meta)
-  if(currentRoute.meta.hideJournal){
-    
-  }else{
-    try {
-    // 尝试请求接口（即使失败也继续后续逻辑）
-    await Promise.all([
-      loadJournalList(),
-      loadJournalType()
-    ]);
-  } catch (err) {
-    // 仅打印错误，不阻断路由
 
-  } 
+  if (currentRoute.meta.hideJournal) {
+
+  } else {
+    try {
+      // 尝试请求接口（即使失败也继续后续逻辑）
+      await Promise.all([
+        loadJournalList(),
+        loadJournalType()
+      ]);
+    } catch (err) {
+      // 仅打印错误，不阻断路由
+
+    }
   }
- 
+
 
   // 无论接口成功/失败，都执行原有跳转逻辑
   document.title = `${to.meta.title} | Traditional Medicine Research`;
diff --git a/src/router/index.js b/src/router/index.js
index 3cfcadc..c1d1d46 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -957,6 +957,12 @@ export default new Router({
 				title: 'Journal Installment'
 			}
 		},
+		{
+			path: '/redirect',
+			name: 'Redirect',
+			component: () => import('../components/common/Redirect.vue'),
+			meta: { hideInTags: true } //重新刷新页面 不想出现白屏闪烁
+		  },
 		{
 			path: '/JournalManagement', //用户列表
 			component: () => import('../components/page/JournalManagement/JournalManagement/index.vue'),
diff --git a/src/utils/rtfParser.js b/src/utils/rtfParser.js
new file mode 100644
index 0000000..858106e
--- /dev/null
+++ b/src/utils/rtfParser.js
@@ -0,0 +1,50 @@
+/**
+ * 从 RTF 字符串中提取图片并返回 Hex 数组
+ */
+export function extractHexImagesFromRTF(rtfData) {
+    
+    const images = [];
+    if (!rtfData) return images;
+  
+    // 1. 按照图片起始符切分
+    const blocks = rtfData.split('\\pict');
+    
+    for (let i = 1; i < blocks.length; i++) {
+      const block = blocks[i];
+      
+      // 2. 识别格式
+      let mimeType = '';
+      if (block.includes('\\pngblip')) mimeType = 'image/png';
+      else if (block.includes('\\jpegblip')) mimeType = 'image/jpeg';
+      else continue;
+  
+      // 3. 暴力匹配：寻找块中所有连续的 0-9a-f 字符（忽略空格和换行）
+      // 我们找的是最短长度超过 128 位的字符串，这通常就是图片主体
+      const allHexGroups = block.match(/[0-9a-fA-F\s\r\n]{128,}/g);
+  
+      if (allHexGroups) {
+        // 取这一组里最长的那段（防止误删中间的控制符）
+        const longestHex = allHexGroups.sort((a, b) => b.length - a.length)[0];
+        const cleanHex = longestHex.replace(/[\s\r\n]/g, '');
+  
+        if (cleanHex.length > 256) { // 再次校验长度
+          images.push({
+            mimeType: mimeType,
+            hex: cleanHex
+          });
+        }
+      }
+    }
+    return images;
+  }
+  /**
+   * 将 Hex 转换为 Blob
+   */
+  export function hexToBlob(hexString, type) {
+   
+    const bytes = new Uint8Array(hexString.length / 2);
+    for (let i = 0; i < hexString.length; i += 2) {
+      bytes[i / 2] = parseInt(hexString.substr(i, 2), 16);
+    }
+    return new Blob([bytes], { type });
+  }
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 23fbde3..50632b5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -76,8 +76,8 @@ module.exports = {
 				// target: 'http://192.168.110.110/tougao/public/index.php/',
 				// target: 'http://api.tmrjournals.com/public/index.php/',//正式
 				// target: 'http://zmzm.tougao.dev.com/',//晓玲
-				target: 'https://submission.tmrjournals.com/',//正式
-				// target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
+				// target: 'https://submission.tmrjournals.com/',//正式
+				target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
 				changeOrigin: true,
 				pathRewrite: {
 					'^/api': ''