diff --git a/dist.zip b/dist.zip
index 9de55fd..49eefa8 100644
Binary files a/dist.zip and b/dist.zip differ
diff --git a/src/common/js/commonJS.js b/src/common/js/commonJS.js
index e170c93..94f8ce1 100644
--- a/src/common/js/commonJS.js
+++ b/src/common/js/commonJS.js
@@ -54,6 +54,17 @@ function emuToPixels(emu) {
     // 四舍五入并保留两位小数
     return (Math.round(emuToPixels * 100) / 100).toFixed(2);
 }
+function findExtentElement(blipElement) {
+    let current = blipElement.parentElement;
+    while (current) {
+        const extents = current.getElementsByTagName('wp:extent');
+        if (extents.length > 0) {
+            return extents[0]; // 找到包含 wp:extent 的节点
+        }
+        current = current.parentElement;
+    }
+    return null; // 没有找到
+}
 
 export default {
     isImageValid(base64) {
@@ -79,113 +90,118 @@ export default {
 
 
     handleFileUpload(event, callback) {
-        const file = event.target.files[0]; // 获取用户上传的文件
-        if (file && file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
-            const reader = new FileReader();
-
-            reader.onload = (e) => {
-                // 将文件读取为 ArrayBuffer
-                const arrayBuffer = e.target.result;
-
-                // 使用 JSZip 解析 .docx 文件内容
-                const zip = new JSZip();
-                zip.loadAsync(arrayBuffer).then((zip) => {
-                    // 获取 Word 文档的 XML 内容
-                    const documentXml = zip.files['word/document.xml'];
-                    const images = {}; // 用来保存图片的 src 和对应的宽高
-                    if (documentXml) {
-                        documentXml.async("string").then((xmlString) => {
-                            // 使用正则或 XML 解析器提取所有图片的宽高
-                            const parser = new DOMParser();
-                            const xmlDoc = parser.parseFromString(xmlString, "text/xml");
-
-                            // 查找图片的宽高（通常在 <wp:extent> 标签内）
-                            const imageElements = xmlDoc.getElementsByTagName('wp:extent');
-                            Array.from(imageElements).forEach((imgElement, index) => {
-                                console.log('imgElement at line 78:', imgElement)
-                                // 提取 width 和 height 属性
-                                const widthEmu = imgElement.getAttribute('cx'); // 宽度
-                                const heightEmu = imgElement.getAttribute('cy'); // 高度
-
-                                if (widthEmu && heightEmu) {
-                                    // 转换为像素
-                                    const width = emuToPixels(widthEmu);
-                                    const height = emuToPixels(heightEmu);
-                                    images[index] = { width, height }; // 保存图片的宽高
-                                }
-                                // 这里你可以将宽高传递给回调函数
-                            });
-                        });
-                    }
-
-                    mammoth.convertToHtml({
-                        arrayBuffer: e.target.result
-                    })
-                        .then((result) => {
-
-                            console.log('images at line 115:', images)
-                            // 使用正则提取所有表格内容
-                            const tableContent = result.value.match(/<table[\s\S]*?<\/table>/g);
-                            if (tableContent) {
-                                console.log('tableContent at line 20:', tableContent);
-                                // 筛选出包含 <td> 的表格
-                                const validTables = tableContent.filter(table => /<td[\s\S]*?>/g.test(table));
-                                console.log('validTables at line 71:', validTables);
-
-                                // 提取表格内的图片
-                                validTables.forEach((table, index) => {
-                                    console.log('table at line 75:', table)
-                                    const imgTags = table.match(/<img[\s\S]*?src="([^"]*)"/g);
-                                    console.log('imgTags at line 128:', imgTags)
-                                    if (imgTags) {
-                                        // 遍历所有图片标签
-                                        imgTags.forEach((imgTag, imgIndex) => {
-                                            console.log('imgTag at line 128:', imgTag);
-
-                                            const srcMatch = imgTag.match(/src="([^"]*)"/);
-                                            if (srcMatch) {
-
-                                                const imageInfo = images[imgIndex]; // 从 images 中查找对应的宽高
-
-                                                if (imageInfo) {
-                                                    // 构建新的 <img> 标签，保留原来的其他属性
-                                                    const newImgTag = imgTag.replace(
-                                                        /<img/,
-                                                        `<img width="${imageInfo.width}" height="${imageInfo.height}"`
-                                                    );
-                                                    table = table.replace(imgTag, newImgTag); // 替换旧标签
-                                                }
-                                            }
-                                        });
-                                    }
-                                    validTables[index] = table; // 更新该表格内容
-
-                                });
-
-                                if (validTables.length > 0) {
-                                    console.log('validTables.length at line 147:', validTables)
-                                    callback(validTables);
-                                } else {
-                                    callback([]);
-                                }
-                            } else {
-                                console.log("没有找到表格内容。");
-                            }
-                        })
-                        .catch((err) => {
-                            console.error('Error parsing Word file:', err);
-                        });;
-                }).catch((err) => {
-                    console.error("Error loading zip file:", err);
-                });
-            };
-
-            reader.readAsArrayBuffer(file); // 将文件读取为 ArrayBuffer
-        } else {
+        const file = event.target.files[0];
+        if (!file || file.type !== 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
             alert('请上传一个有效的 Word 文件');
+            return;
         }
+
+        const reader = new FileReader();
+
+        reader.onload = (e) => {
+            const arrayBuffer = e.target.result;
+            const zip = new JSZip();
+
+            zip.loadAsync(arrayBuffer).then(async (zip) => {
+                const relsXml = await zip.files['word/_rels/document.xml.rels'].async('string');
+                const docXml = await zip.files['word/document.xml'].async('string');
+
+                const parser = new DOMParser();
+                const relDoc = parser.parseFromString(relsXml, "text/xml");
+                const docDom = parser.parseFromString(docXml, "text/xml");
+
+                const rels = {};
+                Array.from(relDoc.getElementsByTagName('Relationship')).forEach((rel) => {
+                    const id = rel.getAttribute('Id');
+                    const target = rel.getAttribute('Target'); // e.g., 'media/image1.jpeg'
+                    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);
+                    if (embedId && extent) {
+                        const cx = extent.getAttribute('cx');
+                        const cy = extent.getAttribute('cy');
+                        if (cx && cy) {
+                            const width = emuToPixels(cx);
+                            const height = emuToPixels(cy);
+                            const mediaFile = rels[embedId];
+                            if (mediaFile) {
+                                imageInfoMap[mediaFile] = { width, height };
+                            }
+                        }
+                    }
+                });
+
+                mammoth.convertToHtml({ arrayBuffer },
+                    {
+                        convertImage: mammoth.images.inline(async function (image) {
+                            const contentType = image.contentType.toLowerCase();
+                    
+                            // 只允许这三种格式
+                            const allowedTypes = ['image/jpeg', 'image/jpg', 'image/png'];
+                            if (!allowedTypes.includes(contentType)) {
+                                // 跳过不支持的格式（如 image/tiff、image/x-emf 等）
+                                return { src: '' };  // 会从 HTML 中删除这张图片
+                            }
+                    
+                            // 读取为 base64 并构造 src
+                            const imageBuffer = await image.read("base64");
+                            const base64Src = `data:${contentType};base64,${imageBuffer}`;
+                    
+                            return {
+                                src: base64Src
+                            };
+                        })
+                    })
+                    .then((result) => {
+                        let html = result.value;
+                        // html = html.replace(/<img[^>]+src="data:image\/x-emf[^"]*"[^>]*>/gi, '');
+
+                        // 替换图片标签中的宽高
+                        const imgTags = html.match(/<img[^>]*src="data:image\/[^"]+image(\d+)\.(png|jpg|jpeg)[^"]*"[^>]*>/gi);
+                        if (imgTags) {
+                            imgTags.forEach((imgTag) => {
+                                const match = imgTag.match(/image(\d+)\.(png|jpg|jpeg)/);
+                                if (match) {
+                                    const filename = `media/image${match[1]}.${match[2]}`;
+                                    const info = imageInfoMap[filename];
+                                    if (info) {
+                                        const newImgTag = imgTag.replace(
+                                            /<img/,
+                                            `<img width="${info.width}" height="${info.height}"`
+                                        );
+                                        html = html.replace(imgTag, newImgTag);
+                                    }
+                                }
+                            });
+                        }
+
+                        // 提取合法表格
+                        const tableContent = html.match(/<table[\s\S]*?<\/table>/g);
+                        const validTables = tableContent
+                            ? tableContent.filter(table => /<td[\s\S]*?>/.test(table))
+                            : [];
+
+                        callback(validTables);
+                    })
+                    .catch(err => {
+                        console.error('mammoth 转换失败:', err);
+                    });
+
+            }).catch(err => {
+                console.error("Zip 读取失败:", err);
+            });
+        };
+
+        reader.readAsArrayBuffer(file);
     },
 
+
     extractLatexFromMathJax() {
         // 获取所有 MathJax 渲染的公式容器
         const mathContainers = document.querySelectorAll('mjx-container');
@@ -193,17 +209,15 @@ export default {
         mathContainers.forEach(container => {
             // 查找每个渲染公式对应的 MathML 部分
             const mathElement = container.querySelector('mjx-math');
-            console.log('mathElement at line 28:', mathElement)
+
 
             if (mathElement) {
                 // 获取 MathJax 渲染的公式对象
                 const jax = window.MathJax.getJaxFor(mathElement);
-                console.log('jax at line 32:', jax)
 
                 if (jax) {
                     // 使用 MathJax API 获取公式的 LaTeX 代码
                     const latex = jax.getLiteral(); // 获取 LaTeX 表达式
-                    console.log('提取到的 LaTeX 公式:', latex); // 输出 LaTeX 代码
                 } else {
                     console.warn('MathJax 对象未找到');
                 }
@@ -232,28 +246,23 @@ export default {
     ,
     // **解析 MathJax 公式，获取 LaTeX**
     async extractMathJaxLatex(cell, callback) {
-        console.log('cell at line 67:', cell)
         return new Promise((resolve, reject) => {
             // Step 1: First, process the math content and extract LaTeX from <wmath> tags
             let updatedContent = cell.innerHTML;  // Start with the cell's inner HTML
-            console.log('cell content at the start:', updatedContent);
 
             // Find all <wmath> elements
             const wmathElements = cell.querySelectorAll('wmath');
             wmathElements.forEach((element) => {
                 // Get the LaTeX content from the data-latex attribute
                 const latexContent = element.getAttribute('data-latex');
-                console.log('LaTeX content from data-latex:', latexContent);
 
                 // Replace the <wmath> tag with its LaTeX content wrapped in $$...$$
                 updatedContent = updatedContent.replace(element.outerHTML, `<wmath data-latex="${latexContent}">${latexContent}</wmath>`);
             });
 
-            console.log('updatedContent after processing wmath tags:', updatedContent);
 
             // Step 2: Now extract content without the outer <span> tags
             updatedContent = this.extractContentWithoutOuterSpan(updatedContent);
-            console.log('updatedContent after extractContentWithoutOuterSpan:', updatedContent);
 
             // Step 3: Call the callback function with the final updated content
             // callback(updatedContent);
@@ -277,7 +286,7 @@ export default {
     },
     //去掉最外层自定义的span标签
     extractContentWithoutOuterSpan(cell) {
-        console.log('cell at line 90:', cell)
+
         var str = ''
         if (!cell) {
             return ''
@@ -285,7 +294,6 @@ export default {
         // 获取单元格的 HTML 内容
         let htmlContent = cell.trim();
 
-        console.log('htmlContent at line 94:', htmlContent)
 
         str = this.transformHtmlString(htmlContent, 'table')
 
@@ -326,8 +334,7 @@ export default {
 
 
 
-        console.log('str at line 141:', str)
-        // 如果没有 <span> 标签，直接返回原始 HTML 内容
+
         return str;
 
     },
@@ -413,7 +420,7 @@ export default {
                 allTables.push(tableArray); // 添加当前表格到所有表格数组
             }
 
-            console.log("解析后的表格数组：", allTables);
+
             callback(allTables); // 返回处理后的数组
         } catch (error) {
             console.error("解析粘贴内容失败：", error);
@@ -426,7 +433,6 @@ export default {
             const Zip = new JSZip();
             const zip = await Zip.loadAsync(file);
 
-            console.log("解压后的文件:", Object.keys(zip.files));
 
             const documentFile = zip.file("word/document.xml");
             if (!documentFile) {
@@ -438,8 +444,6 @@ export default {
             const parser = new DOMParser();
             const documentDoc = parser.parseFromString(documentXml, "application/xml");
 
-            console.log("解析的 XML 结构:", new XMLSerializer().serializeToString(documentDoc));
-
             const numberingFile = zip.file("word/numbering.xml");
             let numberingMap = {};
             if (numberingFile) {
@@ -546,7 +550,7 @@ export default {
                             }
                         }
 
-                        console.log('rowspan at line 265:', rowspan)
+
                         const currentLevelNumbers = {};
                         for (const paragraph of paragraphs) {
                             let listPrefix = "";
@@ -577,7 +581,7 @@ export default {
                                         const embedId = blip.getAttribute("r:embed");
                                         if (embedId) {
                                             textContent += `<img data-embed="${embedId}"/>`;
-                                            console.log("✅ 图片 embedId:", embedId);
+
                                         }
                                     }
                                 }
@@ -585,7 +589,7 @@ export default {
 
 
 
-                                
+
                                 const texts = run.getElementsByTagName("w:t");
                                 for (const text of texts) {
                                     textContent += text.textContent;
@@ -632,7 +636,6 @@ export default {
                                     });
                                 }
 
-                                console.log("After replacement:", formattedText);
 
                                 paragraphText += formattedText;
                             }
@@ -643,7 +646,6 @@ export default {
                             }
 
                             cellText += paragraphText;
-                            console.log('cellText at line 366:', cellText)
                         }
 
                         rowArray.push({
@@ -671,7 +673,6 @@ export default {
                 allTables.push(tableArray);
             }
 
-            console.log("解析后的二维数组：", allTables);
             callback(allTables);
 
         } catch (error) {
@@ -951,7 +952,7 @@ export default {
         let parsedData = Array.from(paragraphs).map(p => {
             let text = p.innerHTML.trim(); // 获取内容，去除两端空格
             text = replaceNegativeSign(text);
-            console.log('text at line 756:', text)
+
             text = this.transformHtmlString(text)
             // 3️⃣ **正确移除 <o:p>（Word 复制的无效标签）**
             text = text.replace(/<\/?o:p[^>]*>/g, "");
@@ -977,7 +978,7 @@ export default {
             return text.trim() === "" ? "" : text;
         });
 
-        console.log(parsedData); // 输出数组，方便调试
+
         return parsedData;
     }
 
@@ -987,7 +988,6 @@ export default {
 
 
     async parseTableToArray(tableString, callback) {
-        console.log('tableString at line 845:', tableString)
         const parser = new DOMParser();
         const doc = parser.parseFromString(tableString, 'text/html');
         const rows = doc.querySelectorAll('table tr');  // 获取所有的行（<tr>）
@@ -1008,7 +1008,7 @@ export default {
                 );
             })
         );
-        console.log('result at line 78611:', result)
+
         callback(result)
         // 返回处理后的数组
 
@@ -1095,7 +1095,6 @@ export default {
 
             // 获取编号定义
             const numberingMap = this.parseNumbering(numberingDoc);
-            console.log('numberingMap at line 232:', numberingMap)
             // 提取表格
             // 获取所有的段落
             const paragraphs = xmlDoc.getElementsByTagName("w:p");
@@ -1115,9 +1114,7 @@ export default {
             }
             // 将前一段的内容转化为 HTML 或文本
             const previousHtml = this.convertParagraphsToHtml(previousParagraphs);
-            console.log('tables at line 17:', previousHtml)
             const tableHtml = this.convertTablesToHtml(tables, numberingMap);
-            console.log('tableHtml at line 18:', tableHtml)
 
             // 更新 HTML 内容
             this.htmlContent = tableHtml || "<p>未检测到表格内容。</p>";
@@ -1472,8 +1469,6 @@ export default {
                     // 保持原比例
                     this.renderTiffImage(mediaUrl + img.image, `tiff-canvas-modal-${index}`, index, true);
 
-                    console.log('at line 827:', document.getElementsByClassName('thumbnailBox'))
-                    // 不保持原比例，强制缩放到指定大小
                     const targetWidth = imgWidth || document.getElementsByClassName('thumbnailBox')[0].offsetWidth;  // 使用外层容器宽度
                     const targetHeight = imgHeight || document.getElementsByClassName('thumbnailBox')[0].offsetHeight; // 使用外层容器高度
                     this.renderTiffImage(mediaUrl + img.image, `tiff-canvas-${index}`, index, false, targetWidth, targetHeight);
@@ -1866,7 +1861,6 @@ export default {
                 // 如果找到的 div 节点存在
                 if (outerDiv) {
                     const dataId = outerDiv.getAttribute('main-id');
-                    console.log('dataId at line 1258:', dataId)
 
                     vueInstance.$emit('onAddRow', dataId);
                 }
@@ -1889,7 +1883,6 @@ export default {
                 if (outerDiv) {
                     const dataId = outerDiv.getAttribute('main-id');
                     var content;
-                    console.log('outerDiv at line 663:', outerDiv.innerHTML);
                     content = outerDiv.innerHTML.replace(/<(?!\/?(img|b|i|sub|sup|span|strong|em |blue)\b)[^>]+>/g, '');
                     content = content.replace(/<([a-zA-Z]+)>\s*<\/\1>/g, '');
                     content = content.replace(/&nbsp;/g, ' ');
@@ -1932,7 +1925,6 @@ export default {
                 // 如果找到的 div 节点存在
                 if (outerDiv) {
                     const dataId = outerDiv.getAttribute('main-id');
-                    console.log('dataId at line 1258:', dataId)
                     vueInstance.$emit('onEditTitle', {
                         mainId: dataId,
                         value: 1
@@ -1954,7 +1946,6 @@ export default {
                 // 如果找到的 div 节点存在
                 if (outerDiv) {
                     const dataId = outerDiv.getAttribute('main-id');
-                    console.log('dataId at line 1258:', dataId)
                     vueInstance.$emit('onEditTitle', {
                         mainId: dataId,
                         value: 2
@@ -1976,7 +1967,6 @@ export default {
                 // 如果找到的 div 节点存在
                 if (outerDiv) {
                     const dataId = outerDiv.getAttribute('main-id');
-                    console.log('dataId at line 1258:', dataId)
                     vueInstance.$emit('onEditTitle', {
                         mainId: dataId,
                         value: 3
@@ -1998,7 +1988,6 @@ export default {
                 // 如果找到的 div 节点存在
                 if (outerDiv) {
                     const dataId = outerDiv.getAttribute('main-id');
-                    console.log('dataId at line 1258:', dataId)
 
                     vueInstance.$emit('onEdit', dataId);
                 }
@@ -2023,7 +2012,6 @@ export default {
                         const dataId = outerDiv.getAttribute('main-id');
                         const type = outerDiv.getAttribute('type');
 
-                        console.log('type:', type);
 
                         // 获取选中的内容（HTML格式）
                         let selectedContent = edSelection.getContent({ format: 'html' });
@@ -2142,7 +2130,6 @@ 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);
@@ -2161,7 +2148,6 @@ export default {
                 // 1. 获取当前光标位置
                 const latexEditorBookmark = ed.selection.getBookmark(2); // 获取光标位置
                 const editorId = ed.id; // 保存当前编辑器 ID
-                console.log('activeEditorId:', editorId);
 
                 // 2. 生成一个随机的 ID，用于 wmath 标签
                 const uid = 'wmath-' + Math.random().toString(36).substr(2, 9);
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 52a514c..28d9ac3 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -382,7 +382,9 @@ const en = {
 		uploadImageInfo: 'Figures can only upload files in JPG, JPEG, and PNG formats!',
 		selectComment: 'Please select the text to add annotations to!',
 		selectWord: 'Please select only a single word！',
-		alreadyCommented: 'There are already annotations in the text, please select again!'
+		alreadyCommented: 'There are already annotations in the text, please select again!',
+		Multicolumn:'Multicolumn',
+		singleRow:"single-row",
 	},
 	pendingPayment: {
 		title: 'Title',
@@ -430,7 +432,10 @@ const en = {
 		"covered": "Research Fields",
 		"digest": "Summary",
 		"research_background": "Research Background",
-		"research_result": "Research Results",
+		"research_methods": "Research Method",
+		"research_result": "Results",
+		"summarize": "Summarize",
+		"overview": "Overview",
 		"highlights": "Highlights",
 		"discussion": "Discussion",
 		"prospect": "Future Prospects",
@@ -453,13 +458,13 @@ const en = {
 		"add_author": "Add Author"
 	},
 
-	AIArticleStatusEn: {
+	AIArticleStatus: {
 		1: 'WeChat AI content generated',
 		2: 'WeChat AI content not generated',
-		3: 'Draft not created',
+		3: 'The article has been generated, but the draft box has not been pushed yet',
 		4: 'Draft created but not published',
 		10: 'WeChat article published successfully',
-		11: 'WeChat article publishing in progress',
+		11: 'WeChat article publishing in progress...',
 		fail: 'WeChat article publishing failed',
 		unknown: 'Unknown status'
 	  }
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 0a1b91f..0687aa6 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -376,6 +376,8 @@ const zh = {
 		selectComment: '请选择要添加批注的文本',
 		selectWord:'请只选中单个单词！',
 		alreadyCommented:'文本中已有批注内容请重新选择',
+		Multicolumn:'多列',
+		singleRow:"单列",
 	},
 	pendingPayment: {
 		title: 'Title',
@@ -423,7 +425,10 @@ const zh = {
 		"covered": "研究学科",
 		"digest": "摘要",
 		"research_background": "研究背景",
-		"research_result": "研究结果",
+		"research_methods": "研究方法",
+		"research_result": "结果",
+		"summarize": "总结",
+		"overview": "概述",
 		"highlights": "研究亮点",
 		"discussion": "讨论",
 		"prospect": "前景展望",
@@ -448,13 +453,13 @@ const zh = {
 	  AIArticleStatus: {
 		1: '公微 AI 内容已生成', 
 		2: '公微 AI 内容未生成',
-		3: '尚未生成草稿',
+		3: '文章已生成,尚未推送草稿箱',
 		4: '草稿已生成，尚未发布',
 		10: '公微文章已成功发布',
-		11: '公微文章正在发布中',
+		11: '公微文章正在发布中...',
 		fail: '公微文章发布失败',
 		unknown: '状态未知'
-	  }
+	  },
 	  
 }
 
diff --git a/src/components/page/GenerateCharts copy.vue b/src/components/page/GenerateCharts copy.vue
deleted file mode 100644
index f9d2fdc..0000000
--- a/src/components/page/GenerateCharts copy.vue	
+++ /dev/null
@@ -1,2149 +0,0 @@
-<template>
-    <div style="height: 100%">
-        <div
-            class="container"
-            style="
-                height: 100%;
-                min-width: calc(1000px);
-                width: calc(100%);
-                background-color: #fafafa;
-                padding: 0px 0 0 0;
-                box-sizing: border-box;
-                position: relative;
-                box-sizing: border-box;
-            "
-        >
-            <div
-                class="right-side"
-                style="
-                    width: 285px;
-                    float: left;
-                    height: 100%;
-                    background-color: #fff;
-                    box-shadow: 0 1px 3px rgb(16 17 19 / 6%);
-                    border-radius: 4px;
-                    overflow-y: auto;
-                "
-            >
-                <!-- <p style="padding: 10px 10px; box-sizing: border-box; font-weight: bold"> -->
-
-                <!-- <b class="MaxBtn" style="right: 80px; top: 5px; padding: 0"><common-drag-word @tables="getTables"></common-drag-word></b> -->
-                <!-- <b class="MaxBtn" @click="MTxtPic()" style="background-color: #13bc20; right: 40px; top: 5px">
-                    <svg
-                        t="1684978324047"
-                        class="icon"
-                        viewBox="0 0 1024 1024"
-                        version="1.1"
-                        xmlns="http://www.w3.org/2000/svg"
-                        p-id="1967"
-                        width="15"
-                        height="15"
-                    >
-                        <path
-                            d="M512 46.208a42.666667 42.666667 0 0 1 4.992 85.077333L512 131.541333H174.208a42.666667 42.666667 0 0 0-42.368 37.717334l-0.298667 4.949333v487.850667L307.2 501.12a88.874667 88.874667 0 0 1 112.042667-6.570667l5.845333 4.608 150.442667 128.896 101.973333-101.888a88.874667 88.874667 0 0 1 110.122667-12.373333l6.058666 4.138667 104.832 78.592V512a42.666667 42.666667 0 0 1 85.077334-4.992l0.298666 4.992v342.698667a128 128 0 0 1-120.490666 127.786666l-7.509334 0.213334H174.208a128 128 0 0 1-127.786667-120.490667l-0.213333-7.509333V174.208a128 128 0 0 1 120.490667-127.786667l7.509333-0.213333H512zM366.378667 563.2l-1.536 0.853333-233.301334 213.76v76.885334a42.666667 42.666667 0 0 0 37.717334 42.368l4.949333 0.298666H855.893333a42.666667 42.666667 0 0 0 42.368-37.717333l0.298667-4.949333v-151.808l-3.285333-2.090667-152.789334-114.602667a3.541333 3.541333 0 0 0-3.2-0.554666l-1.450666 0.853333-97.28 97.28 76.970666 66.048a42.666667 42.666667 0 0 1-51.2 68.010667l-4.309333-3.2-292.437333-250.666667a3.541333 3.541333 0 0 0-3.2-0.768z m415.829333-516.992a42.666667 42.666667 0 0 1 42.410667 37.717333l0.256 4.949334v96h96a42.666667 42.666667 0 0 1 4.992 85.077333l-4.992 0.256h-96v96a42.666667 42.666667 0 0 1-85.034667 4.992l-0.298667-4.992v-96h-96a42.666667 42.666667 0 0 1-4.949333-85.034667l4.949333-0.298666h96v-96a42.666667 42.666667 0 0 1 42.666667-42.666667z"
-                            fill="#ffffff"
-                            p-id="1968"
-                        ></path>
-                    </svg> </b
-                ><b class="MaxBtn" @click="MTxtTable()" style="background-color: #e07404; right: 0px; top: 5px">
-                    <i class="el-icon-document-add"></i>
-                </b> -->
-                <!-- </p> -->
-
-                <div class="unfetteredBox" style="height: 100%">
-                    <common-word-html-type-setting
-                        :urlList="{
-                            img: 'api/Preaccept/getMainImages',
-                            table: 'api/Preaccept/getMainTables'
-                        }"
-                        :articleId="articleId"
-                        :content="ManuscirptContent"
-                        ref="commonWordHtmlTypeSetting"
-                        @onDragStart="onDragStart"
-                        @huifu="huifu"
-                        @onAddComment="onAddComment"
-                        @addImage="handleImageAdd"
-                        @addTable="handleTableAdd"
-                        @addComment="addCommentSetting"
-                        @goToComment="goToComment"
-                        @edit="handleImageEdit"
-                        @goToListComment="goToListComment"
-                        style="width: 100%; height: 100%; padding: 0 0px; box-sizing: border-box; background-color: #fff"
-                    >
-                    </common-word-html-type-setting>
-                </div>
-            </div>
-            <div style="width: 100%; width: calc(100% - 285px); float: right; height: calc(100% - 0px); background-color: #e4e9ed">
-                <!-- <div class="toolbar">
-                    <div class="toolbar_item" @click="handleImageAdd('img')">
-                        <img src="@/assets/img/upload.png" style="object-fit: contain" />
-                        <span>Add Figure </span>
-                    </div>
-                    <div class="toolbar_item" @click="handleTableAdd('table')">
-                        <img src="@/assets/img/uploadTable.png" style="object-fit: contain" />
-                        <span>Add Table </span>
-                    </div>
-                </div> -->
-
-                <common-word
-                    :key="new Date().getTime()"
-                    v-if="htmlContent"
-                    ref="commonWord"
-                    :value="htmlContent"
-                    :contentList="Main_List"
-                    :comments="comments"
-                    :wordStyle="wordStyle"
-                    @onDrop="onDrop"
-                    @saveContent="saveContent"
-                    @editComment="editComment"
-                    @loaded="loadedWord"
-                    @onEdit="onEdit"
-                    @addContent="onAddContent"
-                    @changeSort="changeSort"
-                    @onDelete="onDelete"
-                    @onDeletes="onDeletes"
-                    @refresh="onRefresh"
-                    @onComment="onComment"
-                    @onAddComment="onAddComment"
-                    @solveComment="solveComment"
-                    @cancelSolveComment="cancelSolveComment"
-                    @replyComment="replyComment"
-                    @deleteComment="deleteComment"
-                    @onEditTitle="onEditTitle"
-                    @onAddRow="onAddRow"
-                    @changeComment="changeComment"
-                    style="width: calc(100%); height: calc(100%)"
-                    :style="`100%`"
-                >
-                    <template slot="comment">
-                        <div style="" class="commentList annotations"></div>
-                    </template>
-                </common-word>
-            </div>
-        </div>
-
-        <!--添加/修改图片 -->
-        <el-dialog :title="picStyle.visiTitle" :visible.sync="pictVisible" width="800px" :close-on-click-modal="false">
-            <el-form ref="editMes" :model="picStyle" label-width="150px">
-                <el-form-item>
-                    <span slot="label">
-                        <font style="color: #f56c6c; margin-right: 5px">*</font>
-                        Figure :
-                    </span>
-                    <el-upload
-                        :data="{ article_id: articleId }"
-                        class="avatar-uploader"
-                        :action="baseUrl + 'api/Preaccept/up_img_mainImage'"
-                        :show-file-list="false"
-                        name="mainImage"
-                        accept=".jpg,.jpeg,.png,.tif"
-                        :on-success="handleAvatarSuccess"
-                        :on-error="handleAvatarError"
-                        :before-upload="beforeAvatarUpload"
-                    >
-                        <img v-if="picStyle && picStyle.picUrl" :src="mediaUrl + picStyle.picUrl" class="avatar" />
-                        <i class="el-icon-plus avatar-uploader-icon" v-else></i>
-                    </el-upload>
-                </el-form-item>
-
-                <el-form-item label="Figure Describe :">
-                    <common-content
-                        :isAutomaticUpdate="true"
-                        :value="picStyle.note"
-                        @getContent="getContent"
-                        @openLatexEditor="openLatexEditor"
-                        v-if="pictVisible"
-                        @updateChange="(res) => updateChange(res, 'imgNote')"
-                        :height="120"
-                        ref="tinymceChildImgNote"
-                        style="margin-left: -115px"
-                    ></common-content>
-                </el-form-item>
-            </el-form>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="pictVisible = false"> Cancel </el-button>
-                <el-button type="primary" @click="savePic">
-                    <i class="el-icon-finished" style="margin-right: 5px"></i>
-                    Save Figure
-                </el-button>
-            </span>
-        </el-dialog>
-
-        <!-- 添加表格 -->
-        <el-drawer
-            title="我嵌套了表格!"
-            class="editTableDialog"
-            destroy-on-close
-            v-if="threeVisible"
-            :title="lineStyle.visiTitle"
-            :visible.sync="threeVisible"
-            :wrapperClosable="false"
-            :close-on-click-modal="false"
-            direction="rtl"
-            size="70%"
-        >
-            <el-form ref="editMes" :model="lineStyle" label-width="80px">
-                <!-- <common-late-x></common-late-x> -->
-                <el-form-item label="Title:">
-                    <common-content
-                        :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-title`"
-                        :isAutomaticUpdate="true"
-                        :value="lineStyle.title"
-                        @getContent="getContent"
-                        @openLatexEditor="openLatexEditor"
-                        v-if="threeVisible"
-                        @updateChange="(res) => updateChange(res, 'title')"
-                        :height="120"
-                        ref="tinymceChildTitle"
-                        style="margin-left: -115px"
-                    ></common-content>
-                </el-form-item>
-                <el-form-item label="Word">
-                    <span slot="label">
-                        <font style="color: #f56c6c; margin-right: 5px">*</font>
-                        Table:
-                    </span>
-                    <common-table
-                        @getContent="getContent"
-                        v-if="threeVisible"
-                        ref="commonTable"
-                        @openLatexEditor="openLatexEditor"
-                        :lineStyle="lineStyle"
-                    ></common-table>
-                </el-form-item>
-                <el-form-item label="Note:">
-                    <common-content
-                        :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-note`"
-                        :isAutomaticUpdate="true"
-                        :value="lineStyle.note"
-                        @getContent="getContent"
-                        @openLatexEditor="openLatexEditor"
-                        v-if="threeVisible"
-                        @updateChange="(res) => updateChange(res, 'note')"
-                        :height="120"
-                        ref="tinymceChildNote"
-                    ></common-content>
-                </el-form-item>
-            </el-form>
-            <p style="margin-top: 20px; text-align: right">
-                <el-button @click="threeVisible = false"> Cancel </el-button>
-                <el-button
-                    type="primary"
-                    plain
-                    @click="handleSaveTable"
-                    style="background-color: #006699 !important; background: #006699 !important; margin-right: 20px; color: #fff !important"
-                >
-                    save Table
-                </el-button>
-            </p>
-        </el-drawer>
-        <el-dialog
-            destroy-on-close
-            v-if="commentVisible"
-            title="Comment"
-            :visible.sync="commentVisible"
-            width="600px"
-            :close-on-click-modal="false"
-        >
-            <el-form ref="editMes" :model="commentForm" label-width="115px">
-                <el-form-item label="Select Content:" v-if="commentForm.content">
-                    <p
-                        style="background: #eef0f4; line-height: 20px; padding: 10px; box-sizing: border-box"
-                        v-html="commentForm.content"
-                    ></p>
-                </el-form-item>
-                <el-form-item label="Word">
-                    <span slot="label">
-                        <font style="color: #f56c6c; margin-right: 5px">*</font>
-                        Comment :
-                    </span>
-
-                    <tinymce
-                        ref="tinymceChildComment"
-                        @getContent="getContent"
-                        :value="commentForm.remark"
-                        class="paste-area text-container"
-                        toolbar="bold italic subscript superscript clearButton "
-                        style=""
-                    ></tinymce>
-                </el-form-item>
-            </el-form>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="commentVisible = false"> Cancel </el-button>
-                <el-button type="primary" @click="handleSaveComment">
-                    <!-- <i class="el-icon-finished" style="margin-right: 5px"></i> -->
-                    Save Comment
-                </el-button>
-            </span>
-        </el-dialog>
-        <el-dialog
-            destroy-on-close
-            v-if="editVisible"
-            title="Edit Content"
-            :visible.sync="editVisible"
-            width="1200px"
-            :close-on-click-modal="false"
-        >
-            <el-form ref="editMes" :model="contentStyle" label-width="115px">
-                <el-form-item label="Word">
-                    <span slot="label">
-                        <font style="color: #f56c6c; margin-right: 5px">*</font>
-                        Content :
-                    </span>
-                    <common-content
-                        :value="currentContent.content"
-                        @getContent="getContent"
-                        @openLatexEditor="openLatexEditor"
-                        v-if="editVisible"
-                        ref="commonContent"
-                        style="margin-left: -115px"
-                    ></common-content>
-                </el-form-item>
-            </el-form>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="editVisible = false"> Cancel </el-button>
-                <el-button type="primary" @click="handleSaveContent">
-                    <!-- <i class="el-icon-finished" style="margin-right: 5px"></i> -->
-                    Save
-                </el-button>
-            </span>
-        </el-dialog>
-        <el-dialog
-            destroy-on-close
-            v-if="addContentVisible"
-            title="Add Content"
-            :visible.sync="addContentVisible"
-            width="1200px"
-            :close-on-click-modal="false"
-        >
-            <el-form ref="editMes" :model="addContent" label-width="115px">
-                <el-form-item label="Word">
-                    <span slot="label">
-                        <font style="color: #f56c6c; margin-right: 5px">*</font>
-                        Content :
-                    </span>
-                    <common-content
-                        :value="addContent.content"
-                        @getContent="getContent"
-                        @openLatexEditor="openLatexEditor"
-                        v-if="addContentVisible"
-                        ref="addContent"
-                        style="margin-left: -115px"
-                    ></common-content>
-                </el-form-item>
-            </el-form>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="editVisible = false"> Cancel </el-button>
-                <el-button type="primary" @click="handleSaveAddContent">
-                    <!-- <i class="el-icon-finished" style="margin-right: 5px"></i> -->
-                    Save
-                </el-button>
-            </span>
-        </el-dialog>
-        <common-late-x v-if="showLateX" @close="showLateX = false" @save="saveLateX" :LateXInfo="LateXInfo"></common-late-x>
-    </div>
-</template>
-
-<script>
-import bus from '@/components/common/bus';
-import { del, isShallow } from 'vue';
-import Tiff from 'tiff.js';
-import { mediaUrl } from '@/common/js/commonJS.js'; // 引入通用逻辑
-import Tinymce from '@/components/page/components/Tinymce';
-import bottomTinymce from '@/components/page/components/Tinymce';
-export default {
-    data() {
-        return {
-            LateXInfo: {},
-            isEditComment: false,
-            showLateX: false,
-            comments: [],
-            remarkImageUrl: 'https://submission.tmrjournals.com/public/usericon/20241222/4e77ba3f29ce3cf798b36f24dc411b76.png',
-            isFirstComponentLoaded: false,
-            isWordComponentLoaded: false,
-            currentContent: null,
-            editVisible: false,
-            currentId: null,
-            ManuscirptContent: [],
-            articleId: this.$route.query.id,
-            isShowComment: false,
-            urlList: {
-                delete: 'api/Preaccept/delArticleMains',
-                addRow: 'api/Preaccept/addBlankRow',
-                addComment: 'api/Preaccept/createArticleMainCheckForEditor',
-                editComment: 'api/Preaccept/editArticleMainCheck',
-                solveComment: 'api/Preaccept/completeArticleMainCheckForAuthor',
-                cancelSolveComment: 'api/Preaccept/rejectArticleMainCheckForEditor',
-                deleteComment: 'api/Preaccept/delArticleMainCheckForEditor',
-                replyComment: 'api/Preaccept/rejectArticleMainCheckForAuthor',
-                content: 'api/Preaccept/getArticleMainsRecycle',
-                huifuContent: 'api/Preaccept/replyArticleRecycle',
-                editContent: 'api/Preaccept/editArticleMainsForAuthor',
-                setPositioningTable: 'api/Preaccept/positioningTable',
-                removePositioningTable: 'api/Preaccept/removeTable',
-                setPositioningImage: 'api/Preaccept/positioningImage',
-                removePositioningImage: 'api/Preaccept/removeImage',
-                addImage: 'api/Preaccept/addMainImage',
-                editImage: 'api/Preaccept/editMainImage',
-                addTable: 'api/Preaccept/addMainTable',
-                editTable: 'api/Preaccept/editMainTable'
-            },
-            wordStyle: `
-            // p {
-            // position: relative;
-            // padding: 8px 15px;
-            // min-height: 22px;
-            // border: 2px dashed #fff;
-            // border-radius: 5px;
-            // color: #606266;
-            // }
-            // p {
-            // font-size: 14px;
-            // line-height: 22px;
-            // }
-
-            .imgBox .chNumer {
-            position: absolute;
-            top: -2px;
-            right: -1px;
-            border-radius: 3px;
-            font-size: 10px;
-            background-color: rgb(0 102 153 / 85%);
-            color: #fff;
-            padding: 0 6px;
-            }
-
-            .MaxPicture {
-            text-align: center;
-            }
-
-            .MaxPicture > img {
-            margin-bottom: 10px;
-            }
-
-            .font {
-            display: block;
-            margin: 0 auto;
-            font-size: 13px;
-            }
-            .tableTitle{
-                text-align:center!important;
-                font-weight: bold;
-            }
-            `,
-            tables: [],
-            htmlContent: '',
-
-            baseUrl: this.Common.baseUrl,
-            // baseUrl: 'https://submission.tmrjournals.com/',
-            // mediaUrl: this.Common.mediaUrl,//暂时注释2024121601
-            mediaUrl: mediaUrl, //
-            Art_Id: this.$route.query.id,
-            Art_Doi: this.$route.query.doi,
-            Art_web_Id: this.$route.query.artID,
-            Art_P_Id: '',
-            btnDisble: true,
-            detailTitle: '',
-            Main_List: [],
-            txtStyle: {
-                text: '',
-                ChGtpTxt: ''
-            },
-            txtVisible: false,
-            addContentVisible: false,
-            addContent: {},
-            lineStyle: {},
-            contentStyle: {},
-            lineTable: [],
-            threeVisible: false,
-            picStyle: {},
-            commentForm: {},
-            commentVisible: false,
-            pictVisible: false,
-            typesettingType: 1,
-            imagesList: [],
-            exegesis: "The following contents'<b></b>,<i></i>'are necessary for the generation phase, please do not delete them!!!"
-        };
-    },
-    components: {
-        Tinymce,
-        bottomTinymce
-    },
-    computed: {
-        combinedValue() {
-            // 将两个值组合成一个新的值，可以是字符串、数组、对象等
-            // return `${this.isFirstComponentLoaded}-${this.isWordComponentLoaded}`;
-        }
-    },
-    watch: {
-        // 监听计算属性
-        // combinedValue(newVal, oldVal) {
-        //     console.log('value1 或 value2 发生变化');
-        //     console.log('新值:', newVal);
-        //     console.log('旧值:', oldVal);
-        //     // 处理任意一个值变化的逻辑
-        //     this.updateWordTiffImage(newVal);
-        // }
-    },
-
-    directives: {
-        // 注册一个局部的自定义指令 v-focus
-        focus: {
-            // 指令的定义
-            inserted: function (el) {
-                // 聚焦元素
-                el.querySelector('textarea').focus();
-            }
-        }
-    },
-    created() {
-        localStorage.removeItem('scrollPosition');
-        this.isShowEditComment();
-        this.getDate();
-        this.getCommentList();
-        // this.loadDictionary().catch(console.error);
-    },
-    mounted() {},
-    activated() {
-        this.isShowEditComment();
-        this.getDate();
-        this.getCommentList();
-    },
-
-    methods: {
-        openLatexEditor(data) {
-            console.log('data at line 563:', data);
-            this.showLateX = true;
-            this.LateXInfo = data;
-        },
-        isShowEditComment() {
-            if (localStorage.getItem('U_role')) {
-                var identity = localStorage.getItem('U_role');
-                if (identity.includes('editor')) {
-                    this.isEditComment = true;
-                } else {
-                    this.isEditComment = false;
-                }
-            }
-        },
-
-        loadedWord() {
-            this.isWordComponentLoaded = true;
-        },
-        // 监听第一个兄弟组件加载完毕
-        // onFirstComponentLoaded(imagesList) {
-        //     this.imagesList = [...imagesList];
-        //     this.isFirstComponentLoaded = true;
-        // },
-        // updateWordTiffImage(data) {
-        //     console.log('updateWordTiffImage at line 423:', data);
-
-        //     if (this.isFirstComponentLoaded && this.isWordComponentLoaded) {
-        //         this.imagesList.forEach((e) => {
-        //             if (e.dataUrl) {
-        //                 this.$nextTick(() => {
-        //                     this.$refs.commonWord.replacePlaceholderImage(e.ami_id, e.dataUrl);
-        //                 });
-        //             }
-        //         });
-        //     }
-        // },
-        handleSaveContent() {
-            this.$refs.commonContent.getTinymceContent('content');
-        },
-        handleSaveAddContent() {
-            this.$refs.addContent.getTinymceContent('addcontent');
-        },
-
-        async getContent(type, content) {
-            console.log('content at line 539:', content);
-            if (type == 'content') {
-                content = this.$commonJS.transformHtmlString(content);
-                console.log('content at line 604:', content);
-                var div = document.createElement('div');
-                div.innerHTML = content; // 将 HTML 字符串加载到 div 中
-                // 替换所有 <strong> 为 <b>
-                var strongTags = div.getElementsByTagName('strong');
-                for (var i = 0; i < strongTags.length; i++) {
-                    var bTag = document.createElement('b');
-                    bTag.innerHTML = strongTags[i].innerHTML; // 保留内容
-                    strongTags[i].parentNode.replaceChild(bTag, strongTags[i]);
-                }
-                // 替换所有 <em> 为 <i>
-                var emTags = div.getElementsByTagName('em');
-                for (var i = 0; i < emTags.length; i++) {
-                    var iTag = document.createElement('i');
-                    iTag.innerHTML = emTags[i].innerHTML; // 保留内容
-                    emTags[i].parentNode.replaceChild(iTag, emTags[i]);
-                }
-
-                // 获取最终修改后的 HTML
-                content = div.innerHTML;
-
-                this.saveContent(content, this.currentContent.am_id);
-            } else if (type == 'addcontent') {
-                var hasTable = /<table[\s\S]*?>[\s\S]*?<\/table>/i.test(content);
-
-                if (hasTable) {
-                    this.$message({
-                        type: 'warning',
-                        message: 'Table content is not supported!'
-                    });
-                    return false;
-                }
-                var list = this.$commonJS.cleanAndParseWordContent(content);
-                console.log('list at line 569:', list);
-
-                this.saveContentList(list, this.currentId);
-            } else if (type == 'table') {
-                this.saveTable(content);
-            } else if (type == 'comment') {
-                this.addComment(content);
-            }
-        },
-        async saveContent(content, am_id) {
-            var that = this;
-            var str = content.replace(/^<p>\s*(.*?)\s*<\/p>$/, '$1').trim();
-            // var str = content.replace(/^<p>(.*?)<\/p>$/, '$1') ? content.replace(/^<p>(.*?)<\/p>$/, '$1') : '';
-            console.log('str at line 580:', JSON.stringify(str));
-
-            // if (str == '') {
-            //     this.$message({
-            //         type: 'warning',
-            //         message: 'Please enter the content!'
-            //     });
-            // }
-            str = await that.$commonJS.decodeHtml(str);
-            
-            await that.$api
-                .post(that.urlList.editContent, {
-                    am_id: am_id,
-                    content: str
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        this.editVisible = false;
-                        this.getDate();
-                        this.getCommentList();
-                    }
-                });
-        },
-        async saveContentList(content, am_id) {
-            if (content.length == 0) {
-                this.$message({
-                    type: 'warning',
-                    message: 'Please enter the content!'
-                });
-            }
-
-            await this.$api
-                .post('api/Preaccept/addMoreRow', {
-                    article_id: this.articleId,
-                    am_id: am_id,
-                    rows: content
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        this.addContentVisible = false;
-                        this.getDate();
-                        this.getCommentList();
-                    }
-                });
-        },
-        deleteComment(comment, index) {
-            console.log('comment at line 480:', comment);
-            if (this.isEditComment) {
-                this.$confirm(this.$t('commonTable.removeAnnotations'), 'Prompt', {
-                    confirmButtonText: 'Submit',
-                    cancelButtonText: 'Cancel',
-                    type: 'warning'
-                })
-                    .then(() => {
-                        this.$api
-                            .post(this.urlList.deleteComment, {
-                                amc_id: comment.amc_id
-                            })
-                            .then((res) => {
-                                if (res.code == 0) {
-                                    this.getDate();
-                                    this.getCommentList();
-                                } else {
-                                    this.$message.error(res.msg);
-                                }
-                            });
-                        // this.comments.splice(index, 1); // 删除评论
-                    })
-                    .catch(() => {});
-            }
-        },
-        saveLateX(data) {
-            console.log('data at line 735:', data);
-            const { editorId, wmathId, latex } = data;
-            const newLatex = latex ? latex.trim() : '';
-            if (!editorId || !wmathId) return;
-            const targetEditor = tinymce.get(editorId);
-            if (!targetEditor) return;
-            const targetWmath = targetEditor.dom.select(`wmath[data-id="${wmathId}"]`, targetEditor.getBody())[0];
-            if (targetWmath) {
-                if (!newLatex) {
-                    // ❌ 删除公式
-                    targetEditor.dom.remove(targetWmath);
-                } else {
-                    // ✅ 更新公式
-                    targetWmath.setAttribute('data-latex', newLatex);
-                    targetWmath.innerHTML = newLatex;
-
-                    setTimeout(() => {
-                        if (typeof renderMathJax === 'function') {
-                            this.window.renderMathJax(editorId);
-                        }
-                    }, 10);
-                }
-            }
-        },
-        async huifu(id) {
-            var that = this;
-            await this.$confirm(this.$t('commonTable.reContent'), 'Prompt', {
-                confirmButtonText: 'Submit',
-                cancelButtonText: 'Cancel',
-                type: 'warning'
-            })
-                .then(async () => {
-                    var that = this;
-                    await that.$api
-                        .post(that.urlList.huifuContent, {
-                            am_id: id
-                        })
-                        .then(async (res) => {
-                            if (res.code == 0) {
-                                this.getDate();
-                            }
-                        });
-                })
-                .catch((err) => {
-                    console.log('err at line 466:', err);
-                });
-        },
-        async getManuscirptContent() {
-            var that = this;
-            await that.$api
-                .post(that.urlList.content, {
-                    article_id: this.articleId
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        this.ManuscirptContent = res.data.list;
-                        // this.$refs.commonWordHtmlTypeSetting.getCommentList();
-                    }
-                });
-        },
-        changeComment() {
-            this.isShowComment = !this.isShowComment;
-        },
-
-        // 编辑评论，显示文本框
-        goToListComment(id, type) {
-            var am_id;
-            if (type == 'img') {
-                am_id = this.Main_List.find((item) => item.ami_id == id).am_id;
-            } else {
-                am_id = this.Main_List.find((item) => item.amt_id == id).am_id;
-            }
-            if (am_id) {
-                this.goToComment(am_id);
-            }
-        },
-        goToComment(mainId) {
-            this.$nextTick(() => {
-                this.$refs.commonWord.goToComment(mainId);
-            });
-        },
-        getTables(tables, html) {
-            this.tables = data.map((e, i) => ({ ...e, p_main_table_id: 2141 + i, p_article_id: 2141 }));
-            this.tablesHtml = html;
-        },
-        onDragStart(event, image, index, type) {
-            if (type == 'img') {
-                event.dataTransfer.setData('image', JSON.stringify({ ...image }));
-                event.dataTransfer.setData('imageIndex', index);
-            } else {
-                event.dataTransfer.setData('table', JSON.stringify({ table: image.table, amt_id: image.amt_id, title: image.title }));
-                event.dataTransfer.setData('tableIndex', index);
-            }
-        },
-        async onDelete(dataId) {
-            var dataInfo = this.Main_List.find((item) => item.am_id == dataId);
-
-            var type = '';
-            if (dataInfo.type == 1) {
-                type = 'img';
-            } else if (dataInfo.type == 2) {
-                type = 'table';
-            } else if (dataInfo.type == 0) {
-                type = 'content';
-            }
-
-            await this.$confirm(this.$t('commonTable.removeContent'), 'Prompt', {
-                confirmButtonText: 'Submit',
-                cancelButtonText: 'Cancel',
-                type: 'warning'
-            })
-                .then(async () => {
-                    var that = this;
-                    var url = '';
-                    switch (type) {
-                        case 'table':
-                            url = that.urlList.removePositioningTable;
-                            break;
-                        case 'img':
-                            url = that.urlList.removePositioningImage;
-                            break;
-                        case 'content':
-                            url = that.urlList.delete;
-                            break;
-                    }
-                    await that.$api
-                        .post(url, {
-                            am_id: dataId
-                        })
-                        .then(async (res) => {
-                            if (res.code == 0) {
-                                setTimeout(() => {
-                                    that.getDate();
-                                    that.getCommentList();
-                                    if (type == 'img') {
-                                        that.$refs.commonWordHtmlTypeSetting.refresh('img');
-                                    } else {
-                                        that.$refs.commonWordHtmlTypeSetting.refresh('table');
-                                    }
-
-                                    that.$forceUpdate();
-                                });
-                            }
-                        });
-                    // this.Main_List.splice(
-                    //     this.Main_List.findIndex((item) => item.p_main_id == dataId),
-                    //     1
-                    // );
-                })
-                .catch((err) => {
-                    console.log('err at line 466:', err);
-                });
-        },
-        async onDeletes(dataId) {
-            await this.$confirm(this.$t('commonTable.removeContent'), 'Prompt', {
-                confirmButtonText: 'Submit',
-                cancelButtonText: 'Cancel',
-                type: 'warning'
-            })
-                .then(async () => {
-                    var that = this;
-
-                    await that.$api
-                        .post('/api/Preaccept/delMoreArticleMains', {
-                            ids: dataId
-                        })
-                        .then(async (res) => {
-                            if (res.code == 0) {
-                                setTimeout(() => {
-                                    that.getDate();
-                                    that.getCommentList();
-                                    that.$refs.commonWordHtmlTypeSetting.refresh('img');
-                                    that.$refs.commonWordHtmlTypeSetting.refresh('table');
-                                    that.$forceUpdate();
-                                });
-                            }
-                        });
-                    // this.Main_List.splice(
-                    //     this.Main_List.findIndex((item) => item.p_main_id == dataId),
-                    //     1
-                    // );
-                })
-                .catch((err) => {
-                    console.log('err at line 466:', err);
-                });
-        },
-        async changeSort(type, id) {
-            var that = this;
-            await that.$api
-                .post(type == 'up' ? '/api/Preaccept/upArticleMain' : '/api/Preaccept/downArticleMain', {
-                    am_id: id
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        setTimeout(() => {
-                            that.getDate();
-                            that.getCommentList();
-
-                            that.$forceUpdate();
-                        });
-                    }
-                });
-        },
-        async addCommentSetting(content) {
-            console.log('content at line 602:', content);
-            await this.$api
-                .post(this.urlList.addComment, {
-                    am_id: content.am_id,
-                    remark: content.remark
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        this.$forceUpdate();
-                        // this.commentVisible = false;
-                        // this.getDate()
-                        this.$nextTick(() => {
-                            this.$refs.commonWordHtmlTypeSetting.getCommentList();
-                        });
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                })
-                .catch((err) => {
-                    this.$message.error(err.msg);
-                });
-        },
-        async addComment(content) {
-            console.log('content at line 603:', this.commentForm);
-            var str = content.replace(/^<p>(.*?)<\/p>$/, '$1') ? content.replace(/^<p>(.*?)<\/p>$/, '$1') : '';
-            if (str == '') {
-                this.$message({
-                    type: 'warning',
-                    message: 'Please enter the Comment!'
-                });
-                return;
-            }
-
-            if (this.commentForm.type == 'user') {
-                await this.$api
-                    .post(this.urlList.replyComment, {
-                        amc_id: this.commentForm.amc_id,
-                        author_remark: str
-                    })
-                    .then(async (res) => {
-                        if (res.code == 0) {
-                            this.$forceUpdate();
-                            this.commentVisible = false;
-                            this.getDate();
-                            this.getCommentList();
-                            this.$nextTick(() => {});
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    })
-                    .catch((err) => {
-                        this.$message.error(err.msg);
-                    });
-            } else {
-                var data = {};
-                if (this.commentForm.amc_id) {
-                    data = {
-                        amc_id: this.commentForm.amc_id,
-
-                        remark: str
-                    };
-                } else {
-                    data = {
-                        article_id: this.articleId,
-                        am_id: this.commentForm.am_id,
-                        content: this.commentForm.content,
-                        remark: str
-                    };
-                }
-                await this.$api
-                    .post(this.commentForm.amc_id ? this.urlList.editComment : this.urlList.addComment, { ...data })
-                    .then(async (res) => {
-                        if (res.code == 0) {
-                            this.$forceUpdate();
-                            this.commentVisible = false;
-                            this.getDate();
-                            this.getCommentList();
-                            this.$nextTick(() => {});
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    })
-                    .catch((err) => {
-                        this.$message.error(err.msg);
-                    });
-            }
-        },
-        async onComment(dataId) {
-            var data = this.Main_List.find((item) => item.am_id == dataId);
-            if (data && data.remark) {
-                this.$alert(
-                    `<p style="display:flex;"><img   src="${this.remarkImageUrl}" alt="" style="width:20px;height:20px;margin-right:10px;"/><span style=" overflow-wrap: break-word;width:calc(100% - 50px)"> ${data.remark}</span></p>`,
-                    'Annotations',
-                    {
-                        confirmButtonText: 'OK',
-                        dangerouslyUseHTMLString: true, // 启用 HTML 渲染
-                        callback: (action) => {}
-                    }
-                );
-            }
-        },
-        onRefresh() {
-            this.getDate();
-            this.getCommentList();
-        },
-        editComment(comment, type) {
-            console.log('comment at line 813:', comment);
-            this.commentForm = {
-                ...comment,
-                type: type,
-                remark: type == 'user' ? comment.author_remark : comment.remark
-            };
-            console.log('this.commentForm at line 815:', this.commentForm);
-            this.commentVisible = true;
-        },
-        async onAddComment(data) {
-            var form = this.Main_List.find((item) => item.am_id == data.mainId);
-            this.commentForm = {
-                ...form,
-                content: data.label ? data.label : '',
-                remark: '',
-                type: 'add',
-                role: 'editor'
-            };
-            this.commentVisible = true;
-        },
-        async replyComment(data) {
-            this.commentForm = {
-                ...data,
-                remark: data.author_remark,
-                type: 'user'
-            };
-            this.commentVisible = true;
-        },
-        async onEditTitle(data) {
-            var url;
-            switch (data.value) {
-                case 0:
-                    url = 'api/Preaccept/changeNormal';
-                    break;
-                case 1:
-                    url = 'api/Preaccept/changeH1';
-                    break;
-                case 2:
-                    url = 'api/Preaccept/changeH2';
-                    break;
-                case 3:
-                    url = 'api/Preaccept/changeH3';
-                    break;
-            }
-
-            console.log('data at line 739:', data);
-            await this.$api
-                .post(url, {
-                    am_id: data.mainId
-                })
-                .then(async (res) => {
-                    this.getDate();
-                    this.getCommentList();
-                })
-                .catch((err) => {
-                    this.$message.error(err.msg);
-                });
-        },
-        async onAddRow(mainId) {
-            console.log('data at line 886:', mainId);
-
-            await this.$api
-                .post(this.urlList.addRow, {
-                    am_id: mainId,
-                    article_id: this.articleId
-                })
-                .then(async (res) => {
-                    this.getDate();
-                    this.getCommentList();
-                })
-                .catch((err) => {
-                    this.$message.error(err.msg);
-                });
-        },
-        async solveComment(data) {
-            await this.$api
-                .post(this.urlList.solveComment, {
-                    amc_id: data.amc_id
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        this.getDate();
-                        this.getCommentList();
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                })
-                .catch((err) => {
-                    this.$message.error(err.msg);
-                });
-        },
-        async cancelSolveComment(data) {
-            await this.$api
-                .post(this.urlList.cancelSolveComment, {
-                    amc_id: data.amc_id
-                })
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        this.getDate();
-                        this.getCommentList();
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                })
-                .catch((err) => {
-                    this.$message.error(err.msg);
-                });
-        },
-        clearButton() {
-            var deleteButtons = document.querySelectorAll('.wordButtonContainer');
-            deleteButtons.forEach(function (button) {
-                button.remove(); // 移除每个 wordButtonContainer 按钮
-            });
-        },
-        handleImageAdd(type) {
-            this.picStyle = { note: '', picUrl: '' };
-            this.picStyle.visiTitle = 'Add Figure';
-            this.pictVisible = true;
-        },
-        handleTableAdd(type) {
-            this.lineStyle = { note: '', table_data: '', html_data: '' };
-            this.lineStyle.visiTitle = 'Add Table';
-            this.threeVisible = true;
-        },
-        handleImageEdit(data, type) {
-            console.log('data at line 600:', data);
-            if (type == 'img') {
-                var extension = data.url.split('.').pop().toLowerCase();
-                this.picStyle = {};
-                this.picStyle = { ...data, extension: extension, picUrl: data.url };
-                this.picStyle.visiTitle = 'Edit Figure';
-                this.pictVisible = true;
-            } else if (type == 'table') {
-                this.lineStyle = {};
-                this.lineStyle = {
-                    ...data,
-                    table: JSON.parse(data.table_data),
-                    html_data: data.html_data,
-                    note: data.note,
-                    title: data.title
-                };
-                this.lineStyle.visiTitle = 'Edit Table';
-                this.threeVisible = true;
-            }
-        },
-        updateChange(content, type) {
-            // console.log('content at line 1154:', content);
-            // console.log('content at line 976:', content);
-            var str = this.$commonJS.transformHtmlString(content);
-            if (type == 'imgNote') {
-                this.picStyle.note = str;
-            } else {
-                this.lineStyle[type] = str;
-            }
-        },
-        onEdit(dataId) {
-            this.currentContent = {};
-            this.picStyle = {};
-            this.lineStyle = {};
-            this.currentId = null;
-            this.clearButton();
-            var data = this.Main_List.find((item) => item.am_id == dataId);
-            // console.log('data at line 667:', data);
-            if (data.type == 1) {
-                var extension = data.image.url.split('.').pop().toLowerCase();
-                if (extension == 'tif') {
-                    const imgElement = document.querySelector(`[data-img-id="${data.ami_id}"]`);
-                    if (imgElement) {
-                        // 获取图片的 src
-                        data.dataUrl = imgElement.src;
-                    }
-                } else if (['jpg', 'jpeg', 'png'].includes(extension)) {
-                } else {
-                }
-                this.currentContent = { ...data, extension: extension };
-                this.picStyle = { ...data, extension: extension, picUrl: data.image.url, note: data.image.note };
-                this.picStyle.visiTitle = 'Edit Figure';
-                this.pictVisible = true;
-            } else if (data.type == 2) {
-                this.currentContent = { ...data };
-                this.lineStyle = {
-                    ...data,
-                    table: JSON.parse(data.table.table_data),
-                    html_data: data.table.html_data,
-                    note: data.table.note,
-                    title: data.table.title
-                };
-                this.lineStyle.visiTitle = 'Edit Table';
-                this.threeVisible = true;
-            } else {
-                data.content = data.content.replace(/<span[^>]*>/g, '').replace(/<\/span>/g, ''); // 去除span标签
-                this.currentContent = data;
-
-                this.editVisible = true;
-                this.currentId = dataId;
-            }
-        },
-        onAddContent(dataId) {
-            this.addContentVisible = true;
-            this.addContent = {};
-
-            this.currentId = dataId;
-        },
-        async onDrop(event, dataId) {
-            if (event.dataTransfer.getData('image')) {
-                const draggedImage = JSON.parse(event.dataTransfer.getData('image'));
-                const draggedImageIndex = JSON.parse(event.dataTransfer.getData('imageIndex'));
-                this.$nextTick(async () => {
-                    await this.$api
-                        .post(this.urlList.setPositioningImage, {
-                            am_id: dataId,
-                            ami_id: draggedImage.ami_id
-                        })
-                        .then(async (res) => {
-                            if (res.code == 0) {
-                                this.getDate();
-                                this.$nextTick(() => {
-                                    this.$refs.commonWordHtmlTypeSetting.refresh('img');
-                                });
-                                this.$forceUpdate();
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err.msg);
-                        });
-                });
-                // this.Main_List.splice(index + 1, 0, draggedImage);
-                // this.$nextTick(() => {
-                //     this.$refs.commonWordHtmlTypeSetting.changeIsHidden(draggedImageIndex, true, 'img');
-                // });
-            } else {
-                const draggedtable = JSON.parse(event.dataTransfer.getData('table'));
-
-                this.$nextTick(async () => {
-                    await this.$api
-                        .post(this.urlList.setPositioningTable, {
-                            am_id: dataId,
-                            amt_id: draggedtable.amt_id
-                        })
-                        .then(async (res) => {
-                            if (res.code == 0) {
-                                this.getDate();
-                                this.$nextTick(() => {
-                                    this.$refs.commonWordHtmlTypeSetting.refresh('table');
-                                });
-                                this.$forceUpdate();
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err.msg);
-                        });
-                });
-
-                // const draggedtableIndex = JSON.parse(event.dataTransfer.getData('tableIndex'));
-
-                // this.Main_List.splice(index + 1, 0, draggedtable);
-                // console.log('this.Main_List.splice at line 447:', this.Main_List);
-            }
-
-            // this.getWord();
-        },
-        getCommentList() {
-            this.$api
-                .post('api/Preaccept/getArticleMainCheckList', {
-                    article_id: this.articleId
-                })
-                .then((res) => {
-                    this.comments = res.data.list;
-                    // this.positionAnnotations();
-                });
-        },
-        getWord() {
-            //             var htmlContent = `<h3 class="man_Title"  contenteditable="false">${this.detailTitle} </h3>`;
-            //             htmlContent += this.Main_List.map((item) => {
-            //                 //批注
-            //                 let contentHtml = '';
-            //                 var isRemark = ``;
-            //                 if (item.remark && item.remark != '') {
-            //                     // isRemark = `<img class="isRemark" main-id="${item.am_id}"  src="${this.remarkImageUrl}" alt="" style="width:20px;height:20px;"/>`;
-            //                     isRemark = `<span class="isRemark"  main-id="${item.am_id}"><img  class="isRemarkIcon"  main-id="${item.am_id}" src="${
-            //                         this.remarkImageUrl
-            //                     }" alt="" style="width: 20px; height: 20px" />
-
-            //                          <span class="isRemarkIcon"  main-id="${item.am_id}" > (${item.am_id})</span>
-            //                         ${item.state == 0 ? `<span class="Resolved"  main-id="${item.am_id}">Resolved</span>` : ''}
-            //                 </span>
-
-            //                 `;
-            //                 }
-            //                 // 判断是否是图片
-            //                 if (item.type == 1) {
-            //                     var extension = item.image.url.split('.').pop().toLowerCase();
-            //                     if (extension == 'tif') {
-            //                         contentHtml = `
-            //                         <p contenteditable="false" main-state="${item.state}" class="MaxPicture pMain" data-id="${item.ami_id}" main-id="${
-            //                             item.am_id
-            //                         }">
-            //             <img src="" data-img-id="${item.ami_id}" style="width: ${item.width ? `${item.width}px` : '100%'}" />
-            //             <font class="font" style="width: ${item.width ? `${item.width}px` : '100%'}">${item.image.note ? item.image.note : ''}</font>
-            //         </p>
-            //                             `;
-            //                     } else if (['jpg', 'jpeg', 'png'].includes(extension)) {
-            //                         contentHtml = `
-            //                                 <p contenteditable="false" main-state="${item.state}" class="MaxPicture pMain" data-id="${
-            //                             item.ami_id
-            //                         }" main-id="${item.am_id}">
-            //                                     ${isRemark}
-            //                                     <img src="${this.mediaUrl + item.image.url}" style="width: ${
-            //                             item.width ? `${item.width}px` : '100%'
-            //                         }"  />
-            //                                    <font  class="font" style="width: ${item.width ? `${item.width}px` : '100%'}" >${
-            //                             item.image.note ? item.image.note : ''
-            //                         }</font>
-            //                                 </p>
-            //                             `;
-            //                     } else {
-            //                         contentHtml = `
-            //                                 <p contenteditable="false" main-state="${item.state}" class="MaxPicture pMain" data-id="${
-            //                             item.ami_id
-            //                         }" main-id="${item.am_id}">
-            //                                    ${isRemark}
-            //                                     <span
-            //                                             style="
-            //                                                 text-align: center;
-            //                                                 font-size: 30px;
-            //                                                 display: flex;
-            //                                                 align-items: center;
-            //                                                 justify-content: center;
-            //                                             "
-            //                                         >
-            //                                         Figures ( .${item.image.url.split('.').pop().toUpperCase()})
-            //                                               </span>
-
-            //                                    <font  class="font" style="width: ${item.width ? `${item.width}px` : '100%'}" >${
-            //                             item.image.note ? item.image.note : ''
-            //                         }</font>
-            //                                 </p>
-            //                             `;
-            //                     }
-            //                 } else if (item.type == 2) {
-            //                     var tableList = JSON.parse(item.table.table_data);
-
-            //                     contentHtml = `
-            //     <div contenteditable="false" data-id="${item.amt_id}" main-state="${item.state}" main-id="${
-            //                         item.am_id
-            //                     }" class="thumbnailTableBox wordTableHtml table_Box pMain" style="width: 100%; padding: 8px 15px; box-sizing: border-box; border-radius: 4px; position: relative;">
-            //         ${isRemark}
-            //         <font  class="font tableTitle" style="width:100%" >${item.table.title ? item.table.title : ''}</font>
-            //                     <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('')} <!-- join the cells in the row -->
-            //                     </tr>
-            //                 `;
-            //                 })
-            //                 .join('')} <!-- join the rows -->
-            //         </table>
-            //         <font  class="font" style="width:100%" >${item.table.note ? item.table.note : ''}</font>
-            //     </div>
-            // `;
-            //                 } else {
-            //                     contentHtml = `<p class="pMain" main-state="${item.state}" contenteditable="false" data-id="${item.am_id}" main-id="${item.am_id}">${isRemark}${item.content}</p>`;
-            //                 }
-
-            //                 // 判断是否是表格类型
-
-            //                 return contentHtml;
-            //             }).join('');
-            // this.htmlContent = htmlContent;
-            this.htmlContent = 'true';
-        },
-        // 获取数据
-        async getDate() {
-            this.imagesList = [];
-            let urlLInk = '';
-            let urlTask = {};
-            if (this.Art_Id != undefined) {
-                urlLInk = 'api/Preaccept/getArticleMains';
-                urlTask.article_id = this.Art_Id;
-            }
-
-            const loading = this.$loading({
-                lock: true,
-                text: 'Loading...',
-                spinner: 'el-icon-loading',
-                background: 'rgba(0, 0, 0, 0.7)'
-            });
-
-            // 获取文章信息
-            await this.$api
-                .post(urlLInk, urlTask)
-                .then(async (res) => {
-                    if (res.code == 0) {
-                        // res.data.list.forEach((data) => {
-                        //     if (data.amt_id) {
-                        //         try {
-                        //             const parsedData = JSON.parse(data.table.table_data);
-                        //         } catch (e) {
-                        //             console.error(e.message);
-                        //         }
-                        //     }
-                        // });
-
-                        this.Main_List = res.data.list;
-                        this.getManuscirptContent();
-                        for (let i = 0; i < this.Main_List.length; i++) {
-                            this.Main_List[i].text = this.Main_List[i].content;
-                            this.Main_List[i].getnum = 0;
-                        }
-
-                        // setTimeout(async () => {
-                        this.$nextTick(async () => {
-                            await this.getWord();
-                            loading.close();
-                        });
-                        // }, 1000);
-                    } else {
-                        this.$message.error(res.msg);
-                        loading.close();
-                    }
-                })
-                .catch((err) => {
-                    this.$message.error(err);
-                    loading.close();
-                });
-        },
-
-        // 修改段落/图片
-        MTxtEdit(val, num) {
-            this.picStyle = JSON.parse(JSON.stringify(val));
-            this.picStyle.picUrl = this.picStyle.content;
-            this.picStyle.imageUrl = this.baseUrl + 'public/mainimg/' + this.picStyle.content;
-            this.picStyle.visiTitle = 'Edit Figure';
-            this.pictVisible = true;
-        },
-
-        // 转化为gpt标准格式
-        trsanGtp() {
-            if (this.btnDisble) {
-                this.btnDisble = false;
-                this.$api
-                    .post('api/Production/mainGptcheck', {
-                        p_main_id: this.txtStyle.p_main_id
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.txtStyle.ChGtpTxt = res.data.content;
-                            this.btnDisble = true;
-                            // this.$forceUpdate()
-                            this.$message.success('Converting success!');
-                        } else {
-                            this.btnDisble = true;
-                            this.$message.error('Converting fail!');
-                        }
-                    })
-                    .catch((err) => {
-                        this.btnDisble = true;
-                        this.$message.error('Converting fail!');
-                    });
-            } else {
-                this.$message.warning('Converting, please wait!');
-            }
-        },
-
-        // 替换Gtp生成的内容
-        replceChGpr(val) {
-            this.txtStyle.text = JSON.parse(JSON.stringify(this.txtStyle.ChGtpTxt));
-        },
-
-        // 确定保存段落修改
-        saveTxt() {
-            this.$api
-                .post('api/Production/editProductionMain', {
-                    p_main_id: this.txtStyle.p_main_id,
-                    content: this.txtStyle.text
-                })
-                .then((res) => {
-                    if (res.code == 0) {
-                        this.$message.success('Successfully edit text!');
-                        this.txtVisible = false;
-                        this.getDate();
-                        // this.Main_List[this.txtStyle.index].text = JSON.parse(JSON.stringify(this.txtStyle.text))
-                    } else {
-                        this.$message.error(res.msg);
-                    }
-                })
-                .catch((err) => {
-                    this.$message.error(err);
-                });
-        },
-
-        // 图片段落
-        MTxtPic(val, num) {
-            this.picStyle.pre_type = 'img';
-            // this.picStyle.body = val.p_main_img_id;
-
-            this.picStyle.p_article_id = this.Art_P_Id;
-            this.picStyle.titleBot = '';
-            this.picStyle.note = '';
-            this.picStyle.width = '500';
-            this.picStyle.picUrl = '';
-            this.picStyle.imageUrl = '';
-            this.picStyle.visiTitle = 'Insert Picture Backward';
-            this.pictVisible = true;
-        },
-
-        // 确定保存图片
-        async savePic() {
-            this.picStyle.picUrl;
-            var str = this.picStyle.note;
-            str = await this.$commonJS.decodeHtml(str);
-            if (this.picStyle.visiTitle == 'Edit Figure') {
-                this.$api
-                    .post(this.urlList.editImage, {
-                        ami_id: this.picStyle.ami_id,
-                        url: this.picStyle.picUrl,
-                        note: str
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.$message.success('Successfully edit Figure!');
-                            this.pictVisible = false;
-                            this.$nextTick(() => {
-                                this.getDate();
-                                this.getCommentList();
-                                this.$forceUpdate();
-                            });
-
-                            this.$refs.commonWordHtmlTypeSetting.refresh('img');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    })
-                    .catch((err) => {
-                        this.$message.error(err);
-                    });
-            } else {
-                this.$api
-                    .post(this.urlList.addImage, {
-                        article_id: this.articleId,
-                        url: this.picStyle.picUrl,
-                        note: this.picStyle.note
-                    })
-                    .then((res) => {
-                        if (res.code == 0) {
-                            this.$message.success('Successfully Add Figure!');
-                            this.pictVisible = false;
-                            this.getDate();
-                            this.$refs.commonWordHtmlTypeSetting.refresh('img');
-                        } else {
-                            this.$message.error(res.msg);
-                        }
-                    })
-                    .catch((err) => {
-                        this.$message.error(err);
-                    });
-            }
-        },
-        handleSaveTable() {
-            this.$nextTick(() => {
-                this.$refs.commonTable.getTableContent('table');
-            });
-        },
-        handleSaveComment() {
-            this.$nextTick(() => {
-                this.$refs.tinymceChildComment.getContent('comment');
-            });
-        },
-        async saveTable(content) {
-            const cleanTableData = (tableList) => {
-                if (tableList.length == 0) {
-                    return [];
-                } else {
-                    // 假设第一行是表头，保存表头
-                    const header = tableList[0];
-
-                    // 从第二行开始，移除与表头相同的行
-                    const cleanedTable = tableList.filter((row, index) => {
-                        // 如果是第一行，则保留
-                        if (index === 0) return true;
-
-                        // 比较当前行的每个单元格与表头是否相同
-                        const isHeaderRow = row.every((cell, cellIndex) => {
-                            return cell.text === header[cellIndex].text;
-                        });
-
-                        return !isHeaderRow; // 只保留与表头不同的行
-                    });
-
-                    return cleanedTable;
-                }
-            };
-            var cleanedTableList = content.table ? content.table : [];
-            console.log('content at line 998:', content);
-
-           
-            cleanedTableList = cleanTableData(content.table);
-            var strTitle = this.lineStyle.title;
-            strTitle = await this.$commonJS.decodeHtml(strTitle);
-
-            var strNote = this.lineStyle.note;
-            if (strNote != '') {
-                strNote = await this.$commonJS.decodeHtml(strNote);
-            }
-
-            if (content && cleanedTableList && cleanedTableList.length > 0) {
-                if (this.lineStyle.visiTitle == 'Edit Table') {
-                    const loading = this.$loading({
-                        lock: true,
-                        text: 'Loading...',
-                        spinner: 'el-icon-loading',
-                        background: 'rgba(0, 0, 0, 0.7)'
-                    });
-                    this.$api
-                        .post(this.urlList.editTable, {
-                            amt_id: this.lineStyle.amt_id,
-                            table_data: JSON.stringify(cleanedTableList),
-                            html_data: content.html_data,
-                            note: strNote,
-                            title: strTitle
-                        })
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.$message.success('Successfully edit Table!');
-                                this.threeVisible = false;
-                                setTimeout(() => {
-                                    this.getDate();
-                                    this.getCommentList();
-                                    this.$refs.commonWordHtmlTypeSetting.refresh('table');
-                                });
-                            } else {
-                                this.$message.error(res.msg);
-                                loading.close();
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err);
-                            loading.close();
-                        });
-                } else {
-                    this.$api
-                        .post(this.urlList.addTable, {
-                            article_id: this.articleId,
-                            table_data: JSON.stringify(cleanedTableList),
-                            html_data: content.html_data,
-                            note: this.lineStyle.note,
-                            title: this.lineStyle.title
-                        })
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.$message.success('Successfully Add Table!');
-                                this.threeVisible = false;
-                                this.getDate();
-                                this.$refs.commonWordHtmlTypeSetting.refresh('table');
-                            } else {
-                                this.$message.error(res.msg);
-                                loading.close();
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err);
-                            loading.close();
-                        });
-                }
-            } else {
-                this.$message.error('Please fill in the table content!');
-                loading.close();
-            }
-        },
-        async removeEvent(row) {
-            //   const type = await VXETable.modal.confirm('您确定要删除该数据?')
-            const $table = this.$refs.xTable;
-            //   if (type === 'confirm') {
-            $table.remove(row);
-            //   }
-        },
-        async insertEvent(row) {
-            const $table = this.$refs.xTable;
-            const record = {};
-            const { row: newRow } = await $table.insertAt(record, row);
-            await $table.setEditCell(newRow, 'name');
-        },
-        // 表格段落
-        MTxtTable(val, num) {
-            this.lineStyle.textarea = '';
-            this.lineStyle.titleCon = '';
-            this.lineTable = [];
-            this.lineStyle = {};
-            this.threeVisible = true;
-
-            this.$forceUpdate();
-        },
-
-        // 表格转化
-        CopyExcelToTable() {
-            if (this.lineStyle.textarea == '') {
-                this.$message.error('Please fill in the table content!');
-                return;
-            }
-
-            let txtRows = this.lineStyle.textarea.split('\n');
-            let txtColum = [];
-            for (let i = 0; i < txtRows.length; i++) {
-                if (txtRows[i] != '') {
-                    let columns = txtRows[i].split('\t');
-                    let dataone = [];
-                    for (let j = 0; j < columns.length; j++) {
-                        dataone.push(columns[j]);
-                    }
-                    txtColum.push(dataone);
-                }
-            }
-            let arrwithNumer = Math.floor(100 / txtColum[0].length) - 2;
-            this.lineStyle.arrwith = [];
-            for (let i = 0; i < txtColum[0].length; i++) {
-                this.lineStyle.arrwith.push(arrwithNumer);
-            }
-            this.lineTable = txtColum;
-        },
-
-        // 推送
-        pushOnline() {
-            // 二次确认
-            this.$confirm('Are you sure you want to push it to the official website?', 'Tips', {
-                type: 'warning'
-            })
-                .then(() => {
-                    this.$api
-                        .post('api/Production/pushMainToWeb', {
-                            article_id: this.Art_web_Id,
-                            p_article_id: this.Art_P_Id
-                        })
-                        .then((res) => {
-                            if (res.code == 0) {
-                                this.$message.success('Successfully push!');
-                                this.getDate();
-                                if (this.Art_Doi != undefined) {
-                                    this.$router.push({
-                                        path: 'comArtHtmlEdit',
-                                        query: {
-                                            artID: this.Art_web_Id
-                                        }
-                                    });
-                                }
-                            } else {
-                                this.$message.error(res.msg);
-                            }
-                        })
-                        .catch((err) => {
-                            this.$message.error(err);
-                        });
-                })
-                .catch(() => {});
-        },
-
-        // 上传图片
-        handleAvatarSuccess(res, file) {
-            if (res.code == 0) {
-                this.picStyle.picUrl = res.data.upurl;
-
-                this.$forceUpdate();
-            } else {
-                this.$message.error(res.msg);
-            }
-            this.picStyle.imageUrl = URL.createObjectURL(file.raw);
-        },
-        handleAvatarError(res, file) {},
-        beforeAvatarUpload(file) {
-            // const isLt2M = file.size / 1024 / 1024 < 10;
-            // if (!isLt2M) {
-            //     this.$message.error('Picture size cannot exceed 10M!');
-            // }
-            // return isLt2M;
-            const isValidFormat = ['image/jpeg', 'image/png', 'image/tiff'].includes(file.type);
-            if (!isValidFormat) {
-                this.$message.error(this.$t('commonTable.uploadImageInfo'));
-            }
-            return isValidFormat; // 返回false将阻止文件上传
-        },
-        positionAnnotations() {
-            this.$nextTick(() => {
-                this.comments.forEach((item) => {
-                    const contentElement = document.querySelector('[remark-main-id="' + item.am_id + '"]');
-                    const annotationElement = document.querySelector('[data-target="main-' + item.am_id + '"]');
-                    if (contentElement && annotationElement) {
-                        const rect = contentElement.getBoundingClientRect();
-                        annotationElement.style.position = 'absolute';
-                        annotationElement.style.top = `${rect.top}px`;
-                    }
-                });
-            });
-        }
-    }
-};
-</script>
-
-<style scoped>
-.lineStyle {
-    border-top: 1px solid #0066994d;
-    padding: 20px 20px 40px 20px;
-}
-
-.lineStyle > div {
-}
-
-.lineStyle > div span.title {
-    font-size: 14px;
-    color: #606266;
-    margin: 0px 10px 0px 0px;
-}
-
-.lineStyle > div font.mark {
-    font-size: 14px;
-    color: #606266;
-    margin: 0px 0px 0px 10px;
-}
-
-.lineStyle .styArry {
-    display: inline-block;
-    margin: 15px 40px 0 0;
-}
-
-.lineStyle .styArry:nth-last-child(1) {
-    margin-right: 0;
-}
-
-.lineAll {
-    margin: 0 auto;
-}
-
-.lineAll .lineTit {
-    padding: 0 0 20px 0;
-    font-size: 14px;
-}
-
-.lineAll .lineTit:nth-child(1) {
-    border-top: 2px solid #333333;
-    border-bottom: 1px solid #333333;
-    padding: 10px 0;
-    font-weight: bold;
-}
-
-.lineAll .lineTit:nth-child(2) {
-    padding-top: 20px;
-}
-
-.lineAll .lineTit:nth-last-child(1) {
-    border-bottom: 2px solid #333333;
-}
-
-.lineAll .lineTit > div {
-    line-height: 22px;
-    vertical-align: middle;
-    display: inline-block;
-    padding: 0 1%;
-}
-
-.man_Title {
-    background-color: #fff;
-    margin: 0 0 10px 0;
-    border-bottom: 1px solid #dde1eb;
-    box-shadow: 0 5px 5px -2px rgb(134 134 134);
-    padding: 12px 25px 8px 25px;
-    font-size: 16px;
-    line-height: 24px;
-    color: #333;
-    position: relative;
-}
-
-.man_Title button {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-}
-
-.type_MTxt {
-    background-color: #fff;
-    padding: 0 10px 10px 10px;
-    box-shadow: 0 1px 3px rgb(16 17 19 / 6%);
-    position: relative;
-}
-
-.type_MTxt > div {
-    position: relative;
-    padding: 8px 15px;
-    min-height: 22px;
-    border: 2px dashed red;
-    border-radius: 5px;
-    color: #606266;
-}
-.type_MTxt > div:hover {
-    background-color: rgb(0 102 153 / 10%);
-    border: 2px dashed rgb(0 102 153 / 50%);
-}
-/* .type_MTxt > .imgBox:hover {
-    background-color: rgb(0 102 153 / 10%);
-    border: 2px dashed rgb(0 102 153 / 50%);
-} */
-
-.type_MTxt > div > p {
-    font-size: 14px;
-    line-height: 22px;
-}
-
-.type_MTxt > .imgBox .chNumer {
-    position: absolute;
-    top: -2px;
-    right: -1px;
-    border-radius: 3px;
-    font-size: 10px;
-    background-color: rgb(0 102 153 / 85%);
-    color: #fff;
-    padding: 0 6px;
-}
-
-.type_MTxt > div .MaxPicture {
-    text-align: center;
-}
-
-.type_MTxt > div .MaxPicture > img {
-    margin-bottom: 10px;
-}
-
-.type_MTxt > div .MaxPicture > font {
-    display: block;
-    margin: 0 auto;
-    font-size: 13px;
-}
-
-.MaxBtn {
-    position: absolute;
-    right: 0;
-    top: -1px;
-    color: #fff;
-    border-radius: 50px;
-    font-size: 15.5px;
-    padding: 6px 7px;
-    display: none;
-    opacity: 0.75;
-}
-
-.MaxBtn {
-    display: block;
-}
-
-.MaxBtn:hover {
-    opacity: 1;
-    cursor: pointer;
-}
-
-.type_Gbtn {
-    color: #fff;
-    border-color: #006699;
-    background: #006699;
-    width: 30%;
-    text-align: center;
-    padding: 8px 0;
-    font-size: 14px;
-    border-radius: 8px;
-    font-weight: 500;
-    margin: 0 auto;
-}
-
-.type_Gbtn:hover {
-    box-shadow: 0 4px 14px rgb(0 102 153 / 30%);
-    cursor: pointer;
-}
-
-.type_CHar {
-    position: relative;
-    border-left: 4px solid rgba(0 102 153 / 20%);
-    border-radius: 5px;
-    padding: 20px 25px 15px 20px;
-    background-color: #fff;
-    margin: 20px 0 0 0;
-    font-size: 14px;
-    line-height: 22px;
-    box-shadow: 0 1px 10px rgb(0 102 153 / 20%);
-}
-
-.type_CHar .chReple {
-    position: absolute;
-    top: -1px;
-    right: 1px;
-    border-radius: 3px;
-    font-size: 10px;
-    background-color: rgb(223 109 11);
-    opacity: 0.85;
-    color: #fff;
-    padding: 1px 10px;
-}
-
-.type_CHar .chReple:hover {
-    opacity: 1;
-    cursor: pointer;
-}
-
-.avatar-uploader .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    width: 100px;
-    height: 100px;
-}
-
-.avatar-uploader_small {
-    height: 100px;
-}
-
-.avatar-uploader .el-upload:hover {
-    border-color: #409eff;
-}
-
-.avatar-uploader-icon {
-    font-size: 28px;
-    color: #8c939d;
-    width: 120px;
-    height: 120px;
-    line-height: 120px;
-    text-align: center;
-}
-
-.avatar-uploader_small .el-upload {
-    width: 80px;
-    height: 80px;
-}
-
-.avatar-uploader_small .avatar-uploader-icon {
-    line-height: 80px;
-    margin-left: -30px;
-}
-
-.avatar {
-    width: 120px;
-    height: 120px;
-    display: block;
-}
-.unfetteredBox {
-    display: flex;
-    flex-wrap: wrap;
-
-    padding: 0;
-    box-sizing: border-box;
-}
-.unfetteredBox .image {
-    margin-top: 10px;
-    box-shadow: rgba(16, 17, 19, 0.5) 0px 1px 3px;
-    margin-right: 10px;
-    height: 60px;
-    width: 60px;
-    border-radius: 4px;
-
-    overflow: hidden;
-}
-
-::v-deep .wordTableHtml table span blue {
-    color: rgb(0, 130, 170) !important;
-}
-.toolbar {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    background-color: #fff;
-    border-bottom: none;
-    box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
-    padding: 4px 0;
-    height: 50px;
-    box-sizing: border-box;
-    transition: box-shadow 0.5s;
-
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
-    z-index: 2;
-}
-.toolbar .toolbar_item {
-    width: auto;
-    color: #767c82;
-    font-size: 14px;
-    padding: 0 11px 0 12px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    cursor: pointer;
-    line-height: 24px;
-    background-color: #fff;
-}
-
-.toolbar .toolbar_item img {
-    width: 24px;
-    height: 24px;
-    margin-right: 6px;
-    margin-top: -2px;
-}
-::v-deep .el-dialog__body {
-    padding: 10px 20px !important;
-}
-.editFormPizhu {
-    display: flex;
-    margin-bottom: 20px;
-}
-.editFormPizhu img {
-    margin-right: 10px;
-}
-.go-content-box {
-    background-color: #f2f3f5;
-}
-.commentList {
-    width: 350px !important;
-
-    padding: 15px;
-    position: relative;
-    box-sizing: border-box;
-    /* background-color: #fafafa; */
-    background-color: #fafafa;
-    box-shadow: 0 1px 3px rgb(16 17 19 / 6%);
-}
-
-/* 为整个页面的滚动条设置样式 */
-::-webkit-scrollbar {
-    width: 8px; /* 垂直滚动条的宽度 */
-    height: 8px; /* 水平滚动条的高度 */
-}
-
-/* 滚动条轨道样式 */
-::-webkit-scrollbar-track {
-    background: #f1f1f1; /* 滚动条轨道颜色 */
-    border-radius: 10px; /* 轨道圆角 */
-}
-
-/* 滚动条滑块样式 */
-::-webkit-scrollbar-thumb {
-    background: #888; /* 滚动条滑块颜色 */
-    border-radius: 10px; /* 滑块圆角 */
-}
-
-/* 滑块在悬停时的样式 */
-::-webkit-scrollbar-thumb:hover {
-    background: #555; /* 滑块悬停时的颜色 */
-}
-</style>
diff --git a/src/components/page/GenerateCharts.vue b/src/components/page/GenerateCharts.vue
index ce9cdc9..3f3ca5e 100644
--- a/src/components/page/GenerateCharts.vue
+++ b/src/components/page/GenerateCharts.vue
@@ -196,14 +196,14 @@
             :wrapperClosable="false"
             :close-on-click-modal="false"
             direction="rtl"
-            size="70%"
+            size="80vw"
         >
             <el-form ref="editMes" :model="lineStyle" label-width="80px">
                 <!-- <common-late-x></common-late-x> -->
                 <!-- :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-title`" -->
                 <el-form-item label="Title:">
                     <common-content
-                    :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-title`"
+                        :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-title`"
                         :isAutomaticUpdate="true"
                         :value="lineStyle.title"
                         @getContent="getContent"
@@ -231,7 +231,7 @@
                 <el-form-item label="Note:">
                     <!-- :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-note`" -->
                     <common-content
-                    :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-note`"
+                        :id="`editor-${new Date().getTime()}-${lineStyle.am_id}-${lineStyle.amt_id}-note`"
                         :isAutomaticUpdate="true"
                         :value="lineStyle.note"
                         @getContent="getContent"
@@ -265,31 +265,26 @@
             :wrapperClosable="false"
             :close-on-click-modal="false"
             direction="rtl"
-            size="70%"
+            size="80vw"
         >
-            <div v-for="(item, i) in uploadWordTables">
-                <el-button @click="addUploadWordTable(item)"> 插入Table{{ i + 1 }} </el-button>
-                <div class="thumbnailTableBox wordTableHtml table_Box pMain myeditabledivTable drop-target">
-                    <!-- 标题部分 -->
-                    <!-- <font class="font" :style="`width: ${item.width ? `${item.width}px` : '100%'}`" style="text-align: center">
-                        <span v-html="highlightText(item.table.title || '', item.checks ? item.checks : [])"></span>
-                    </font> -->
-
-                    <!-- 表格部分 -->
-                    <table border="1" style="width: 100%; border-collapse: collapse; text-align: center">
-                        <tr v-for="(row, i) in item.table_data" :key="i" :class="{ 'table-header-row': isHeaderRow(i, item.table_data) }">
-                            <td v-for="(cell, i1) in row" :key="i1" :colspan="`${cell.colspan || 1}`" :rowspan="`${cell.rowspan || 1}`">
-                                <span v-html="cell.text"></span>
-                            </td>
-                        </tr>
-                    </table>
-
-                    <!-- 备注部分 -->
-                    <!-- <font class="font" :style="`width: ${item.width ? `${item.width}px` : '100%'}`">
-                        <span v-html="highlightText(item.table.note || '', item.checks ? item.checks : [])"></span>
-                    </font> -->
+            <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start">
+                <div v-for="(item, i) in uploadWordTables" class="uploadWordTableBox">
+                    <el-button @click="addUploadWordTable(item)" size="mini"  class="insertTable"> 插入 </el-button>
+                    <div class="thumbnailTableBox wordTableHtml table_Box pMain myeditabledivTable drop-target">
+                        <p style="font-size: 12px;padding: 10px;box-sizing: border-box;">Table {{ i + 1 }}</p>
+                        <table border="1" :style="`width: 800px;zoom:${zoomNum};border-collapse: collapse; text-align: center`">
+                            <tr
+                                v-for="(row, i) in item.table_data"
+                                :key="i"
+                                :class="{ 'table-header-row': isHeaderRow(i, item.table_data) }"
+                            >
+                                <td style="font-size: 20px;"v-for="(cell, i1) in row" :key="i1" :colspan="`${cell.colspan || 1}`" :rowspan="`${cell.rowspan || 1}`">
+                                    <span v-html="cell.text"></span>
+                                </td>
+                            </tr>
+                        </table>
+                    </div>
                 </div>
-                <!-- <div v-html="v.html_data"></div> -->
             </div>
         </el-drawer>
         <el-dialog
@@ -412,6 +407,7 @@ import bottomTinymce from '@/components/page/components/Tinymce';
 export default {
     data() {
         return {
+            zoomNum:(window.innerWidth * 0.38) / 850,
             uploadWordTables: [],
             tablesHtmlVisible: false,
             tablesHtml: '',
@@ -574,6 +570,7 @@ export default {
     },
 
     methods: {
+       
         async copyArray(data) {
             try {
                 // 将数组内容转换为字符串，使用换行符分隔
@@ -588,8 +585,7 @@ export default {
             }
         },
         openLatexEditor(data) {
-            console.log('data at line 563:', data);
-            this.showLateX = true;
+                this.showLateX = true;
             this.LateXInfo = data;
         },
         isShowEditComment() {
@@ -632,10 +628,8 @@ export default {
         },
 
         async getContent(type, content) {
-            console.log('content at line 539:', content);
             if (type == 'content') {
                 content = this.$commonJS.transformHtmlString(content);
-                console.log('content at line 604:', content);
                 var div = document.createElement('div');
                 div.innerHTML = content; // 将 HTML 字符串加载到 div 中
                 // 替换所有 <strong> 为 <b>
@@ -1137,42 +1131,15 @@ export default {
 
             // 处理文件上传并传递回调函数
             this.$commonJS.handleFileUpload(event, function (tables) {
-                console.log('tables at line 786:', tables);
-
+              
                 // 使用 Promise.all 等待所有表格解析完成
                 Promise.all(
                     tables.map((table) => {
                         return new Promise((resolve, reject) => {
                             // 解析每个表格
                             that.$commonJS.parseTableToArray(table, (tableList) => {
-                                console.log('res at line 104:', tableList);
+                               
 
-                                // 生成 HTML 内容
-                                //             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>
-                                // `;
-
-                                // 将解析后的数据和生成的 HTML 返回
                                 resolve({ table_data: tableList, html_data: '' });
                             });
                         });
@@ -1182,8 +1149,7 @@ export default {
                         // 所有表格的解析完成后，处理结果
                         that.uploadWordTables = result;
                         that.tablesHtmlVisible = true;
-                        console.log('Processed tables:', that.uploadWordTables);
-                    })
+                         })
                     .catch((error) => {
                         console.error('Error processing tables:', error);
                     });
@@ -1191,16 +1157,14 @@ export default {
             const file = event.target.files[0];
             if (file) {
                 // 处理文件逻辑
-                console.log('处理文件:', file.name);
-            }
+                 }
 
             // 关键：重置 input 的值
             event.target.value = '';
         },
 
         async onAddRow(mainId) {
-            console.log('data at line 886:', mainId);
-
+          
             await this.$api
                 .post(this.urlList.addRow, {
                     am_id: mainId,
@@ -1267,11 +1231,10 @@ export default {
         addUploadWordTable(data) {
             this.lineStyle = { note: '', table: data.table_data, html_data: data.html_data };
 
-            this.lineStyle.visiTitle = 'Insert Table';
+            this.lineStyle.visiTitle = 'Add Table';
             this.threeVisible = true;
         },
         handleImageEdit(data, type) {
-            console.log('data at line 600:', data);
             if (type == 'img') {
                 var extension = data.url.split('.').pop().toLowerCase();
                 this.picStyle = {};
@@ -1301,10 +1264,7 @@ export default {
                 this.picStyle1.title = str;
             } else {
                 this.lineStyle1[type] = str;
-              
             }
-
-            
         },
         onEdit(dataId) {
             this.currentContent = {};
@@ -1761,12 +1721,11 @@ export default {
                 }
             };
             var cleanedTableList = content.table ? content.table : [];
-            console.log('content at line 998:', this.lineStyle);
-
+          
             cleanedTableList = cleanTableData(content.table);
-            var strTitle = this.lineStyle1.title? this.lineStyle1.title : '';
+            var strTitle = this.lineStyle1.title ? this.lineStyle1.title : '';
 
-            var strNote = this.lineStyle1.note? this.lineStyle1.note : '';
+            var strNote = this.lineStyle1.note ? this.lineStyle1.note : '';
             if (strNote != '') {
                 strNote = await this.$commonJS.decodeHtml(strNote);
             }
@@ -2229,6 +2188,12 @@ export default {
 ::v-deep .wordTableHtml table span blue {
     color: rgb(0, 130, 170) !important;
 }
+::v-deep .wordTableHtml table span blue sup{
+    color: rgb(0, 130, 170) !important;
+}
+::v-deep .wordTableHtml table span blue sub{
+    color: rgb(0, 130, 170) !important;
+}
 .toolbar {
     display: flex;
     align-items: center;
@@ -2310,4 +2275,26 @@ export default {
 ::-webkit-scrollbar-thumb:hover {
     background: #555; /* 滑块悬停时的颜色 */
 }
+.uploadWordTableBox {
+    width: 38vw;
+    position: relative;
+    height: auto;
+overflow: hidden;
+    padding: 10px;
+    box-sizing: border-box;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
+}
+::v-deep .el-drawer__header {
+    margin-bottom: 0;
+    padding: 15px;
+}
+.uploadWordTableBox .insertTable{
+   /* display: none; */
+   position: absolute;
+   right: 10px;
+}
+.uploadWordTableBox:hover {
+    background-color: #0066990d;
+   /* display: block !important; */
+}
 </style>
diff --git a/src/components/page/articleListEditor_C.vue b/src/components/page/articleListEditor_C.vue
index 3e61a1c..9acfe71 100644
--- a/src/components/page/articleListEditor_C.vue
+++ b/src/components/page/articleListEditor_C.vue
@@ -56,9 +56,9 @@
                     <span>{{ item.npp }}.</span>
                     <font @click="lookView(item)">{{ item.title }}</font>
 
-                    <commonOnlineOperations ref="onlineOperations" :data="item" style="display: inline-block;" type="online">
-                       <span @click="htmlContet(item)" class="onlineOperationsButton"><i class="el-icon-notebook-2"></i>Html</span> 
-                       
+                    <commonOnlineOperations @fresh="fresh" ref="onlineOperations" :data="item" style="display: inline-block" type="online">
+                        <span @click="htmlContet(item)" class="onlineOperationsButton"><i class="el-icon-notebook-2"></i>Html</span>
+
                         <!-- <el-button
                         style="margin-left: 20px; padding: 4px 10px !important"
                         size="mini"
@@ -70,9 +70,15 @@
                         Html</el-button
                     > -->
                     </commonOnlineOperations>
-                    <span style="font-size: 13px;" :style="{ color: getStatusColor(item.ai_wechat_status) }" v-if="item.ai_wechat_status&&['Article', 'Review', 'Mini Review'].includes(item.type)">
+                    <span
+                        style="font-size: 13px"
+                        :style="{ color: getStatusColor(item.ai_wechat_status) }"
+                        v-if="item.ai_wechat_status && ['Article', 'Review', 'Mini Review'].includes(item.type)"
+                    >
                         {{ getStatusText(item.ai_wechat_status) }}
                     </span>
+                    <i class="el-icon-close" style="color: rgb(255, 0, 0); font-weight: bold" v-if="item.ai_wechat_status > 11"> </i>
+                    <i class="el-icon-check" style="color: #67c23a; font-weight: bold" v-if="item.ai_wechat_status == 10"> </i>
 
                     <!-- <el-button
                         style="margin-left: 20px; padding: 4px 10px !important; background: #ccf7e46e !important;color: #00bc66 !important;border-color:#00bc66 !important;"
@@ -159,7 +165,6 @@
             </div>
         </el-dialog>
         <commonHtml ref="htmlRef"></commonHtml>
-       
     </div>
 </template>
 <script>
@@ -170,7 +175,7 @@ import commonOnlineOperations from '@/components/page/components/article/onlineO
 export default {
     components: {
         commonHtml,
-     
+
         commonOnlineOperations
     },
     data() {
@@ -235,12 +240,12 @@ export default {
             // 字段名 ：ai_wechat_status 1 Ai内容已生成 2ai内容未生成 3未生成草稿 4 已生成草稿未发布 10 发布成功 11 发布中  >11发布失败
             if (status == 1) return '#67C23A';
             if (status == 2) return '#C0C4CC';
-            if (status == 3) return '#C0C4CC';
+            if (status == 3) return '#409EFF';
             if (status == 4) return '#ff9800';
             if (status == 10) return '#67C23A';
 
-            if (status == 11) return '#409eff';
-            if (status > 11) return 'red';
+            if (status == 11) return '#79bbff';
+            if (status > 11) return 'rgb(255, 0, 0)';
             return '';
         },
         htmlContet(data) {
@@ -249,6 +254,13 @@ export default {
                 this.$refs.htmlRef.htmlContet(data);
             });
         },
+        fresh() {
+            if (this.currentJournal.cycle != 0) {
+                this.getNoralDate();
+            } else {
+                this.getNoralDate0();
+            }
+        },
         // 获取数据
         getDate() {
             console.log('at line 189:', localStorage.getItem('U_pointJour'));
diff --git a/src/components/page/articleListEditor_E.vue b/src/components/page/articleListEditor_E.vue
index 3dc5593..2e65721 100644
--- a/src/components/page/articleListEditor_E.vue
+++ b/src/components/page/articleListEditor_E.vue
@@ -48,9 +48,16 @@
             <el-table-column label="Title">
                 <template slot-scope="scope">
                     <p v-html="scope.row.title"></p>
-                    <span style="font-size: 13px;" :style="{ color: getStatusColor(scope.row.ai_wechat_status) }" v-if="scope.row.ai_wechat_status&&['Article', 'Review', 'Mini Review'].includes(scope.row.type)">
-                        {{ getStatusText(scope.row.ai_wechat_status) }}
-                    </span>
+                    <span
+                        style="font-size: 13px"
+                        :style="{ color: getStatusColor(scope.row.ai_wechat_status) }"
+                        v-if="scope.row.ai_wechat_status && ['Article', 'Review', 'Mini Review'].includes(scope.row.type)"
+                    >
+                        {{ getStatusText(scope.row.ai_wechat_status) }} </span
+                    >
+                    
+                    <i class="el-icon-close" style="color: rgb(255, 0, 0); font-weight: bold" v-if="scope.row.ai_wechat_status>11"> </i>
+                    <i class="el-icon-check" style="color: #67c23a; font-weight: bold" v-if="scope.row.ai_wechat_status==10"> </i>
                 </template>
             </el-table-column>
             <el-table-column label="Cite" width="80px" align="center">
@@ -95,7 +102,13 @@
                         >
                             <i class="el-icon-edit"></i> Edit</el-button
                         >
-                        <commonOnlineOperations ref="onlineOperations" :data="scope.row" style="display: inline-block" type="publish">
+                        <commonOnlineOperations
+                            @fresh="getDate()"
+                            ref="onlineOperations"
+                            :data="scope.row"
+                            style="display: inline-block"
+                            type="publish"
+                        >
                             <el-dropdown-item
                                 ><p @click="htmlContet(scope.row)"><i class="el-icon-notebook-2"></i>Html</p></el-dropdown-item
                             >
@@ -598,12 +611,12 @@ export default {
             // 字段名 ：ai_wechat_status 1 Ai内容已生成 2ai内容未生成 3未生成草稿 4 已生成草稿未发布 10 发布成功 11 发布中  >11发布失败
             if (status == 1) return '#67C23A';
             if (status == 2) return '#C0C4CC';
-            if (status == 3) return '#C0C4CC';
+            if (status == 3) return '#409EFF';
             if (status == 4) return '#ff9800';
             if (status == 10) return '#67C23A';
 
-            if (status == 11) return '#409eff';
-            if (status > 11) return 'red';
+            if (status == 11) return '#79bbff';
+            if (status > 11) return 'rgb(255, 0, 0)';
             return '';
         },
 
diff --git a/src/components/page/components/Tinymce/index.vue b/src/components/page/components/Tinymce/index.vue
index 32b195d..abb6fb9 100644
--- a/src/components/page/components/Tinymce/index.vue
+++ b/src/components/page/components/Tinymce/index.vue
@@ -115,6 +115,12 @@ const tableStyle = ` b span{
                 }blue {
                     color: rgb(0, 130, 170) !important;
                 }
+                blue sup {
+                    color: rgb(0, 130, 170) !important;
+                }
+                blue sub {
+                    color: rgb(0, 130, 170) !important;
+                }
                 .wordTableHtml table tr.table-header-row:nth-of-type(2) td {
     border-bottom: 1px solid #000 !important;
 }
@@ -310,7 +316,7 @@ export default {
                         console.log('粘贴的内容包含表格');
                         if (_this.type == 'table') {
                             _this.$commonJS.parseTableToArray(content, (tableList) => {
-                                console.log('res at line 104:', tableList);
+                             
                                 var contentHtml = `
                             <div class="thumbnailTableBox wordTableHtml table_Box" style="">
                                 <table border="1" style="width: auto; border-collapse: collapse; text-align: center;">
diff --git a/src/components/page/components/article/onlineOperations.vue b/src/components/page/components/article/onlineOperations.vue
index de7c552..dd92748 100644
--- a/src/components/page/components/article/onlineOperations.vue
+++ b/src/components/page/components/article/onlineOperations.vue
@@ -135,7 +135,7 @@
                 <el-button type="primary" @click="RelatVisible = false" plain>Close</el-button>
             </span>
         </el-dialog>
-        <commonHtmlWeChatPreview ref="htmlWeChatPreview"></commonHtmlWeChatPreview>
+        <commonHtmlWeChatPreview ref="htmlWeChatPreview" @fresh="fresh"></commonHtmlWeChatPreview>
     </div>
 </template>
 
@@ -272,6 +272,9 @@ export default {
         }
     },
     methods: {
+        fresh(){
+this.$emit('fresh')
+        },
         htmlWeChatPreview(data) {
             console.log('data at line 189:', data);
             this.$nextTick((e) => {
diff --git a/src/components/page/components/htmlWeChatPreview/index.vue b/src/components/page/components/htmlWeChatPreview/index.vue
index c09f5fc..aa415d9 100644
--- a/src/components/page/components/htmlWeChatPreview/index.vue
+++ b/src/components/page/components/htmlWeChatPreview/index.vue
@@ -63,7 +63,8 @@
                                 border-radius: 50px;
                                 font-size: 16px;
                                 font-weight: 500;
-                                line-height: 40px;cursor: pointer;
+                                line-height: 40px;
+                                cursor: pointer;
                             "
                             @click="handleRelease"
                             type="primary"
@@ -88,57 +89,116 @@
 
                         <div style="padding: 20px 20px 0">
                             <el-form ref="form" :model="ArticleForm" label-width="160px" size="mini" v-if="ArticleForm.ai_article_id">
-                                <el-form-item>
-                                    <template #label>
-                                        <span @click="handleTitleClick('covered')" class="form_title">
-                                            {{ $t('AIhtmlWeChatPreview.covered') + ' :' }}
-                                        </span>
-                                    </template>
-                                    <p v-if="disablePush">{{ ArticleForm.covered }}</p>
-                                    <el-input v-else type="textarea" v-model="ArticleForm.covered" :autosize="{ minRows: 1, maxRows: 3 }" />
-                                </el-form-item>
+                                <div v-if="['Article'].includes(articleBaseInfo.type)">
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('covered')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.covered') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.covered }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.covered"
+                                            :autosize="{ minRows: 1, maxRows: 3 }"
+                                        />
+                                    </el-form-item>
 
-                                <el-form-item>
-                                    <template #label>
-                                        <span @click="handleTitleClick('digest')" class="form_title">
-                                            {{ $t('AIhtmlWeChatPreview.digest') + ' :' }}
-                                        </span>
-                                    </template>
-                                    <p v-if="disablePush">{{ ArticleForm.digest }}</p>
-                                    <el-input v-else type="textarea" v-model="ArticleForm.digest" :autosize="{ minRows: 2, maxRows: 10 }" />
-                                </el-form-item>
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('digest')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.digest') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.digest }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.digest"
+                                            :autosize="{ minRows: 2, maxRows: 10 }"
+                                        />
+                                    </el-form-item>
 
-                                <el-form-item>
-                                    <template #label>
-                                        <span @click="handleTitleClick('research_background')" class="form_title">
-                                            {{ $t('AIhtmlWeChatPreview.research_background') + ' :' }}
-                                        </span>
-                                    </template>
-                                    <p v-if="disablePush">{{ ArticleForm.research_background }}</p>
-                                    <el-input
-                                        v-else
-                                        type="textarea"
-                                        v-model="ArticleForm.research_background"
-                                        :autosize="{ minRows: 2, maxRows: 5 }"
-                                    />
-                                </el-form-item>
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('research_background')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.research_background') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.research_background }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.research_background"
+                                            :autosize="{ minRows: 2, maxRows: 5 }"
+                                        />
+                                    </el-form-item>
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('research_method')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.research_methods') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.research_method }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.research_method"
+                                            :autosize="{ minRows: 2, maxRows: 5 }"
+                                        />
+                                    </el-form-item>
 
-                                <el-form-item>
-                                    <template #label>
-                                        <span @click="handleTitleClick('research_result')" class="form_title">
-                                            {{ $t('AIhtmlWeChatPreview.research_result') + ' :' }}
-                                        </span>
-                                    </template>
-                                    <p v-if="disablePush">{{ ArticleForm.research_result }}</p>
-                                    <el-input
-                                        v-else
-                                        type="textarea"
-                                        v-model="ArticleForm.research_result"
-                                        :autosize="{ minRows: 2, maxRows: 5 }"
-                                    />
-                                </el-form-item>
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('discussion_results')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.research_result') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.discussion_results }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.discussion_results"
+                                            :autosize="{ minRows: 2, maxRows: 10 }"
+                                        />
+                                    </el-form-item>
+                                </div>
+                                <div v-if="[ 'Review', 'Mini Review'].includes(articleBaseInfo.type)">
+                                   
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('overview')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.overview') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.overview }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.overview"
+                                            :autosize="{ minRows: 2, maxRows: 10 }"
+                                        />
+                                    </el-form-item>
+                                    <el-form-item>
+                                        <template #label>
+                                            <span @click="handleTitleClick('summary')" class="form_title">
+                                                {{ $t('AIhtmlWeChatPreview.summarize') + ' :' }}
+                                            </span>
+                                        </template>
+                                        <p v-if="disablePush">{{ ArticleForm.summary }}</p>
+                                        <el-input
+                                            v-else
+                                            type="textarea"
+                                            v-model="ArticleForm.summary"
+                                            :autosize="{ minRows: 2, maxRows: 10 }"
+                                        />
+                                    </el-form-item>
+                                  
+                                
+                                </div>
 
-                                <el-form-item>
+                                <!-- <el-form-item>
                                     <template #label>
                                         <span @click="handleTitleClick('discussion')" class="form_title">
                                             {{ $t('AIhtmlWeChatPreview.discussion') + ' :' }}
@@ -151,9 +211,9 @@
                                         v-model="ArticleForm.discussion"
                                         :autosize="{ minRows: 2, maxRows: 5 }"
                                     />
-                                </el-form-item>
+                                </el-form-item> -->
 
-                                <el-form-item>
+                                <!-- <el-form-item>
                                     <template #label>
                                         <span @click="handleTitleClick('prospect')" class="form_title">
                                             {{ $t('AIhtmlWeChatPreview.prospect') + ' :' }}
@@ -166,7 +226,7 @@
                                         v-model="ArticleForm.prospect"
                                         :autosize="{ minRows: 2, maxRows: 5 }"
                                     />
-                                </el-form-item>
+                                </el-form-item> -->
 
                                 <!-- 作者列表 -->
                                 <div style="margin-top: 10px" v-if="ArticleForm.authors && ArticleForm.authors.length > 0">
@@ -299,6 +359,7 @@ import { watch } from 'vue';
 export default {
     data() {
         return {
+            articleBaseInfo: {},
             publish_status: null,
             draft_status: null,
             stepValue: null,
@@ -625,7 +686,9 @@ export default {
             this.ArticleForm.authors.splice(index, 1);
         },
         async init(data) {
+            console.log('data at line 641:', data);
             this.articleId = data.article_id;
+            this.articleBaseInfo = { ...data };
             // this.articleId = 2673;
             // this.stepList = this.stepList.map((e) => (e.status = ''));
             await this.getStatus();
@@ -1121,6 +1184,7 @@ export default {
             this.createType = '1'; // html生成方式
             this.collapseActiveNames = ['html'];
             this.stopInterval();
+            this.$emit('fresh');
         },
 
         beforeupload_manuscirpt(file) {
diff --git a/src/components/page/components/pendingPayment/OrderConfirmation.vue b/src/components/page/components/pendingPayment/OrderConfirmation.vue
index e7f5a90..2db9a5d 100644
--- a/src/components/page/components/pendingPayment/OrderConfirmation.vue
+++ b/src/components/page/components/pendingPayment/OrderConfirmation.vue
@@ -247,6 +247,9 @@ export default {
                         this.$message.error(res.data.msg);
                         loading.close()
                     }
+                }).catch((error) => {
+                    console.error('Error:', error);
+                    loading.close()
                 });
         },
         getPayPal(id) {
diff --git a/src/components/page/components/reviewerList/add.vue b/src/components/page/components/reviewerList/add.vue
index ff85921..e3566a8 100644
--- a/src/components/page/components/reviewerList/add.vue
+++ b/src/components/page/components/reviewerList/add.vue
@@ -151,7 +151,7 @@
 
                     <div v-else>{{ addForm.company }}</div>
                 </el-form-item>
-                <el-form-item label="Major :" prop="major_a">
+                <!-- <el-form-item label="Major :" prop="major_a">
                     <el-select
                         :disabled="email_num == 1 && reviewerForm.major_a != ''"
                         v-model="addForm.major_a"
@@ -198,7 +198,11 @@
                             :value="item.major_id"
                         ></el-option>
                     </el-select>
+                </el-form-item> -->
+                <el-form-item label="Research areas :" prop="major" label-width="160px">
+                    <common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
                 </el-form-item>
+
                 <el-form-item label="Field :" prop="field">
                     <el-input v-model="addForm.field" type="textarea" v-if="email_num != 1 || !addForm.field"></el-input>
 
@@ -337,6 +341,7 @@
 export default {
     data() {
         return {
+            majorValueList: [],
             tableData: [],
             reviewerForm: {}, //审稿人信息
             checkForm: {
@@ -497,13 +502,29 @@ export default {
                         trigger: 'blur'
                     }
                 ],
-                major_a: [
+                major: [
                     {
                         required: true,
-                        message: 'Please select major',
-                        trigger: 'blur'
+                        validator: (rule, value, callback) => {
+                            console.log('value at line 1202:', this.form);
+                            var major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
+                            if (major == '') {
+                                callback(new Error('Please select the Research areas'));
+                            } else {
+                                callback();
+                            }
+                            // 如果你需要在此处使用 this 访问 Vue 实例的数据，使用箭头函数保持上下文
+                            // 其他逻辑
+                        }
                     }
                 ]
+                // major_a: [
+                //     {
+                //         required: true,
+                //         message: 'Please select major',
+                //         trigger: 'blur'
+                //     }
+                // ]
             },
             urlList: {
                 userList: 'api/Reviewer/researchUser',
@@ -525,6 +546,7 @@ export default {
             this.init();
         },
         init() {
+            this.majorValueList = [];
             this.initMajor();
             this.getCountry();
             this.addVisible = true;
@@ -685,39 +707,46 @@ export default {
                             this.fileL_pdf2[0].url =
                                 this.mediaUrl + 'reviewer/' + this.reviewerForm.cvs[this.reviewerForm.cvs.length - 1].cv;
                         }
-                        this.addForm.major = 1;
-                        this.addForm.major_a = '';
-                        this.addForm.major_b = '';
-                        this.addForm.major_c = '';
-                        this.addForm.majorList = [];
+                        // this.addForm.major = 1;
+                        // this.addForm.major_a = '';
+                        // this.addForm.major_b = '';
+                        // this.addForm.major_c = '';
+                        // this.addForm.majorList = [];
 
-                        this.reviewerForm.major = res.data.result.major;
-                        this.reviewerForm.major_a = '';
-                        this.reviewerForm.major_b = '';
-                        this.reviewerForm.major_c = '';
-                        this.reviewerForm.majorList = [];
+                        // this.reviewerForm.major = res.data.result.major;
+                        // this.reviewerForm.major_a = '';
+                        // this.reviewerForm.major_b = '';
+                        // this.reviewerForm.major_c = '';
+                        // this.reviewerForm.majorList = [];
 
-                        if (res.data.result.majorshu != 0 && res.data.result.majorshu != null) {
-                            if (typeof res.data.result.majorshu == 'number') {
-                                this.addForm.majorList.push(res.data.result.majorshu);
-                                this.reviewerForm.majorList.push(res.data.result.majorshu);
-                            } else {
-                                this.addForm.majorList = res.data.result.majorshu.split(',');
-                                this.reviewerForm.majorList = res.data.result.majorshu.split(',');
-                            }
-                        }
-
-                        if (this.reviewerForm.majorList) {
-                            if (this.reviewerForm.majorList.length >= 1) {
-                                this.reviewerForm.major_a = this.reviewerForm.majorList[0];
-                            }
-                            if (this.reviewerForm.majorList.length >= 2) {
-                                this.reviewerForm.major_b = this.reviewerForm.majorList[1];
-                            }
-                            if (this.reviewerForm.majorList.length == 3) {
-                                this.reviewerForm.major_c = this.reviewerForm.majorList[2];
-                            }
-                        }
+                        // if (res.data.result.majorshu != 0 && res.data.result.majorshu != null) {
+                        //     if (typeof res.data.result.majorshu == 'number') {
+                        //         this.addForm.majorList.push(res.data.result.majorshu);
+                        //         this.reviewerForm.majorList.push(res.data.result.majorshu);
+                        //     } else {
+                        //         this.addForm.majorList = res.data.result.majorshu.split(',');
+                        //         this.reviewerForm.majorList = res.data.result.majorshu.split(',');
+                        //     }
+                        // }
+                        this.majorValueList = this.reviewerForm.major_data.map((item) => ({
+                            selectedValue: Array.isArray(item.shu)
+                                ? item.shu
+                                : typeof item.shu === 'string'
+                                ? 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];
+                        //     }
+                        //     if (this.reviewerForm.majorList.length >= 2) {
+                        //         this.reviewerForm.major_b = this.reviewerForm.majorList[1];
+                        //     }
+                        //     if (this.reviewerForm.majorList.length == 3) {
+                        //         this.reviewerForm.major_c = this.reviewerForm.majorList[2];
+                        //     }
+                        // }
                         //             if (this.reviewerForm.major_c != '' || this.reviewerForm.major_c != 0) {
                         //     this.reviewerForm.major = this.reviewerForm.major_c;
                         // } else if (this.addForm.major_b != '' || this.addForm.major_b != 0) {
@@ -728,7 +757,7 @@ export default {
                         this.$forceUpdate();
                         console.log('this.addForm.majorList at line 674:', this.reviewerForm);
                         this.$nextTick(async () => {
-                            await this.jiLInaoan();
+                            // await this.jiLInaoan();
                             await this.getJournalsForReviewerInEditor();
                         });
 
@@ -865,19 +894,19 @@ export default {
                     }
 
                     // this.addForm.maj_cn = [this.addForm.major, this.addForm.cmajor];
-                    this.addForm.major = 1;
-                    this.addForm.major_a = '';
-                    this.addForm.major_b = '';
-                    this.addForm.major_c = '';
-                    this.addForm.majorList = [];
+                    // this.addForm.major = 1;
+                    // this.addForm.major_a = '';
+                    // this.addForm.major_b = '';
+                    // this.addForm.major_c = '';
+                    // this.addForm.majorList = [];
 
-                    if (this.addForm.majorshu != 0 && this.addForm.majorshu != null) {
-                        if (typeof this.addForm.majorshu == 'number') {
-                            this.addForm.majorList.push(this.addForm.majorshu);
-                        } else {
-                            this.addForm.majorList = this.addForm.majorshu.split(',');
-                        }
-                    }
+                    // if (this.addForm.majorshu != 0 && this.addForm.majorshu != null) {
+                    //     if (typeof this.addForm.majorshu == 'number') {
+                    //         this.addForm.majorList.push(this.addForm.majorshu);
+                    //     } else {
+                    //         this.addForm.majorList = this.addForm.majorshu.split(',');
+                    //     }
+                    // }
 
                     this.$nextTick(() => {
                         this.jiLInaoan();
@@ -937,7 +966,7 @@ export default {
                         reviewer_id: this.addForm.reviewer_id,
                         title: this.addForm.title,
                         country: this.addForm.country,
-                        major: this.addForm.major,
+                        // major: this.addForm.major,
                         // majorshu: this.addForm.majorshu,
                         cmajor: this.addForm.cmajor,
                         field: this.addForm.field,
@@ -949,10 +978,10 @@ export default {
                         cv: this.addForm.cv,
                         journal_id: this.addForm.journal_id
                     };
-                   
+                    data.major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
 
                     console.log(data, this.addForm, 111111111111111111111);
-                  
+
                     if (this.email_num == 2) {
                         // 新的
                         path_add = this.urlList.addReviewer;
@@ -979,9 +1008,6 @@ export default {
                         }
                     }
 
-
-                    
-
                     this.$api
                         .post(path_add, data)
                         .then((res) => {
diff --git a/src/components/page/components/table/table.vue b/src/components/page/components/table/table.vue
index 5df876b..f83eb57 100644
--- a/src/components/page/components/table/table.vue
+++ b/src/components/page/components/table/table.vue
@@ -128,8 +128,7 @@ export default {
                 const container = document.createElement('div');
                 container.innerHTML = content;
                 this.$commonJS.parseTableToArray(content, (table) => {
-                    console.log('res at line 104:', table);
-// return false
+                   
                     this.$emit('getContent', type, { html_data: content, table: table });
                 });
             } else {
diff --git a/src/components/page/components/table/word.vue b/src/components/page/components/table/word.vue
index 4369340..7835093 100644
--- a/src/components/page/components/table/word.vue
+++ b/src/components/page/components/table/word.vue
@@ -23,11 +23,11 @@
                     left: 285px;
                     z-index: 10;
                     right: 330px;
-                    height: 60px;
+                    height: 46px;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;
-                    padding: 10px;
+                    padding:0 10px;
                     box-sizing: border-box;
                     overflow: hidden;
                     width: calc(100% - 285px - 330px);
@@ -70,20 +70,20 @@
                     </div>
                 </div>
 
-                <div style="border-left: 1px solid #d8d8d8; padding: 0 20px; float: right">
+                <div style="border-left: 1px solid #d8d8d8; padding: 0 0px; float: right">
                     <ul class="operateBox">
                         <li
                             v-if="isEditComment"
-                            style="height: 40px; background-color: #fff !important; color: #f56c6c; border: 1px solid #f56c6c"
+                            style=" background-color: #fff !important; color: #f56c6c; border: 1px solid #f56c6c"
                             @mousedown="cacheSelection"
                             @click="handleSelection"
                         >
-                            <i class="el-icon-document-add" style="margin-top: 2px"></i>
+                            <i class="el-icon-document-add" style="margin-top: 2px;float: left;"></i>
 
                             Comment
                         </li>
                         <li
-                            style="height: 40px; background-color: #cbccd1 !important; color: #333; border: 1px solid #cbccd1"
+                            style=" background-color: #cbccd1 !important; color: #333; border: 1px solid #cbccd1"
                             @click="onAddRow"
                         >
                             <i class="el-icon-document-add" style="margin-top: 2px"></i>
@@ -91,13 +91,13 @@
                             Row
                         </li>
 
-                        <li style="height: 40px" @click="onEdit">
+                        <li style="" @click="onEdit">
                             <i class="el-icon-edit" style="margin-top: 2px"></i>
 
                             Edit
                         </li>
 
-                        <li style="height: 40px; background-color: red !important" @click="onDelete">
+                        <li style=" background-color: #fc625d !important;" @click="onDelete">
                             <i class="el-icon-delete" style="margin-top: 2px"></i>
 
                             Delete
@@ -117,6 +117,10 @@
                     position: relative;
                 "
             >
+            {{ selectedIds }}
+            <div v-if="selectedIds.length > 0" class="selected-to-here">
+      Selected to here: {{ selectedIds[selectedIds.length - 1] }}
+    </div>
                 <!-- <common-late-x></common-late-x> -->
                 <template v-for="(item, index) in wordList">
                     <el-checkbox
@@ -487,6 +491,12 @@ const tableStyle = `
                     }blue {
                             color: rgb(0, 130, 170) !important;
                         }
+                        blue sup{
+                            color: rgb(0, 130, 170) !important;
+                        }
+                        blue sub{
+                            color: rgb(0, 130, 170) !important;
+                        }
 b span{
                             font-weight: bold !important;
                         }
@@ -725,7 +735,7 @@ export default {
             formLabelWidth: '120px',
             hasChange: false,
             hasInit: false,
-
+            selectedIds:[],
             tinymceId: this.id || 'vue-tinymce-' + +new Date()
         };
     },
@@ -904,6 +914,8 @@ export default {
         updateUniqueIds() {
             this.currentId = null;
             this.currentData = {};
+            
+            console.log('this.selectedIds at line 917:', this.selectedIds)
             // this.uniqueIds = [...new Set(this.wordList.filter((item) => item.checked).map((item) => item.am_id))];
             // console.log('this.uniqueIds at line 839:', this.selectedIds);
             this.$forceUpdate();
@@ -918,7 +930,7 @@ export default {
         },
         onDelete() {
             // console.log('this.uniqueIds.length at line 866:', this.selectedIds.length);
-            if (this.selectedIds.length > 0) {
+            if (this.selectedIds&&this.selectedIds.length > 0) {
                 this.$emit('onDeletes', this.selectedIds.toString());
                 this.$forceUpdate();
             }
@@ -2352,23 +2364,37 @@ export default {
     display: flex;
 }
 .operateBox li {
-    width: 55px;
+    min-width: 55px;
     display: flex;
-    flex-direction: column;
-    justify-content: center;
+    /* flex-direction: column; */
+    justify-content: space-between;
     align-items: center;
     list-style: none;
     padding: 2px 10px;
-    margin: 0 10px;
+    margin-left:10px;
     color: #8a8a8b;
     /* font-weight: bold; */
     font-size: 16px;
     background-color: rgb(43, 129, 239) !important;
     color: #fff;
     border-radius: 4px;
+    height: 26px;
 }
 ::v-deep .el-checkbox__inner {
     width: 18px;
     height: 18px;
 }
+/* 悬浮提示的样式 */
+.selected-to-here {
+  position: fixed;
+  top: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: rgba(0, 123, 255, 0.7);
+  color: white;
+  padding: 10px 20px;
+  border-radius: 5px;
+  font-size: 14px;
+  z-index: 999;
+}
 </style>
diff --git a/src/components/page/components/table/wordHtmlTypesetting.vue b/src/components/page/components/table/wordHtmlTypesetting.vue
index 8415f0c..7e7a0e4 100644
--- a/src/components/page/components/table/wordHtmlTypesetting.vue
+++ b/src/components/page/components/table/wordHtmlTypesetting.vue
@@ -51,7 +51,14 @@
                 <p>{{ v.title }}</p>
             </li>
         </ul> -->
-        <div style="width: 200px; float: right; padding: 10px; height: 100%; box-sizing: border-box; overflow-y: auto" class="arrlist">
+        <div class="go-mt" >
+            <el-radio-group v-model="isCollapse" style="float:right;" size="mini" @change="changeIsCollapse">
+          
+                <el-radio-button :label="false">{{ $t('commonTable.singleRow') }}</el-radio-button>
+                <el-radio-button :label="true">{{ $t('commonTable.Multicolumn')  }}</el-radio-button>
+            </el-radio-group>
+        </div>
+        <div style="width: 200px; float: right; padding: 10px; height: calc(100% - 28px); box-sizing: border-box; overflow-y: auto" class="arrlist">
             <ul style="width: 100%; height: auto">
                 <!-- <li v-show="currentMenu == 1">
                     <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start">
@@ -101,9 +108,10 @@
                         </li>
                     </div>
                 </li> -->
+
                 <li v-show="currentMenu == 1">
-                    <div style="" class="go-content-charts-item-box">
-                        <div class="item_box" style="width: 100%; height: auto; position: relative">
+                    <div style="" class="go-content-charts-item-box" :class="isCollapse?'double':'single'">
+                        <!-- <div class="item_box" style="width: 100%; height: auto; position: relative" >
                             <el-collapse v-if="isShowEdit">
                                 <el-collapse-item name="1" style="margin-top: 4px">
                                     <template slot="title">
@@ -121,14 +129,8 @@
                                     ></el-input>
                                 </el-collapse-item>
                             </el-collapse>
-                            <!-- <p
-                            style="color: #777; margin-top: 6px"
-                            v-else
-                            @click="img.has_selected == 1 ? goToListComment(img.article_image_id, 'img') : ''"
-                        >
-                            <el-link> Figures {{ index + 1 }} </el-link>
-                        </p> -->
-                        </div>
+                           
+                        </div> -->
                         <div class="item_box" style="width: 100%; height: auto; position: relative">
                             <div class="list-center go-flex-center go-transition" style="width: 100%" @click="addImage">
                                 <div class="title">
@@ -146,7 +148,7 @@
                                     overflow: hidden;
                                     position: relative;`"
                                 >
-                                    <div style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div class="imgbox" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
                                         <!-- 图片内容 -->
                                         <img src="@/assets/img/upload.png" style="width: 100px; height: 100%; object-fit: cover" />
                                     </div>
@@ -189,13 +191,12 @@
                                 <div class="title">
                                     <span
                                         >Figure {{ index + 1 }}
-                                        <span
+                                        <span class="previewbox"
                                             @click="openPreview(index, 'img')"
                                             v-if="['jpg', 'jpeg', 'png'].includes(img.image.split('.').pop().toLowerCase())"
                                         >
-                                            <!-- <el-tooltip class="item" effect="dark" :content="$t('commonTable.preview')" placement="top"> -->
-                                            <i class="el-icon-view" style="font-size: 16px"></i>
-                                            <!-- </el-tooltip> -->
+                                              <i class="el-icon-view" style="font-size: 16px"></i>
+                                          
                                         </span>
                                         <a :href="mediaUrl + img.image.url" style="color: #000" v-else>
                                             <!-- <el-tooltip class="item" effect="dark" :content="$t('commonTable.preview')" placement="top"> -->
@@ -243,17 +244,17 @@
                                     :draggable="img.has_selected == 0 ? true : false"
                                     @dragstart="img.has_selected == 0 ? onDragStart($event, img, index, 'img') : ''"
                                 >
-                                    <div style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div  class="imgbox" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
                                         <!-- 图片内容 -->
                                         <template v-if="['jpg', 'jpeg', 'png'].includes(img.image.split('.').pop().toLowerCase())">
-                                            <img
+                                            <img @click="img.has_selected == 1?goToListComment(img.article_image_id, 'img'):openPreview(index, 'img')"
                                                 :data-img-id="img.article_image_id"
                                                 :src="mediaUrl + img.image"
                                                 style="width: 140px; height: 100%; object-fit: cover"
                                             />
                                         </template>
                                         <template v-else-if="img.image.split('.').pop().toLowerCase() === 'tif'">
-                                            <img
+                                            <img @click="img.has_selected == 1?goToListComment(img.article_image_id, 'img'):openPreview(index, 'img')"
                                                 :data-img-id="img.article_image_id"
                                                 :src="img.dataUrl"
                                                 style="width: 140px; height: 100%; object-fit: cover"
@@ -309,13 +310,12 @@
                     </div>
                 </li>
                 <li v-show="currentMenu == 2">
-                    <div style="" class="go-content-charts-item-box">
+                    <div style="" class="go-content-charts-item-box" :class="isCollapse?'double':'single'">
                         <div class="item_box" @click="addTable" style="width: 100%; height: auto; position: relative">
                             <div class="list-center go-flex-center go-transition" style="width: 100%">
                                 <div class="title">
                                     <span>Add Table </span>
                                     <!-- <span @click.stop="handlePaperclip"><i class="el-icon-paperclip"></i></span> -->
-                                   
                                 </div>
 
                                 <div
@@ -329,7 +329,7 @@
                                     overflow: hidden;
                                     position: relative;`"
                                 >
-                                    <div style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div class="imgbox" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
                                         <!-- 图片内容 -->
                                         <img src="@/assets/img/uploadTable.png" style="width: 100px; height: 100%; object-fit: cover" />
                                     </div>
@@ -371,7 +371,7 @@
                                 <div class="title">
                                     <span
                                         >Table {{ index + 1 }}
-                                        <span @click="openPreview(index, 'table')">
+                                        <span class="previewbox" @click="openPreview(index, 'table')">
                                             <el-tooltip class="item" effect="dark" :content="$t('commonTable.preview')" placement="top">
                                                 <i class="el-icon-view" style="font-size: 16px"></i>
                                             </el-tooltip> </span
@@ -416,7 +416,7 @@
                                     :draggable="table.has_selected == 0 ? true : false"
                                     @dragstart="table.has_selected == 0 ? onDragStart($event, table, index, 'table') : ''"
                                 >
-                                    <div style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
+                                    <div class="imgbox" @click="table.has_selected == 1?goToListComment(table.article_table_id, 'table'):openPreview(index, 'table')" style="width: 100%; height: 80px; display: flex; justify-content: center; align-items: center">
                                         <!-- 图片内容 -->
                                         <table
                                             :data-table-id="table.article_table_id"
@@ -508,6 +508,7 @@ export default {
     data() {
         return {
             isShowComment: false,
+            isCollapse: false,
             isEditComment: false,
             isEditing: null, // 用于跟踪当前正在编辑的批注索引
             selectedComment: null, // 存储当前选择的批注内容
@@ -544,6 +545,11 @@ export default {
         }
     },
     methods: {
+        changeIsCollapse(e){
+       
+        localStorage.setItem('isCollapse', e)
+
+        },
         isShowEditComment() {
             if (localStorage.getItem('U_role')) {
                 var identity = localStorage.getItem('U_role');
@@ -633,7 +639,6 @@ export default {
                 })
                 .then((res) => {
                     this.comments = res.data.list;
-                 
                 });
         },
         addImage() {
@@ -668,7 +673,6 @@ export default {
             this.filterData();
         },
         filterData(type) {
-            
             if (type) {
                 if (type == 'img') {
                     this.imagesList = [...this.images];
@@ -849,8 +853,8 @@ export default {
                                         text-align: center;
                                         table-layout: auto;"
                                 >`;
-                          
-                            if (table.table&&table.table.length > 0) {
+
+                            if (table.table && table.table.length > 0) {
                                 table.table.forEach((row) => {
                                     modalContent += `<tr>`;
                                     row.forEach((cell) => {
@@ -871,11 +875,12 @@ export default {
                             this.$commonJS.createImageModal(index, modalContent, 'table', '');
                         });
                     }
-                   
                 });
         }
     },
     async created() {
+        this.isCollapse=localStorage.getItem('isCollapse')=='true'?true:false;
+        console.log('localStorage.getItem',typeof localStorage.getItem('isCollapse'))
         this.isShowEditComment();
         this.isFresh = false;
         this.$nextTick(async () => {
@@ -887,6 +892,7 @@ export default {
         });
     },
     async activated() {
+        this.isCollapse=localStorage.getItem('isCollapse')=='true'?true:false;
         this.isFresh = false;
         this.isShowEditComment();
         this.$nextTick(async () => {
@@ -1058,5 +1064,34 @@ li {
 }
 ::v-deep.pizhu.el-link--default:hover {
     border-color: #fc625d !important;
+}
+.go-mt {
+    /* background-color: #f2f3f5;
+    height: 28px; */
+    width: 200px;
+    float: right;
+  
+}
+.double .item_box{
+width: 46% !important;
+}
+.double .item_box .previewbox{
+display: none;
+}
+.double .item_box .imgbox {
+height: 50px !important;
+width: auto !important;
+}
+.double .item_box .imgbox img{
+height: 60px !important;
+width: auto !important;
+}
+.double .go-transition .title{
+font-size: 12px !important;
+padding:0 2px !important;
+line-height: 20px !important;
+}
+.single{
+
 }
 </style>
diff --git a/src/components/page/partyRole.vue b/src/components/page/partyRole.vue
index f6783c6..2bc43ce 100644
--- a/src/components/page/partyRole.vue
+++ b/src/components/page/partyRole.vue
@@ -87,8 +87,13 @@
                             <p class="rm_huid">{{ userMessage.technical }}</p>
                         </div>
                         <div class="rol_mess">
-                            <font>Major :</font>
-                            <p class="rm_huid">{{ userMessage.majorStr }}</p>
+                            <font>Research areas :</font>
+                            <!-- <p class="rm_huid">{{ userMessage.majorStr }}</p> -->
+                            <p class="rm_huid">
+                                <span v-for="(field,fieldIndex) in userMessage.majors" style="display: block;">
+                               <span>{{  fieldIndex+1}}.</span> {{ field.str.replace("Medicine >", "").trim() }}
+                                </span>
+                            </p>
                         </div>
                         <div class="rol_mess" v-if="userMessage.company != '' && userMessage.company != undefined">
                             <font>Company :</font>
@@ -409,9 +414,20 @@
                                         line-height: 20px;
                                     "
                                 >
-                                    <a :href="this.userMessage.g_author?`https://scholar.google.com/citations?hl=en&user=${this.userMessage.g_author}`:''" target="_blank" style="color: rgb(0, 102, 153) !important">{{
-                                       this.userMessage.g_author?`https://scholar.google.com/citations?hl=en&user=${this.userMessage.g_author}`:''
-                                    }}</a>
+                                    <a
+                                        :href="
+                                            this.userMessage.g_author
+                                                ? `https://scholar.google.com/citations?hl=en&user=${this.userMessage.g_author}`
+                                                : ''
+                                        "
+                                        target="_blank"
+                                        style="color: rgb(0, 102, 153) !important"
+                                        >{{
+                                            this.userMessage.g_author
+                                                ? `https://scholar.google.com/citations?hl=en&user=${this.userMessage.g_author}`
+                                                : ''
+                                        }}</a
+                                    >
                                 </span>
                             </div>
                             <!-- <div class="rol_mess">
@@ -747,7 +763,54 @@
                         <el-option v-for="item in df_technical" :key="item.label" :label="item.label" :value="item.label"></el-option>
                     </el-select>
                 </el-form-item>
-                <el-form-item label="Major :" prop="majors_a">
+                <el-form-item label="Research areas :" prop="major" label-width="160px">
+                   
+                    <common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
+                    <!-- <el-select
+                                        v-model="form.major_a"
+                                        placeholder="Please select major"
+                                        @change="majorChange(1)"
+                                        style="width: 240px"
+                                    >
+                                        <el-option
+                                            v-for="item in majors_a"
+                                            :key="item.major_id"
+                                            :label="item.major_title"
+                                            :value="item.major_id"
+                                        ></el-option>
+                                    </el-select>
+                                    <el-select
+                                        v-model="form.major_b"
+                                        placeholder="Please select major"
+                                        v-if="majors_b != ''"
+                                        @change="majorChange(2)"
+                                        style="margin: 0 15px; width: 240px"
+                                    >
+                                        <el-option :key="0" label="None" :value="0"></el-option>
+                                        <el-option
+                                            v-for="item in majors_b"
+                                            :key="item.major_id"
+                                            :label="item.major_title"
+                                            :value="item.major_id"
+                                        ></el-option>
+                                    </el-select>
+                                    <el-select
+                                        v-model="form.major_c"
+                                        placeholder="Please select major"
+                                        v-if="majors_c != ''"
+                                        style="width: 240px"
+                                        @change="majorChange(3)"
+                                    >
+                                        <el-option :key="0" label="None" :value="0"></el-option>
+                                        <el-option
+                                            v-for="item in majors_c"
+                                            :key="item.major_id"
+                                            :label="item.major_title"
+                                            :value="item.major_id"
+                                        ></el-option>
+                                    </el-select> -->
+                </el-form-item>
+                <!-- <el-form-item label="Major :" prop="majors_a">
                     <el-select
                         v-model="MessForm.major_a"
                         placeholder="Please select"
@@ -791,7 +854,7 @@
                             :value="item.major_id"
                         ></el-option>
                     </el-select>
-                </el-form-item>
+                </el-form-item> -->
                 <el-form-item label="Company :" prop="company">
                     <el-input v-model="MessForm.company" placeholder="Please enter"></el-input>
                 </el-form-item>
@@ -891,8 +954,8 @@
                             >Certified
                         </el-button>
                         <span style="margin: 0 0 0 5px; padding: 5px 12px; color: #999" v-if="googleSearchInfo != ''">
-                                                ( {{ googleSearchInfo }} )</span
-                                            >
+                            ( {{ googleSearchInfo }} )</span
+                        >
                     </el-form-item>
 
                     <p v-if="geogleList.length != 0 && bankVisible" style="margin: 20px 0 20px 0; font-weight: bold">
@@ -1110,13 +1173,16 @@
 </template>
 
 <script>
-  import PendingPayment from '@/components/page/components/pendingPayment/index.vue';
+import PendingPayment from '@/components/page/components/pendingPayment/index.vue';
 export default {
     data() {
         return {
-            orderList:[ { id: 1, title: '稿件1', author: '作者1', amount: 100, status: '未缴费',orderId:'6VT20279NK3463528' },
-          { id: 2, title: '稿件2', author: '作者2', amount: 200, status: '未缴费',orderId:'6VT20279NK3463528'  },
-          { id: 3, title: '稿件3', author: '作者3', amount: 300, status: '未缴费' ,orderId:'6VT20279NK3463528' },],
+            majorValueList: [],
+            orderList: [
+                { id: 1, title: '稿件1', author: '作者1', amount: 100, status: '未缴费', orderId: '6VT20279NK3463528' },
+                { id: 2, title: '稿件2', author: '作者2', amount: 200, status: '未缴费', orderId: '6VT20279NK3463528' },
+                { id: 3, title: '稿件3', author: '作者3', amount: 300, status: '未缴费', orderId: '6VT20279NK3463528' }
+            ],
             citeLoading: false,
             wosLoading: false,
             authorList: [],
@@ -1266,7 +1332,7 @@ export default {
                 }
             ],
             role_author: 0,
-            googleSearchInfo:'',
+            googleSearchInfo: '',
             role_editor: 0,
             role_chief: 0,
             role_reviewer: 0,
@@ -1346,11 +1412,27 @@ export default {
                         trigger: 'blur'
                     }
                 ],
-                majors_a: [
+                // majors_a: [
+                //     {
+                //         required: true,
+                //         message: 'Please select major',
+                //         trigger: 'blur'
+                //     }
+                // ],
+                major: [
                     {
                         required: true,
-                        message: 'Please select major',
-                        trigger: 'blur'
+                        validator: (rule, value, callback) => {
+                            console.log('value at line 1202:', this.form);
+                            var major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
+                            if (major == '') {
+                                callback(new Error('Please select the Research areas'));
+                            } else {
+                                callback();
+                            }
+                            // 如果你需要在此处使用 this 访问 Vue 实例的数据，使用箭头函数保持上下文
+                            // 其他逻辑
+                        }
                     }
                 ],
                 technical: [
@@ -1371,7 +1453,7 @@ export default {
         };
     },
     components: {
-      PendingPayment
+        PendingPayment
     },
     mounted() {},
     created() {
@@ -1532,7 +1614,17 @@ export default {
                         this.userMessage.majorStr = res.data.baseInfo.majorStr;
                         this.cvitaForm.user_id = res.data.baseInfo.user_id;
                         this.userMessage.website = res.data.baseInfo.website;
-
+                        console.log('res.data.baseInfo.majors.map at line 16124:', res.data.baseInfo.majors)
+                        	this.userMessage.majors=res.data.baseInfo.majors
+                        this.majorValueList = res.data.baseInfo.majors.map((item) => ({
+                        	
+                            selectedValue: Array.isArray(item.shu)
+                                ? item.shu
+                                : typeof item.shu === 'string'
+                                ? item.shu.split(',').map(Number)
+                                : [item.shu]
+                        }));console.log('this.majorValueList at line 1612:', this.majorValueList)
+                        this.$forceUpdate()
                         this.coreTable = res.data.baseInfo;
                         this.cvitaTable = res.data.cvs;
 
@@ -1633,22 +1725,23 @@ export default {
             // 	query: {
             // 		id: this.userMessage.user_id
             // 	}
-            // });
+            // });console.log('this.userMessage at line 1700:', this.userMessage)
 
             this.MessForm = JSON.parse(JSON.stringify(this.userMessage));
-            this.MessForm.major = 1;
-            this.MessForm.major_a = '';
-            this.MessForm.major_b = '';
-            this.MessForm.major_c = '';
-            this.MessForm.majorList = [];
 
-            if (this.MessForm.majorshu != 0) {
-                if (typeof this.MessForm.majorshu == 'number') {
-                    this.MessForm.majorList.push(this.MessForm.majorshu);
-                } else {
-                    this.MessForm.majorList = this.MessForm.majorshu.split(',');
-                }
-            }
+            // this.MessForm.major = 1;
+            // this.MessForm.major_a = '';
+            // this.MessForm.major_b = '';
+            // this.MessForm.major_c = '';
+            // this.MessForm.majorList = [];
+
+            // if (this.MessForm.majorshu != 0) {
+            //     if (typeof this.MessForm.majorshu == 'number') {
+            //         this.MessForm.majorList.push(this.MessForm.majorshu);
+            //     } else {
+            //         this.MessForm.majorList = this.MessForm.majorshu.split(',');
+            //     }
+            // }
 
             this.$nextTick(() => {
                 this.jiLInaoan();
@@ -1665,6 +1758,11 @@ export default {
                 this.$message.error(this.$t('info.realname'));
                 return false;
             }
+            this.MessForm.major = this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',');
+            if (this.MessForm.major == '') {
+                this.$message.error('Please select the Research areas');
+                return false;
+            }
 
             this.$api
                 .post('api/Ucenter/updateUserInfo', this.MessForm)
@@ -1732,7 +1830,7 @@ export default {
             switch (data) {
                 case 'wos':
                     date = this.userMessage.wos_time;
-                    console.log('date at line 1714:', date)
+                    console.log('date at line 1714:', date);
                     break;
                 case 'scopus':
                     date = this.userMessage.scopus_time;
diff --git a/src/components/page/reviewerList.vue b/src/components/page/reviewerList.vue
index 22be06f..2faf38c 100644
--- a/src/components/page/reviewerList.vue
+++ b/src/components/page/reviewerList.vue
@@ -1,26 +1,28 @@
 <template>
-	<div>
-		<div class="crumbs">
-			<el-breadcrumb separator="/">
-				<el-breadcrumb-item>
-					<i class="el-icon-user"></i> Reviewer list
-				</el-breadcrumb-item>
-			</el-breadcrumb>
-		</div>
-		<div class="container">
-			<div class="handle-box">
-				<el-button type="primary" icon="el-icon-plus" class="handle-del" @click="add_Selection">Add Reviewer
-				</el-button>
-			</div>
-			<div class="handle-box">
-				<el-select v-model="query.journalId" placeholder="Please select a journal"
-					@change="query.pageIndex = 1;getContent()">
-					<el-option label="All journals" :key="0" :value="0"></el-option>
-					<el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id"
-						:value="item.journal_id"></el-option>
-				</el-select>
-				<!-- <span style="margin:0 10px 0 20px;font-size: 14px;">Class:</span> -->
-				<!-- <el-select v-model="query.class" style="width: 100px;margin: 0 0 0 15px;" @change="getContent">
+    <div>
+        <div class="crumbs">
+            <!-- <el-breadcrumb separator="/">
+                <el-breadcrumb-item> <i class="el-icon-user"></i> Reviewer list </el-breadcrumb-item>
+            </el-breadcrumb> -->
+        </div>
+        <div class="container">
+            <!-- <div class="handle-box">
+				
+			</div> -->
+            <div class="handle-box">
+                <el-select
+                    v-model="query.journalId"
+                    placeholder="Please select a journal"
+                    @change="
+                        query.pageIndex = 1;
+                        getContent();
+                    "
+                >
+                    <el-option label="All journals" :key="0" :value="0"></el-option>
+                    <el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+                </el-select>
+                <!-- <span style="margin:0 10px 0 20px;font-size: 14px;">Class:</span> -->
+                <!-- <el-select v-model="query.class" style="width: 100px;margin: 0 0 0 15px;" @change="getContent">
 					<el-option label="All class" :key="0" :value="0"></el-option>
 					<el-option label="A" key="A" value="A"></el-option>
 					<el-option label="B" key="B" value="B"></el-option>
@@ -28,123 +30,210 @@
 					<el-option label="D" key="D" value="D"></el-option>
 					<el-option label="Not rated" key="1" value="1"></el-option>
 				</el-select> -->
-				<el-input v-model="query.keyword" placeholder="Account / Realname / Email"
-					style="width: 240px;margin: 0 15px;">
-				</el-input>
-				<el-button type="primary" icon="el-icon-search" @click="query.pageIndex = 1;getContent()">Search
-				</el-button>
-			</div>
-			<el-table :data="tableData"  class="table" ref="multipleTable" header-cell-class-name="table-header"
-				empty-text="Messages (0)">
-				<el-table-column label="Base Information" width="280px">
-					<template slot-scope="scope">
-						<p class="tab_tie_col">
-							<span>Realname: </span>
-							<b style="font-size: 15px;letter-spacing: -0.5px;">{{scope.row.realname}}</b>
-							<!-- <span style="margin-left:30px ;">Class: </span>
+                <el-input clearable v-model="query.keyword" placeholder="Account / Realname / Email" style="width: 240px; margin: 0 15px"> </el-input>
+                <el-cascader
+                clearable
+                    :ref="`cascader1`"
+                    @change="handleChange"
+                    v-model="selectField"
+                    :placeholder="'Please select Field '"
+                    :options="options"
+                    :props="getProps()"
+                ></el-cascader>
+                <el-button
+                    type="primary"
+                    style="margin-left: 20px"
+                    icon="el-icon-search"
+                    @click="
+                        query.pageIndex = 1;
+                        getContent();
+                    "
+                    >Search
+                </el-button>
+                <el-button type="primary" icon="el-icon-plus" class="handle-del" @click="add_Selection">Add Reviewer </el-button>
+            </div>
+            <el-table :data="tableData" class="table" ref="multipleTable" header-cell-class-name="table-header" empty-text="Messages (0)">
+                <el-table-column label="Base Information" width="280px">
+                    <template slot-scope="scope">
+                        <p class="tab_tie_col">
+                            <span>Realname: </span>
+                            <b style="font-size: 15px; letter-spacing: -0.5px">{{ scope.row.realname }}</b>
+                            <!-- <span style="margin-left:30px ;">Class: </span>
 							<el-button @click="BoxGrade(scope.row)" size="mini" type="text">
 								<b v-if="scope.row.grade!=''">{{scope.row.grade}}</b>
 								<b v-if="scope.row.grade==''">Not rated</b>
 							</el-button> -->
-						</p>
-						<p class="tab_tie_col">
-							<span>Title: </span>{{scope.row.technical}}
-							<span style="margin-left:30px ;">CV: </span>
-							<b class="el-icon-check" style="color: #0fa31d;font-weight: bold;"
-								v-if="scope.row.cvs.length>0">
-							</b>
-							<b class="el-icon-close" style="color: #ff0000;font-weight: bold;"
-								v-if="scope.row.cvs.length==0">
-							</b>
-						</p>
-						<p class="tab_tie_col">
-							<span>Email: </span>{{scope.row.email}}
-						</p>
-						<p class="tab_tie_col">
-							<span>H-WOS: </span>
-							<font v-html="colorIndex(scope.row.wos_index,scope.row.wos_time)"></font>
-						</p>
-						<p class="tab_tie_col">
-							<span>H-Google: </span>
-							<font v-html="colorIndex(scope.row.google_index,scope.row.google_time)"></font>
-						</p>
-						<p class="tab_tie_col" v-if="scope.row.starList_mark!=0">
-							<span>Grade: </span>
-							<font style="display: inline-block;">
-								<img src="../../assets/img/star-all.png" v-for="item in scope.row.starList"
-									v-if="scope.row.starList_mark<=8&&item.star==1" class="starSty">
-								<img src="../../assets/img/star-traf.png" v-for="item in scope.row.starList"
-									v-if="scope.row.starList_mark<=8&&item.star==0" class="starSty">
-								<img src="../../assets/img/star-none.png" v-for="item in scope.row.starList"
-									v-if="scope.row.starList_mark<=8&&item.star==2" class="starSty">
-								<img src="../../assets/img/star-all.png" v-if="scope.row.starList_mark>8"
-									class="starSty">
-								<b style="font-size: 15px;color: #b77614;" v-if="scope.row.starList_mark>8">×
-									{{scope.row.starList_mark}}</b>
-							</font>
-						</p>
-					</template>
-				</el-table-column>
-				<el-table-column label="Other Information">
-					<template slot-scope="scope">
-						<p class="tab_tie_col">
-							<span>Field: </span>{{scope.row.field}}
-						</p>
-						<p class="tab_tie_col">
-							<span>Major: </span>{{scope.row.major_title}}
-						</p>
-						<p class="tab_tie_col">
-							<span>Affiliation: </span>{{scope.row.company}}
-						</p>
-						<p class="tab_tie_col">
-							<span>Youth editorial board: </span>
-							<b class="el-icon-check" style="color: #0fa31d;margin-right: 20px;font-weight: bold;"
-								v-if="scope.row.is_yboard=='1'">
-							</b>
-							<b class="el-icon-close" style="color: #ff0000;margin-right: 20px;font-weight: bold;"
-								v-if="scope.row.is_yboard=='0'">
-							</b>
-							<el-button size="mini" type="success" plain icon="el-icon-sort-up"
-								@click="gradeup(scope.row)" v-if="scope.row.is_yboard=='0'">Upgrade</el-button>
-							<el-button size="mini" type="warning" plain icon="el-icon-sort-down"
-								@click="gradedown(scope.row)" v-if="scope.row.is_yboard=='1'">downgrade</el-button>
-						</p>
-					</template>
-				</el-table-column>
-				<el-table-column label="Remarks" width="250">
-					<template slot-scope="scope">
-						{{scope.row.remark}}
-						<b @click="BoxRemark(scope.row)" style="margin-left:10px;cursor: pointer;color:#006699;"
-							class="el-icon-edit"></b>
-					</template>
-				</el-table-column>
-				<el-table-column label="" width="110" align="center">
-					<template slot-scope="scope">
-						<!-- <div style="margin: 0 0 6px 0;">
+                        </p>
+                        <p class="tab_tie_col">
+                            <span>Title: </span>{{ scope.row.technical }}
+                            <span style="margin-left: 30px">CV: </span>
+                            <b class="el-icon-check" style="color: #0fa31d; font-weight: bold" v-if="scope.row.cvs.length > 0"> </b>
+                            <b class="el-icon-close" style="color: #ff0000; font-weight: bold" v-if="scope.row.cvs.length == 0"> </b>
+                        </p>
+                        <p class="tab_tie_col"><span>Email: </span>{{ scope.row.email }}</p>
+                        <div class="tab_tie_col" style="display: flex; align-items: center">
+                            <p>
+                                <span>H-WOS: </span>
+                                <el-tooltip :content="getTime(scope.row.wos_time)" placement="top">
+                                    <font v-html="colorIndex(scope.row.wos_index, scope.row.wos_time)"></font>
+                                </el-tooltip>
+                            </p>
+                            <p style="margin-left: 20px">
+                                <span>H-Google: </span>
+                                <el-tooltip :content="getTime(scope.row.google_time)" placement="top">
+                                    <font v-html="colorIndex(scope.row.google_index, scope.row.google_time)"></font>
+                                </el-tooltip>
+                            </p>
+                        </div>
+                        <!-- <p class="tab_tie_col">
+                            <span>H-Google: </span>
+                            <font v-html="colorIndex(scope.row.google_index, scope.row.google_time)"></font>
+                        </p> -->
+                        <p class="tab_tie_col" v-if="scope.row.starList_mark != 0">
+                            <span>Grade: </span>
+                            <font style="display: inline-block">
+                                <img
+                                    src="../../assets/img/star-all.png"
+                                    v-for="item in scope.row.starList"
+                                    v-if="scope.row.starList_mark <= 8 && item.star == 1"
+                                    class="starSty"
+                                />
+                                <img
+                                    src="../../assets/img/star-traf.png"
+                                    v-for="item in scope.row.starList"
+                                    v-if="scope.row.starList_mark <= 8 && item.star == 0"
+                                    class="starSty"
+                                />
+                                <img
+                                    src="../../assets/img/star-none.png"
+                                    v-for="item in scope.row.starList"
+                                    v-if="scope.row.starList_mark <= 8 && item.star == 2"
+                                    class="starSty"
+                                />
+                                <img src="../../assets/img/star-all.png" v-if="scope.row.starList_mark > 8" class="starSty" />
+                                <b style="font-size: 15px; color: #b77614" v-if="scope.row.starList_mark > 8"
+                                    >× {{ scope.row.starList_mark }}</b
+                                >
+                            </font>
+                        </p>
+                    </template>
+                </el-table-column>
+                <el-table-column label="Other Information">
+                    <template slot-scope="scope">
+                        <p class="tab_tie_col"><span>Field: </span>{{ scope.row.field }}</p>
+                        <!-- <p class="tab_tie_col"><span>Major: </span>{{ scope.row.major_title }}</p> -->
+                        <p class="tab_tie_col"><span>Affiliation: </span>{{ scope.row.company }}</p>
+                        <p class="tab_tie_col">
+                            <span>Remarks: </span><span style="color: #ce4f15">{{ scope.row.remark }}</span>
+                            <b
+                                @click="BoxRemark(scope.row)"
+                                style="margin-left: 10px; cursor: pointer; color: #ce4f15"
+                                class="el-icon-edit"
+                            ></b>
+                        </p>
+
+                        <p class="tab_tie_col">
+                            <span>Youth editorial board: </span>
+                            <b
+                                class="el-icon-check"
+                                style="color: #0fa31d; margin-right: 20px; font-weight: bold"
+                                v-if="scope.row.is_yboard == '1'"
+                            >
+                            </b>
+                            <b
+                                class="el-icon-close"
+                                style="color: #ff0000; margin-right: 20px; font-weight: bold"
+                                v-if="scope.row.is_yboard == '0'"
+                            >
+                            </b>
+                            <el-button
+                                size="mini"
+                                type="success"
+                                plain
+                                icon="el-icon-sort-up"
+                                @click="gradeup(scope.row)"
+                                v-if="scope.row.is_yboard == '0'"
+                                >Upgrade</el-button
+                            >
+                            <el-button
+                                size="mini"
+                                type="warning"
+                                plain
+                                icon="el-icon-sort-down"
+                                @click="gradedown(scope.row)"
+                                v-if="scope.row.is_yboard == '1'"
+                                >downgrade</el-button
+                            >
+                        </p>
+                    </template>
+                </el-table-column>
+                <!-- <el-table-column label="Remarks" width="250">
+                    <template slot-scope="scope">
+                        {{ scope.row.remark }}
+                        <b
+                            @click="BoxRemark(scope.row)"
+                            style="margin-left: 10px; cursor: pointer; color: #006699"
+                            class="el-icon-edit"
+                        ></b>
+                    </template>
+                </el-table-column> -->
+                <el-table-column label="Research areas" width="300">
+                    <template slot-scope="scope">
+                        <div v-if="scope.row.user_id" style="display: flex; align-items: center; justify-content: space-between">
+                            <!-- 使用 user_id 来获取用户的 majorData -->
+                            <div>
+                                <div v-if="majorData[scope.row.user_id]" class="majorDataBox">
+                                    <p v-for="(v, i) in majorData[scope.row.user_id]" style="border-top: 1px solid #b3d8ff;">
+                                        <span style="font-weight:bold">{{ i + 1 }}.</span>
+                                        {{ v.major_title.replace("Medicine >", "").trim() }}
+                                    </p>
+                                </div>
+                                <div v-else>
+                                    <span>Loading...</span>
+                                    <!-- 如果数据还在加载，显示 "Loading..." -->
+                                </div>
+                            </div>
+
+                            <b
+                                @click="BoxMajor(scope.row,majorData[scope.row.user_id])"
+                                style="margin-left: 10px; cursor: pointer; color: #006699"
+                                class="el-icon-edit"
+                            ></b>
+                        </div>
+                    </template>
+                </el-table-column>
+
+                <el-table-column label="" width="110" align="center">
+                    <template slot-scope="scope">
+                        <!-- <div style="margin: 0 0 6px 0;">
 							<el-button size="mini" type="primary" plain icon="el-icon-tickets"
 								@click="handleEdit(scope.$index, scope.row)">Edit</el-button>
 						</div> -->
-						<div style="margin: 0 0 6px 0;">
-							<el-button type="primary" plain icon="el-icon-edit" @click="handleDtail(scope.row)">
-								Detail
-							</el-button>
-						</div>
-						<div>
-							<el-button size="mini" type="danger" plain icon="el-icon-delete"
-								@click="showDelete(scope.row)">
-								Delete</el-button>
-						</div>
-					</template>
-				</el-table-column>
-			</el-table>
-			<div class="pagination">
-				<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex"
-					:page-size="query.pageSize" :total="link_Total" @current-change="handlePageChange"></el-pagination>
-			</div>
-		</div>
-		<common-reviewer ref="commonReviewer" @fresh="getContent"></common-reviewer>
-		<!-- 检测邮箱弹出框 -->
-		<!-- <el-dialog title="Add User Check Email" :visible.sync="checkVisible" width="500px">
+                        <div style="margin: 0 0 6px 0">
+                            <el-button type="primary" plain icon="el-icon-edit" @click="handleDtail(scope.row)"> Detail </el-button>
+                        </div>
+                        <div>
+                            <el-button size="mini" type="danger" plain icon="el-icon-delete" @click="showDelete(scope.row)">
+                                Delete</el-button
+                            >
+                        </div>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <div class="pagination">
+                <el-pagination
+                    background
+                    layout="total, prev, pager, next"
+                    :current-page="query.pageIndex"
+                    :page-size="query.pageSize"
+                    :total="link_Total"
+                    @current-change="handlePageChange"
+                ></el-pagination>
+            </div>
+        </div>
+        <common-reviewer ref="commonReviewer" @fresh="getContent"></common-reviewer>
+        <!-- 检测邮箱弹出框 -->
+        <!-- <el-dialog title="Add User Check Email" :visible.sync="checkVisible" width="500px">
 			<el-form ref="check_Form" :model="checkForm" :rules="rules" label-width="80px">
 				<el-form-item label="Email :" prop="email">
 					<el-input v-model="checkForm.email" style="width: 300px;margin-right: 10px;"></el-input>
@@ -167,1042 +256,1282 @@
 			</div>
 		</el-dialog> -->
 
-		<!-- 添加弹出框 -->
+        <!-- 添加弹出框 -->
 
+        <!-- 编辑弹出框 -->
+        <el-dialog title="Edit User Message" :visible.sync="editVisible" width="700px">
+            <el-form ref="edit_Form" :model="editForm" :rules="rules" label-width="120px">
+                <el-form-item label="Email :">
+                    {{ editForm.email }}
+                </el-form-item>
+                <el-form-item label="Account :" prop="account">
+                    {{ editForm.account }}
+                </el-form-item>
+                <el-form-item label="Gender :" prop="gender">
+                    <span v-if="editForm.gender == 1">Male</span>
+                    <span v-if="editForm.gender == 2">Female</span>
+                </el-form-item>
+                <el-form-item label="Journal :" prop="journal_title">
+                    {{ editForm.journal_title }}
+                </el-form-item>
+                <el-form-item label="Title :" prop="title">
+                    <el-select
+                        v-model="editForm.title"
+                        filterable
+                        placeholder="Please select a title"
+                        value-key="groupID"
+                        style="width: 300px"
+                    >
+                        <el-option v-for="item in df_technical" :key="item.label" :label="item.label" :value="item.label"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="Country :" prop="country">
+                    <el-select
+                        v-model="editForm.country"
+                        filterable
+                        placeholder="Please select a country"
+                        value-key="groupID"
+                        style="width: 300px"
+                    >
+                        <el-option v-for="item in df_country" :label="item.en_name" :key="item.en_name" :value="item.en_name"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="Realname :">
+                    <el-input v-model="editForm.realname"></el-input>
+                </el-form-item>
+                <el-form-item label="Orcid :">
+                    {{ editForm.orcid }}
+                </el-form-item>
+                <el-form-item label="Introduction :">
+                    <el-input v-model="editForm.introduction" type="textarea" autosize></el-input>
+                </el-form-item>
+                <el-form-item label="Affiliation :">
+                    <el-input v-model="editForm.company"></el-input>
+                </el-form-item>
+                <el-form-item label="Major :" prop="major_a">
+                    <el-select
+                        v-model="editForm.major_a"
+                        placeholder="Please select"
+                        @change="majorChangeEdit(1)"
+                        style="width: 150px; margin: 0 10px 0 0"
+                    >
+                        <el-option
+                            v-for="item in majors_a_edit"
+                            :key="item.major_id"
+                            :label="item.major_title"
+                            :value="item.major_id"
+                        ></el-option>
+                    </el-select>
+                    <el-select
+                        v-model="editForm.major_b"
+                        placeholder="Please select"
+                        v-if="majors_b_edit != ''"
+                        @change="majorChangeEdit(2)"
+                        style="width: 150px; margin: 0 10px 0 0"
+                    >
+                        <el-option :key="0" label="None" :value="0"></el-option>
+                        <el-option
+                            v-for="item in majors_b_edit"
+                            :key="item.major_id"
+                            :label="item.major_title"
+                            :value="item.major_id"
+                        ></el-option>
+                    </el-select>
+                    <el-select
+                        v-model="editForm.major_c"
+                        placeholder="Please select"
+                        v-if="majors_c_edit != ''"
+                        @change="majorChangeEdit(3)"
+                        style="width: 150px"
+                    >
+                        <el-option :key="0" label="None" :value="0"></el-option>
+                        <el-option
+                            v-for="item in majors_c_edit"
+                            :key="item.major_id"
+                            :label="item.major_title"
+                            :value="item.major_id"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="Field :">
+                    <el-input v-model="editForm.field" type="textarea" autosize></el-input>
+                </el-form-item>
+                <!-- 简历 -->
+                <el-form-item label="CV. :" prop="qualifications">
+                    <el-upload
+                        class="upload-demo"
+                        :action="baseUrl + 'api/Reviewer/up_cv_file'"
+                        :on-success="handleFileSuccess3"
+                        name="reviewerCV"
+                        type="reviewerCV"
+                        :on-error="handleFileError"
+                        :on-preview="handlePreview"
+                        :on-remove="handleRemove"
+                        :before-remove="beforeRemove"
+                        :on-change="handleChange3"
+                        accept=".pdf"
+                        :on-exceed="handleExceed"
+                        :file-list="fileL_pdf3"
+                        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">Only pdf files can be uploaded(.pdf)</span>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="editVisible = false">Cancel</el-button>
+                <el-button type="primary" @click="saveEdit(editForm)">OK</el-button>
+            </span>
+        </el-dialog>
 
-		<!-- 编辑弹出框 -->
-		<el-dialog title="Edit User Message" :visible.sync="editVisible" width="700px">
-			<el-form ref="edit_Form" :model="editForm" :rules="rules" label-width="120px">
-				<el-form-item label="Email :">
-					{{editForm.email}}
-				</el-form-item>
-				<el-form-item label="Account :" prop="account">
-					{{editForm.account}}
-				</el-form-item>
-				<el-form-item label="Gender :" prop="gender">
-					<span v-if="editForm.gender==1">Male</span>
-					<span v-if="editForm.gender==2">Female</span>
-				</el-form-item>
-				<el-form-item label="Journal :" prop="journal_title">
-					{{editForm.journal_title}}
-				</el-form-item>
-				<el-form-item label="Title :" prop="title">
-					<el-select v-model="editForm.title" filterable placeholder="Please select a title"
-						value-key="groupID" style="width: 300px;">
-						<el-option v-for="item in df_technical" :key="item.label" :label="item.label"
-							:value="item.label"></el-option>
-					</el-select>
-				</el-form-item>
-				<el-form-item label="Country :" prop="country">
-					<el-select v-model="editForm.country" filterable placeholder="Please select a country"
-						value-key="groupID" style="width: 300px;">
-						<el-option v-for="item in df_country" :label="item.en_name" :key="item.en_name"
-							:value="item.en_name"></el-option>
-					</el-select>
-				</el-form-item>
-				<el-form-item label="Realname :">
-					<el-input v-model="editForm.realname"></el-input>
-				</el-form-item>
-				<el-form-item label="Orcid :">
-					{{editForm.orcid}}
-				</el-form-item>
-				<el-form-item label="Introduction :">
-					<el-input v-model="editForm.introduction" type="textarea" autosize></el-input>
-				</el-form-item>
-				<el-form-item label="Affiliation :">
-					<el-input v-model="editForm.company"></el-input>
-				</el-form-item>
-				<el-form-item label="Major :" prop="major_a">
-					<el-select v-model="editForm.major_a" placeholder="Please select" @change="majorChangeEdit(1)"
-						style="width: 150px;margin: 0 10px 0 0;">
-						<el-option v-for="item in majors_a_edit" :key="item.major_id" :label="item.major_title"
-							:value="item.major_id"></el-option>
-					</el-select>
-					<el-select v-model="editForm.major_b" placeholder="Please select" v-if="majors_b_edit!=''"
-						@change="majorChangeEdit(2)" style="width: 150px;margin:0 10px 0 0;">
-						<el-option :key="0" label="None" :value="0"></el-option>
-						<el-option v-for="item in majors_b_edit" :key="item.major_id" :label="item.major_title"
-							:value="item.major_id"></el-option>
-					</el-select>
-					<el-select v-model="editForm.major_c" placeholder="Please select" v-if="majors_c_edit!=''"
-						@change="majorChangeEdit(3)" style="width: 150px;">
-						<el-option :key="0" label="None" :value="0"></el-option>
-						<el-option v-for="item in majors_c_edit" :key="item.major_id" :label="item.major_title"
-							:value="item.major_id"></el-option>
-					</el-select>
-				</el-form-item>
-				<el-form-item label="Field :">
-					<el-input v-model="editForm.field" type="textarea" autosize></el-input>
-				</el-form-item>
-				<!-- 简历 -->
-				<el-form-item label="CV. :" prop="qualifications">
-					<el-upload class="upload-demo" :action="baseUrl+'api/Reviewer/up_cv_file'"
-						:on-success="handleFileSuccess3" name="reviewerCV" type="reviewerCV" :on-error="handleFileError"
-						:on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove"
-						:on-change="handleChange3" accept=".pdf" :on-exceed="handleExceed" :file-list="fileL_pdf3"
-						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;">Only pdf files can be uploaded(.pdf)</span>
-				</el-form-item>
-			</el-form>
-			<span slot="footer" class="dialog-footer">
-				<el-button @click="editVisible = false">Cancel</el-button>
-				<el-button type="primary" @click="saveEdit(editForm)">OK</el-button>
-			</span>
-		</el-dialog>
+        <!-- 删除弹出框 -->
+        <el-dialog title="Delete Reviewer" :visible.sync="delOpen" width="600px">
+            <div v-for="item in lineOptions" :name="item.journal_id" :value="item.reviewer_id" style="margin: 0 0 12px 60px">
+                {{ item.journal.title }} - {{ item.reviewer.realname }}
+                <font @click="lastDelete($event)" class="deteleBtn">
+                    <i class="el-icon-delete"></i>
+                    Delete
+                </font>
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="delOpen = false">Cancel</el-button>
+            </span>
+        </el-dialog>
 
-		<!-- 删除弹出框 -->
-		<el-dialog title="Delete Reviewer" :visible.sync="delOpen" width="600px">
-			<div v-for="item in lineOptions" :name='item.journal_id' :value='item.reviewer_id'
-				style="margin:0 0 12px 60px;">
-				{{item.journal.title}} - {{item.reviewer.realname}}
-				<font @click="lastDelete($event)" class="deteleBtn">
-					<i class="el-icon-delete"></i>
-					Delete
-				</font>
-			</div>
-			<span slot="footer" class="dialog-footer">
-				<el-button @click="delOpen = false;">Cancel</el-button>
-			</span>
-		</el-dialog>
+        <!-- 标记弹出框 -->
+        <el-dialog title="Remarks" :visible.sync="remarkBox" width="800px">
+            <el-form ref="remark" :model="remarkMes" label-width="95px">
+                <el-form-item label="Reviewer :">
+                    <p style="line-height: 20px; margin-top: 6px;">
+                        <span style="color:#333;font-weight:bold;">{{ remarkMes.realname }}</span>
+                         ( {{ remarkMes.email }} )</p>
+                </el-form-item>
+                <el-form-item label="Content :">
+                    <el-input type="textarea" rows="20" v-model="remarkMes.remark"></el-input>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="remarkBox = false">Cancel</el-button>
+                <el-button type="primary" @click="saveRemark">Save</el-button>
+            </span>
+        </el-dialog>
+        <el-dialog title="Edit Research areas" :visible.sync="majorBox" width="800px">
+            <el-form ref="remark" :model="majorMes" label-width="120px">
+                <el-form-item label="Reviewer :">
+                    <p style="line-height: 20px; margin-top: 6px;">
+                        <span style="color:#333;font-weight:bold;">{{ majorMes.realname }}</span>
+                         ( {{ majorMes.email }} )</p>
+                </el-form-item>
+                <!-- <el-form-item label="Email :">
+                    <p style="line-height: 20px; margin-top: 6px">{{ majorMes.email }}</p>
+                </el-form-item> -->
+                <el-form-item label="Research areas :">
+                    <common-major-list :list="majorValueList" @load="(e) => (this.majorValueList = e)"></common-major-list>
+             
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="majorBox = false">Cancel</el-button>
+                <el-button type="primary" @click="saveMajor">Save</el-button>
+            </span>
+        </el-dialog>
 
-		<!-- 标记弹出框 -->
-		<el-dialog title="Remarks" :visible.sync="remarkBox" width="550px">
-			<el-form ref="remark" :model="remarkMes" label-width="95px">
-				<el-form-item label="Reviewer :">
-					<p style="line-height: 20px;margin-top: 6px;">{{remarkMes.realname}}</p>
-				</el-form-item>
-				<el-form-item label="Email :">
-					<p style="line-height: 20px;margin-top: 6px;">{{remarkMes.email}}</p>
-				</el-form-item>
-				<el-form-item label="Content :">
-					<el-input type="textarea" rows="5" v-model="remarkMes.remark"></el-input>
-				</el-form-item>
-			</el-form>
-			<span slot="footer" class="dialog-footer">
-				<el-button @click="remarkBox = false">Cancel</el-button>
-				<el-button type="primary" @click="saveRemark">Save</el-button>
-			</span>
-		</el-dialog>
-
-		<!-- 评级弹出框 -->
-		<el-dialog title="Reviewer Class" :visible.sync="gradeBox" width="400px">
-			<el-form ref="grade" :model="gradeMes" label-width="85px">
-				<el-form-item label="Reviewer :">
-					<p style="line-height: 20px;margin-top: 6px;">{{gradeMes.realname}}</p>
-				</el-form-item>
-				<el-form-item label="Class :">
-					<el-select v-model="gradeMes.grade" placeholder="Please select">
-						<el-option key="A" label="A" value="A"></el-option>
-						<el-option key="B" label="B" value="B"></el-option>
-						<el-option key="C" label="C" value="C"></el-option>
-						<el-option key="D" label="D" value="D"></el-option>
-					</el-select>
-				</el-form-item>
-			</el-form>
-			<span slot="footer" class="dialog-footer">
-				<el-button @click="gradeBox = false">Cancel</el-button>
-				<el-button type="primary" @click="saveGrade">Save</el-button>
-			</span>
-		</el-dialog>
-	</div>
+        <!-- 评级弹出框 -->
+        <el-dialog title="Reviewer Class" :visible.sync="gradeBox" width="400px">
+            <el-form ref="grade" :model="gradeMes" label-width="85px">
+                <el-form-item label="Reviewer :">
+                    <p style="line-height: 20px; margin-top: 6px">{{ gradeMes.realname }}</p>
+                </el-form-item>
+                <el-form-item label="Class :">
+                    <el-select v-model="gradeMes.grade" placeholder="Please select">
+                        <el-option key="A" label="A" value="A"></el-option>
+                        <el-option key="B" label="B" value="B"></el-option>
+                        <el-option key="C" label="C" value="C"></el-option>
+                        <el-option key="D" label="D" value="D"></el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="gradeBox = false">Cancel</el-button>
+                <el-button type="primary" @click="saveGrade">Save</el-button>
+            </span>
+        </el-dialog>
+    </div>
 </template>
 
 <script>
-import commonReviewer from "../page/components/reviewerList/add.vue";
-	export default {
-		components: {
-			commonReviewer,
-  },
-		data() {
-			return {
-				tableData: [],
-				checkForm: {
-					email: ''
-				},
-				mess_age: {},
-				editForm: {
-					title: '',
-				},
-				addForm: {},
-				cvitaTable: [],
-				delOpen: false,
-				editVisible: false,
-				addVisible: false,
-				checkVisible: false,
-				btn_alert: false,
-				email_num: 0,
-				df_jour_cun: [],
-				df_jour: [],
-				df_country: [],
-				majors_a: [],
-				majors_b: [],
-				majors_c: [],
-				majors_a_edit: [],
-				majors_b_edit: [],
-				majors_c_edit: [],
-				lineOptions: [],
-				edit_id: localStorage.getItem('U_id'),
-				query: {
-					username: localStorage.getItem('U_name'),
-					journalId: 0,
-					class: 0,
-					pageIndex: 1,
-					pageSize: 15,
-				},
-				df_technical: [{
-					label: 'Prof',
-				}, {
-					label: 'Associate Prof.',
-				}, {
-					label: 'Assistant Prof.',
-				}, {
-					label: 'Ph.D.',
-				}, {
-					label: 'Others',
-				}],
-				remarkMes: {
-					remark: ''
-				},
-				remarkBox: false,
-				gradeMes: {
-					grade: ''
-				},
-				gradeBox: false,
-				link_Total: 0,
-				baseUrl: this.Common.baseUrl,
-				mediaUrl: this.Common.mediaUrl,
-				fileL_pdf2: [],
-				fileL_pdf3: [],
-				rules: {
-					account: [{
-						required: true,
-						message: 'Please input account',
-						trigger: 'blur'
-					}],
-					email: [{
-						required: true,
-						message: 'Please input email',
-						trigger: 'blur'
-					}, {
-						validator: function(rule, value, callback) {
-							if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
-								callback(new Error("Please enter the correct email format"));
-							} else {
-								callback();
-							}
-						},
-						trigger: "blur"
-					}],
-					genger: [{
-						required: true,
-						message: 'Please select genger',
-						trigger: 'blur'
-					}],
-					journal_id: [{
-						required: true,
-						message: 'Please select journal',
-						trigger: 'blur'
-					}],
-					journal_title: [{
-						required: true,
-						message: 'Please select title',
-						trigger: 'blur'
-					}],
-					maj_cn: [{
-						required: true,
-						message: 'Please select major',
-						trigger: 'blur'
-					}],
-					title: [{
-						required: true,
-						message: 'Please select title',
-						trigger: 'blur'
-					}],
-					technical: [{
-						required: true,
-						message: 'Please select title',
-						trigger: 'blur'
-					}],
-					country: [{
-						required: true,
-						message: 'Please select country',
-						trigger: 'blur'
-					}],
-					field: [{
-						required: true,
-						message: 'Please input field',
-						trigger: 'blur'
-					}],
-					realname: [{
-						required: true,
-						message: 'Please input realname',
-						trigger: 'blur'
-					}],
-					major_a: [{
-						required: true,
-						message: 'Please select major',
-						trigger: 'blur'
-					}],
-				}
-			};
-		},
-		created() {
-			this.getDate();
-			this.getContent();
-			this.initMajor()
-		},
-		methods: {
-			// 获取编辑列表数据
-			getDate() {
-				this.$api
-					.post('api/Chief/getJournalsByEditor', {
-						'user_id': this.edit_id
-					})
-					.then(res => {
-						if (res.code == 0) {
-							this.df_jour = res.data.journals;
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-				this.$api
-					.post('api/Reviewer/getCountrys')
-					.then(res => {
-						this.df_country = res.countrys;
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
+import commonReviewer from '../page/components/reviewerList/add.vue';
+export default {
+    components: {
+        commonReviewer
+    },
+    data() {
+        return {
+            majorValueList: [],
+            majorData: [],
+            selectField: [],
+            options: [], // 用于存储级联选择的选项数据
+            tableData: [],
+            checkForm: {
+                email: ''
+            },
+            mess_age: {},
+            editForm: {
+                title: ''
+            },
+            addForm: {},
+            cvitaTable: [],
+            delOpen: false,
+            editVisible: false,
+            addVisible: false,
+            checkVisible: false,
+            btn_alert: false,
+            email_num: 0,
+            df_jour_cun: [],
+            df_jour: [],
+            df_country: [],
+            majors_a: [],
+            majors_b: [],
+            majors_c: [],
+            majors_a_edit: [],
+            majors_b_edit: [],
+            majors_c_edit: [],
+            lineOptions: [],
+            edit_id: localStorage.getItem('U_id'),
+            query: {
+                username: localStorage.getItem('U_name'),
+                journalId: 0,
+                class: 0,
+                pageIndex: 1,
+                pageSize: 15
+            },
+            df_technical: [
+                {
+                    label: 'Prof'
+                },
+                {
+                    label: 'Associate Prof.'
+                },
+                {
+                    label: 'Assistant Prof.'
+                },
+                {
+                    label: 'Ph.D.'
+                },
+                {
+                    label: 'Others'
+                }
+            ],
+            remarkMes: {
+                remark: ''
+            },
+            majorMes: {
+               
+            },
+            remarkBox: false,
+            majorBox: false,
+            gradeMes: {
+                grade: ''
+            },
+            gradeBox: false,
+            link_Total: 0,
+            baseUrl: this.Common.baseUrl,
+            mediaUrl: this.Common.mediaUrl,
+            fileL_pdf2: [],
+            fileL_pdf3: [],
+            rules: {
+                account: [
+                    {
+                        required: true,
+                        message: 'Please input account',
+                        trigger: 'blur'
+                    }
+                ],
+                email: [
+                    {
+                        required: true,
+                        message: 'Please input email',
+                        trigger: 'blur'
+                    },
+                    {
+                        validator: function (rule, value, callback) {
+                            if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
+                                callback(new Error('Please enter the correct email format'));
+                            } else {
+                                callback();
+                            }
+                        },
+                        trigger: 'blur'
+                    }
+                ],
+                genger: [
+                    {
+                        required: true,
+                        message: 'Please select genger',
+                        trigger: 'blur'
+                    }
+                ],
+                journal_id: [
+                    {
+                        required: true,
+                        message: 'Please select journal',
+                        trigger: 'blur'
+                    }
+                ],
+                journal_title: [
+                    {
+                        required: true,
+                        message: 'Please select title',
+                        trigger: 'blur'
+                    }
+                ],
+                maj_cn: [
+                    {
+                        required: true,
+                        message: 'Please select major',
+                        trigger: 'blur'
+                    }
+                ],
+                title: [
+                    {
+                        required: true,
+                        message: 'Please select title',
+                        trigger: 'blur'
+                    }
+                ],
+                technical: [
+                    {
+                        required: true,
+                        message: 'Please select title',
+                        trigger: 'blur'
+                    }
+                ],
+                country: [
+                    {
+                        required: true,
+                        message: 'Please select country',
+                        trigger: 'blur'
+                    }
+                ],
+                field: [
+                    {
+                        required: true,
+                        message: 'Please input field',
+                        trigger: 'blur'
+                    }
+                ],
+                realname: [
+                    {
+                        required: true,
+                        message: 'Please input realname',
+                        trigger: 'blur'
+                    }
+                ],
+                major_a: [
+                    {
+                        required: true,
+                        message: 'Please select major',
+                        trigger: 'blur'
+                    }
+                ]
+            }
+        };
+    },
+    created() {
+        this.getDate();
+        this.getContent();
+        this.loadFields();
+        // this.initMajor()
+    },
+    methods: {
+        getProps() {
+            return {
+                value: 'value',
+                label: 'label',
+                children: 'children',
+                checkStrictly: true, // 允许任意选择一级
+                expandTrigger: 'hover' // 使用 hover 触发展开
+            };
+        },
+        handleChange() {
+            this.$nextTick(() => {
+                console.log(this.selectField);
+                this.$refs.cascader1.dropDownVisible = false;
+                // this.coreForm1.majorList = this.fields[i].selectedValue;
 
-			getContent() {
-				if (this.query.class == 0) {
-					if (this.query.grade != undefined) {
-						delete this.query.grade
-					}
-				} else if (this.query.class == 1) {
-					this.query.grade = ''
-				} else {
-					this.query.grade = this.query.class
-				}
-				const loading = this.$loading({
-					lock: true,
-					text: 'Loading...',
-					spinner: 'el-icon-loading',
-					background: 'rgba(0, 0, 0, 0.7)'
-				});
-				this.$api
-					.post('api/Reviewer/getReviewerListByJournal', this.query)
-					.then(res => {
-						if (res.code == 0) {
-							this.tableData = res.data;
-							for (var i = 0; i < this.tableData.length; i++) {
-								this.getScoreData(i, this.tableData[i].score)
-							}
-							this.link_Total = res.total || 0;
-							loading.close()
-						} else {
-							this.$message.error(res.msg);
-							loading.close()
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-						loading.close()
-					});
-			},
+                //  this.$emit('load',this.fields)
 
-			// 评分
-			getScoreData(i, e) {
-				this.tableData[i].starList = []
-				this.tableData[i].starList_mark = 0
-				if (e < 0.5 && e > 0) {
-					this.tableData[i].starList.push({
-						star: 2
-					})
-					this.tableData[i].starList_mark = 1
-				} else {
-					let zheng = Math.floor(e)
-					let xiao = Number(e) - Math.floor(e)
-					if (xiao >= 0.5) {
-						xiao = 0.5
-					} else {
-						xiao = 0
-					}
-					for (var j = 0; j < zheng; j++) {
-						this.tableData[i].starList.push({
-							star: 1
-						})
-					}
-					if (xiao == 0.5) {
-						this.tableData[i].starList.push({
-							star: 0
-						})
-					}
-					this.tableData[i].starList_mark = Number(zheng) + Number(xiao)
-				}
-			},
-			// 分页导航
-			handlePageChange(val) {
-				this.$set(this.query, 'pageIndex', val);
-				this.getContent();
-			},
-			// 升级
-			gradeup(row) {
-				// 二次确认
-				this.$confirm('确定要升级' + row.account + '为青年编委吗？', '提示', {
-						type: 'warning'
-					})
-					.then(() => {
-						this.$api
-							.post('api/User/upReviewerToYboard', row)
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success('升级' + row.account + '为青年编委成功');
-									this.getContent();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					})
-					.catch(() => {});
-			},
-			// 降级
-			gradedown(row) {
-				// 二次确认
-				this.$confirm('确定要降级' + row.account + '为审稿人吗？', '提示', {
-						type: 'warning'
-					})
-					.then(() => {
-						this.$api
-							.post('api/User/downReviewerToYboard ', row)
-							.then(res => {
-								if (res.code == 0) {
-									this.$message.success('降级为' + row.account + '审稿人成功');
-									this.getContent();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					})
-					.catch(() => {});
-			},
-			// 下拉级联添加
-			ched_id_add(event) {
-				this.addForm.major = event[0];
-				this.addForm.cmajor = event[1];
-			},
-			ched_id_edit(event) {
-				this.editForm.major = event[0];
-				this.editForm.cmajor = event[1];
-			},
-			// 添加操作
-			add_Selection(index, row) {
-				this.$refs.commonReviewer.init()
-				// this.checkVisible = true;
-				// this.checkForm.email = '';
-				// this.email_num = 0;
-				// this.addForm = {};
-				// this.cvitaTable = []
-				// this.fileL_pdf2 = [];
-			},
-			// 验证邮箱是否存在
-			saveCheck(checkForm) {
-				this.$refs.check_Form.validate((valid) => {
-					if (valid) {
-						this.$api
-							.post('api/Reviewer/checkUser', {
-								'account': this.checkForm.email
-							})
-							.then(res => {
-								if (res.code == 0) {
-									if (res.data.has == 'no') {
-										this.email_num = 2;
-										this.addForm.email = this.checkForm.email;
-										this.addForm.gender = 1;
-										setTimeout(() => {
-											this.checkVisible = false
-											this.addVisible = true
-										}, 1000);
-									} else {
-										this.email_num = 1
-									}
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					}
-				});
-			},
-			// 如果重新填写
-			NewCheck() {
-				this.checkForm.email = ''
-				this.email_num = 0
-			},
-			// 如果继续添加
-			GoldCheck() {
-				this.$api
-					.post('api/Reviewer/getReviewerByNameEmail', {
-						'account': this.checkForm.email
-					})
-					.then(res => {
-						this.checkVisible = false
-						this.addForm = res.data.reviewer;
-						if (this.addForm.reviewer_id == null) {
-							this.addForm.reviewer_id = res.data.reviewer.user_id
-						}
-						this.addForm.title = res.data.reviewer.technical;
-						this.fileL_pdf2 = [];
-						this.cvitaTable = res.data.reviewer.cvs
-						if (res.data.reviewer.cvs.length == 0) {
-							this.addForm.cv = ''
-							this.addForm.qualifications = ''
-						} else {
-							this.addForm.cv = res.data.reviewer.cvs[res.data.reviewer.cvs.length - 1].cv;
-							this.addForm.qualifications = res.data.reviewer.cvs[res.data.reviewer.cvs.length - 1].cv;
-							this.fileL_pdf2 = [{}];
-							this.fileL_pdf2[0].name = 'reviewerCV';
-							this.fileL_pdf2[0].url = this.mediaUrl + 'reviewer/' + res.data.reviewer.cvs[res.data
-								.reviewer.cvs.length - 1].cv;
-						}
+                this.$forceUpdate();
+            });
+        },
+        // 加载多个领域数据
+        loadFields() {
+            this.$api.post('api/Major/getMajorList', {}).then((res) => {
+                const transformData = (data) => {
+                    return data.map((item) => {
+                        const transformedItem = {
+                            ...item,
+                            value: item.major_id,
+                            label: `${item.major_title}`
+                        };
 
-						// this.addForm.maj_cn = [this.addForm.major, this.addForm.cmajor];
-						this.addForm.major = 1
-						this.addForm.major_a = ''
-						this.addForm.major_b = ''
-						this.addForm.major_c = ''
-						this.addForm.majorList = []
+                        // 如果存在 children，递归处理
+                        if (item.children && item.children.length > 0) {
+                            transformedItem.children = transformData(item.children);
+                        }
 
-						if (this.addForm.majorshu != 0 && this.addForm.majorshu != null) {
-							if (typeof(this.addForm.majorshu) == 'number') {
-								this.addForm.majorList.push(this.addForm.majorshu)
-							} else {
-								this.addForm.majorList = this.addForm.majorshu.split(",")
-							}
-						}
+                        return transformedItem;
+                    });
+                };
 
-						this.$nextTick(() => {
-							this.jiLInaoan()
-							this.addVisible = true
-						})
+                // 执行递归，获取选项数据
+                const data = transformData(res.data.majors.find((item) => item.major_id == 1).children);
+                this.options = [...data]; // 将选项数据赋给 options
+            });
+        },
+        // 获取编辑列表数据
+        getDate() {
+            this.$api
+                .post('api/Chief/getJournalsByEditor', {
+                    user_id: this.edit_id
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.df_jour = res.data.journals;
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+            this.$api
+                .post('api/Reviewer/getCountrys')
+                .then((res) => {
+                    this.df_country = res.countrys;
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
 
-						// 可申请审稿人的期刊
-						this.$api
-							.post('api/Journal/getJournalsForReviewerInEditor', {
-								'editor_id': this.edit_id,
-								'reviewer_id': this.addForm.reviewer_id,
-							})
-							.then(res => {
-								this.df_jour_cun = res.data.journals
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
-			// 查找与他相同的账号
-			saerNa_U() {
-				if (this.addForm.account != undefined) {
-					this.$api
-						.post('api/Reviewer/checkUser', {
-							'account': this.addForm.account
-						})
-						.then(res => {
-							if (res.code == 0) {
-								if (res.data.has == 'no') {
-									this.btn_alert = false
-								} else {
-									this.btn_alert = true
-								}
-							} else {
-								this.$message.error(res.msg);
-							}
-						})
-						.catch(err => {
-							this.$message.error(err);
-						});
-				}
-			},
-			// 保存用户的添加
-			saveAdd(addForm) {
-				this.$refs.add_Form.validate((valid) => {
-					if (this.cvitaTable.length == 0) {
-						if (this.addForm.qualifications == '' || this.addForm.qualifications == undefined) {
-							this.$message.error(
-								'Please make sure that CV. document is uploaded successfully');
-							return false;
-						}
-					}
-					if (valid) {
-						let path_add = ''
-						if (this.email_num == 2) {
-							// 新的
-							path_add = 'api/Reviewer/addReviewer'
-						} else {
-							// 重复
-							path_add = 'api/Reviewer/addReviewerBee'
-						}						
-						this.$api
-							.post(path_add, this.addForm)
-							.then(res => {
-								if (res.code == 0) {
-									this.addVisible = false;
-									this.btn_alert = false;
-									this.$refs.add_Form.resetFields();
-									this.$message.success(`Added successfully!`);
-									this.getContent();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-			// 编辑操作
-			handleEdit(index, row) {
-				row.title = row.technical;
-				this.editForm = Object.assign({}, row);
-				this.editForm.cv = this.editForm.qualifications;
-				this.fileL_pdf3 = [];
-				if (this.editForm.qualifications != "") {
-					this.fileL_pdf3 = [{}];
-					this.fileL_pdf3[0].name = 'reviewerCV';
-					this.fileL_pdf3[0].url = this.mediaUrl + 'reviewer/' + this.editForm.qualifications;
-				}
+        async getContent() {
+            
+            console.log('this.selectField at line 720:', this.selectField)
+            if(this.selectField.length > 0) {
+                this.query.user_field = this.selectField[this.selectField.length - 1];
+            } else {
+                this.query.user_field = '';
+            }
+            if (this.query.class == 0) {
+                if (this.query.grade != undefined) {
+                    delete this.query.grade;
+                }
+            } else if (this.query.class == 1) {
+                this.query.grade = '';
+            } else {
+                this.query.grade = this.query.class;
+            }
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            await this.$api
+                .post('api/Reviewer/getReviewerListByJournal',this.query)
+                .then(async (res) => {
+                    if (res.code == 0) {
+                        this.tableData = res.data;
+                        for (var i = 0; i < this.tableData.length; i++) {
+                            this.fetchMajorData(this.tableData[i].user_id); // 加载第一个用户的数据
+                            this.getScoreData(i, this.tableData[i].score);
+                        }
+                        this.link_Total = res.total || 0;
 
+                        loading.close();
+                        // this.$nextTick(() => {
+                        //     this.tableData.forEach(async (item, i) => {
+                        //         this.majorData[i] = await this.getMajor(item.user_id);
+                        //         console.log('at line 718:', this.majorData[i])
+                        //     });
+                        // });
 
-				this.editForm.maj_cn = [this.editForm.major, this.editForm.cmajor];
-				this.editVisible = true;
+                        this.$forceUpdate();
+                      
+                    } else {
+                        this.$message.error(res.msg);
+                        loading.close();
+                    }
 
-			},
+                    
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                    loading.close();
+                });
+        },
 
-			// 详情
-			handleDtail(e) {
-				let routerJump = this.$router.resolve({
-					path: '/partyRole',
-					query: {
-						id: e.user_id
-					}
-				});
-				window.open(routerJump.href, '_blank');
-			},
+        // 评分
+        getScoreData(i, e) {
+            this.tableData[i].starList = [];
+            this.tableData[i].starList_mark = 0;
+            if (e < 0.5 && e > 0) {
+                this.tableData[i].starList.push({
+                    star: 2
+                });
+                this.tableData[i].starList_mark = 1;
+            } else {
+                let zheng = Math.floor(e);
+                let xiao = Number(e) - Math.floor(e);
+                if (xiao >= 0.5) {
+                    xiao = 0.5;
+                } else {
+                    xiao = 0;
+                }
+                for (var j = 0; j < zheng; j++) {
+                    this.tableData[i].starList.push({
+                        star: 1
+                    });
+                }
+                if (xiao == 0.5) {
+                    this.tableData[i].starList.push({
+                        star: 0
+                    });
+                }
+                this.tableData[i].starList_mark = Number(zheng) + Number(xiao);
+            }
+        },
+        // 分页导航
+        handlePageChange(val) {
+            this.$set(this.query, 'pageIndex', val);
+            this.getContent();
+        },
+        // 升级
+        gradeup(row) {
+            // 二次确认
+            this.$confirm('确定要升级' + row.account + '为青年编委吗？', '提示', {
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post('api/User/upReviewerToYboard', row)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('升级' + row.account + '为青年编委成功');
+                                this.getContent();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        // 降级
+        gradedown(row) {
+            // 二次确认
+            this.$confirm('确定要降级' + row.account + '为审稿人吗？', '提示', {
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post('api/User/downReviewerToYboard ', row)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('降级为' + row.account + '审稿人成功');
+                                this.getContent();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        // 下拉级联添加
+        ched_id_add(event) {
+            this.addForm.major = event[0];
+            this.addForm.cmajor = event[1];
+        },
+        ched_id_edit(event) {
+            this.editForm.major = event[0];
+            this.editForm.cmajor = event[1];
+        },
+        // 添加操作
+        add_Selection(index, row) {
+            this.$refs.commonReviewer.init();
+            // this.checkVisible = true;
+            // this.checkForm.email = '';
+            // this.email_num = 0;
+            // this.addForm = {};
+            // this.cvitaTable = []
+            // this.fileL_pdf2 = [];
+        },
+        // 验证邮箱是否存在
+        saveCheck(checkForm) {
+            this.$refs.check_Form.validate((valid) => {
+                if (valid) {
+                    this.$api
+                        .post('api/Reviewer/checkUser', {
+                            account: this.checkForm.email
+                        })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                if (res.data.has == 'no') {
+                                    this.email_num = 2;
+                                    this.addForm.email = this.checkForm.email;
+                                    this.addForm.gender = 1;
+                                    setTimeout(() => {
+                                        this.checkVisible = false;
+                                        this.addVisible = true;
+                                    }, 1000);
+                                } else {
+                                    this.email_num = 1;
+                                }
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                }
+            });
+        },
+        // 如果重新填写
+        NewCheck() {
+            this.checkForm.email = '';
+            this.email_num = 0;
+        },
+        // 如果继续添加
+        GoldCheck() {
+            this.$api
+                .post('api/Reviewer/getReviewerByNameEmail', {
+                    account: this.checkForm.email
+                })
+                .then((res) => {
+                    this.checkVisible = false;
+                    this.addForm = res.data.reviewer;
+                    if (this.addForm.reviewer_id == null) {
+                        this.addForm.reviewer_id = res.data.reviewer.user_id;
+                    }
+                    this.addForm.title = res.data.reviewer.technical;
+                    this.fileL_pdf2 = [];
+                    this.cvitaTable = res.data.reviewer.cvs;
+                    if (res.data.reviewer.cvs.length == 0) {
+                        this.addForm.cv = '';
+                        this.addForm.qualifications = '';
+                    } else {
+                        this.addForm.cv = res.data.reviewer.cvs[res.data.reviewer.cvs.length - 1].cv;
+                        this.addForm.qualifications = res.data.reviewer.cvs[res.data.reviewer.cvs.length - 1].cv;
+                        this.fileL_pdf2 = [{}];
+                        this.fileL_pdf2[0].name = 'reviewerCV';
+                        this.fileL_pdf2[0].url = this.mediaUrl + 'reviewer/' + res.data.reviewer.cvs[res.data.reviewer.cvs.length - 1].cv;
+                    }
 
-			// 保存编辑
-			saveEdit(editForm) {
-				this.$refs.edit_Form.validate((valid) => {
-					// if (this.editForm.qualifications == '') {
-					// 	this.$message.error('Please make sure that the CV. document is uploaded successfully');
-					// 	return false;
-					// }
-					if (valid) {
-						this.$api
-							.post('api/Reviewer/editReviewerForEditor', this.editForm)
-							.then(res => {
-								if (res.code == 0) {
-									this.editVisible = false;
-									this.btn_alert = false;
-									this.$message.success(`Successfully changed `);
-									this.getContent();
-								} else {
-									this.$message.error(res.msg);
-								}
-							})
-							.catch(err => {
-								this.$message.error(err);
-							});
-					} else {
-						this.$message.error('error submit!!');
-						return false;
-					}
-				});
-			},
-			// 删除弹窗
-			showDelete(index, row) {
-				this.delOpen = true;
-				this.$api
-					.post('api/User/getReviewerForDel', {
-						reviewer_id: index.user_id,
-						editor_account: localStorage.getItem('U_name')
-					})
-					.then(res => {
-						this.lineOptions = res.data;
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-			},
-			// 删除操作
-			lastDelete(e) {
-				this.mess_age.reviewer_id = e.currentTarget.parentElement.getAttribute('value')
-				this.mess_age.journal_id = e.currentTarget.parentElement.getAttribute('name')
-				// 二次确认删除
-				// this.$confirm('Are you sure you want to delete?', 'Tip', {
-				// 		type: 'warning'
-				// 	})
-				// 	.then(() => {
-				this.$api
-					.post('api/User/deleteArticleReviewer', this.mess_age)
-					.then(res => {
-						if (res.code == 0) {
-							this.delOpen = false;
-							this.$message.success('Deleted successfully');
-							this.getContent();
-						} else {
-							this.$message.error(res.msg);
-						}
-					})
-					.catch(err => {
-						this.$message.error(err);
-					});
-				// })
-				// .catch(() => {});
-			},
-			// 评级弹出框
-			BoxGrade(e) {
-				this.gradeBox = true;
-				this.gradeMes.journal_id = e.journal_id;
-				this.gradeMes.user_id = e.user_id;
-				this.gradeMes.grade = e.grade;
-				this.gradeMes.realname = e.realname;
-				console.log(this.gradeMes)
-			},
-			// 修改评级
-			saveGrade() {
-				this.$api.post('api/Reviewer/editReviewerGrade', this.gradeMes)
-					.then(res => {
-						if (res.code == 0) {
-							this.$message.success('Success');
-							this.gradeBox = false;
-							this.getContent();
-						} else {
-							this.$message.error(res.msg);
-						}
-					});
-			},
-			// 标记弹出框
-			BoxRemark(e) {
-				this.remarkBox = true;
-				this.remarkMes.realname = e.realname;
-				this.remarkMes.user_id = e.user_id;
-				this.remarkMes.email = e.email;
-				this.remarkMes.remark = e.remark;
-			},
-			// 修改标记
-			saveRemark() {
-				this.$api.post('api/User/editRemarkForUser', this.remarkMes)
-					.then(res => {
-						if (res.code == 0) {
-							this.$message.success('Success');
-							this.remarkBox = false;
-							this.getContent();
-						} else {
-							this.$message.error(res.msg);
-						}
-					});
-			},
+                    // this.addForm.maj_cn = [this.addForm.major, this.addForm.cmajor];
+                    this.addForm.major = 1;
+                    this.addForm.major_a = '';
+                    this.addForm.major_b = '';
+                    this.addForm.major_c = '';
+                    this.addForm.majorList = [];
 
+                    if (this.addForm.majorshu != 0 && this.addForm.majorshu != null) {
+                        if (typeof this.addForm.majorshu == 'number') {
+                            this.addForm.majorList.push(this.addForm.majorshu);
+                        } else {
+                            this.addForm.majorList = this.addForm.majorshu.split(',');
+                        }
+                    }
 
-			// 领域
-			initMajor() {
-				this.$api
-					.post('api/Ucenter/getMajor', {
-						major_id: 1
-					}).then((res) => {
-						this.majors_a = res.data.major.children;
-					});
-			},
+                    this.$nextTick(() => {
+                        this.jiLInaoan();
+                        this.addVisible = true;
+                    });
 
-			jiLInaoan() {
-				this.majors_a = []
-				this.majors_b = []
-				this.majors_c = []
-				this.$api
-					.post('api/Ucenter/getMajor', {
-						major_id: 1
-					}).then((res) => {
-						this.majors_a = res.data.major.children;
-						if (this.addForm.majorList[0] != undefined) {
-							this.addForm.major_a = Number(this.addForm.majorList[0])
-							this.$api
-								.post('api/Ucenter/getMajor', {
-									major_id: this.addForm.major_a
-								}).then((res) => {
-									this.majors_b = res.data.major.children;
-									this.majors_c = []
-									this.addForm.major_b = ''
-									this.addForm.major_c = ''
-									this.majorChange_panduan()
-									if (this.addForm.majorList[1] != undefined) {
-										this.addForm.major_b = Number(this.addForm.majorList[1])
-										this.$api
-											.post('api/Ucenter/getMajor', {
-												major_id: this.addForm.major_b
-											})
-											.then((ref) => {
-												if (ref.data.major.children.length != 0) {
-													this.majors_c = ref.data.major.children;
-													this.majorChange_panduan()
-													if (this.addForm.majorList[2] != undefined) {
-														this.addForm.major_c = Number(this.MessForm.majorList[
-															2])
-														this.majorChange_panduan()
-													}
-												}
-											});
-									}
-								});
-						}
-					});
-			},
+                    // 可申请审稿人的期刊
+                    this.$api
+                        .post('api/Journal/getJournalsForReviewerInEditor', {
+                            editor_id: this.edit_id,
+                            reviewer_id: this.addForm.reviewer_id
+                        })
+                        .then((res) => {
+                            this.df_jour_cun = res.data.journals;
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+        // 查找与他相同的账号
+        saerNa_U() {
+            if (this.addForm.account != undefined) {
+                this.$api
+                    .post('api/Reviewer/checkUser', {
+                        account: this.addForm.account
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            if (res.data.has == 'no') {
+                                this.btn_alert = false;
+                            } else {
+                                this.btn_alert = true;
+                            }
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            }
+        },
+        // 保存用户的添加
+        saveAdd(addForm) {
+            this.$refs.add_Form.validate((valid) => {
+                if (this.cvitaTable.length == 0) {
+                    if (this.addForm.qualifications == '' || this.addForm.qualifications == undefined) {
+                        this.$message.error('Please make sure that CV. document is uploaded successfully');
+                        return false;
+                    }
+                }
+                if (valid) {
+                    let path_add = '';
+                    if (this.email_num == 2) {
+                        // 新的
+                        path_add = 'api/Reviewer/addReviewer';
+                    } else {
+                        // 重复
+                        path_add = 'api/Reviewer/addReviewerBee';
+                    }
+                    this.$api
+                        .post(path_add, this.addForm)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.addVisible = false;
+                                this.btn_alert = false;
+                                this.$refs.add_Form.resetFields();
+                                this.$message.success(`Added successfully!`);
+                                this.getContent();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        // 编辑操作
+        handleEdit(index, row) {
+            row.title = row.technical;
+            this.editForm = Object.assign({}, row);
+            this.editForm.cv = this.editForm.qualifications;
+            this.fileL_pdf3 = [];
+            if (this.editForm.qualifications != '') {
+                this.fileL_pdf3 = [{}];
+                this.fileL_pdf3[0].name = 'reviewerCV';
+                this.fileL_pdf3[0].url = this.mediaUrl + 'reviewer/' + this.editForm.qualifications;
+            }
 
-			// 搜索选择领域
-			majorChange(e,val) {
-				if (e == 1) {
-					this.$api
-						.post('api/Ucenter/getMajor', {
-							major_id: this.addForm.major_a
-						}).then((res) => {
-							this.majors_b = res.data.major.children;
-							this.majors_c = []
-							this.addForm.major_b = ''
-							this.addForm.major_c = ''
-							this.majorChange_panduan()
-						});
-				} else if (e == 2 && this.addForm.major_b != 0) {
-					this.$api
-						.post('api/Ucenter/getMajor', {
-							major_id: this.addForm.major_b
-						}).then((res) => {
-							this.majors_c = res.data.major.children;
-							this.addForm.major_c = ''
-							this.majorChange_panduan()
-						});
-				} else {					 
-					this.$set(this.addForm, this.addForm.major_c, val)
-					this.majorChange_panduan()
-				}
-			},
+            this.editForm.maj_cn = [this.editForm.major, this.editForm.cmajor];
+            this.editVisible = true;
+        },
 
-			majorChange_panduan() {
-				if (this.addForm.major_c != '' || this.addForm.major_c != 0) {
-					this.addForm.major = this.addForm.major_c
-				} else if (this.addForm.major_b != '' || this.addForm.major_b != 0) {
-					this.addForm.major = this.addForm.major_b
-				} else {
-					this.addForm.major = this.addForm.major_a
-				}
-			},
+        // 详情
+        handleDtail(e) {
+            let routerJump = this.$router.resolve({
+                path: '/partyRole',
+                query: {
+                    id: e.user_id
+                }
+            });
+            window.open(routerJump.href, '_blank');
+        },
 
+        // 保存编辑
+        saveEdit(editForm) {
+            this.$refs.edit_Form.validate((valid) => {
+                // if (this.editForm.qualifications == '') {
+                // 	this.$message.error('Please make sure that the CV. document is uploaded successfully');
+                // 	return false;
+                // }
+                if (valid) {
+                    this.$api
+                        .post('api/Reviewer/editReviewerForEditor', this.editForm)
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.editVisible = false;
+                                this.btn_alert = false;
+                                this.$message.success(`Successfully changed `);
+                                this.getContent();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                } else {
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+            });
+        },
+        // 删除弹窗
+        showDelete(index, row) {
+            this.delOpen = true;
+            this.$api
+                .post('api/User/getReviewerForDel', {
+                    reviewer_id: index.user_id,
+                    editor_account: localStorage.getItem('U_name')
+                })
+                .then((res) => {
+                    this.lineOptions = res.data;
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
+        // 删除操作
+        lastDelete(e) {
+            this.mess_age.reviewer_id = e.currentTarget.parentElement.getAttribute('value');
+            this.mess_age.journal_id = e.currentTarget.parentElement.getAttribute('name');
+            // 二次确认删除
+            // this.$confirm('Are you sure you want to delete?', 'Tip', {
+            // 		type: 'warning'
+            // 	})
+            // 	.then(() => {
+            this.$api
+                .post('api/User/deleteArticleReviewer', this.mess_age)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.delOpen = false;
+                        this.$message.success('Deleted successfully');
+                        this.getContent();
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+            // })
+            // .catch(() => {});
+        },
+        // 评级弹出框
+        BoxGrade(e) {
+            this.gradeBox = true;
+            this.gradeMes.journal_id = e.journal_id;
+            this.gradeMes.user_id = e.user_id;
+            this.gradeMes.grade = e.grade;
+            this.gradeMes.realname = e.realname;
+            console.log(this.gradeMes);
+        },
+        // 修改评级
+        saveGrade() {
+            this.$api.post('api/Reviewer/editReviewerGrade', this.gradeMes).then((res) => {
+                if (res.code == 0) {
+                    this.$message.success('Success');
+                    this.gradeBox = false;
+                    this.getContent();
+                } else {
+                    this.$message.error(res.msg);
+                }
+            });
+        },
+        // 标记弹出框
+        BoxRemark(e) {
+            this.remarkBox = true;
+            this.remarkMes.realname = e.realname;
+            this.remarkMes.user_id = e.user_id;
+            this.remarkMes.email = e.email;
+            this.remarkMes.remark = e.remark;
+        },
+        BoxMajor(e,data) {
+            this.majorBox = true;
+            this.majorMes.realname = e.realname;
+            this.majorMes.user_id = e.user_id;
+            this.majorMes.email = e.email;
+            this.majorValueList = [...data].map((item) => ({
+                            selectedValue: Array.isArray(item.shu)
+                                ? item.shu
+                                : typeof item.shu === 'string'
+                                ? item.shu.split(',').map(Number)
+                                : [item.shu]
+                        }));
+         
+        },
+        async fetchMajorData(userId) {
+           
+            // if (!this.majorData[userId]) {
+                // 判断是否已经加载过该用户的数据
+                const data = await this.getMajorData(userId); // 获取数据
+              
+                this.$set(this.majorData, userId, data); // 使用 Vue.set 确保数据是响应式的
+            // }
+        },
+        // 修改标记
+        async getMajorData(userId) {
+            try {
+                const res = await this.$api.post('api/Reviewer/getUserField', { user_id: userId });
+                if (res.status === 1) {
+                    return res.data; // 返回数据
+                } else {
+                    return []; // 如果没有数据，返回空数组
+                }
+            } catch (error) {
+                console.error('Error fetching data:', error);
+                return []; // 如果发生错误，返回空数组
+            }
+        },
+        saveRemark() {
+            this.$api.post('api/User/editRemarkForUser', this.remarkMes).then((res) => {
+                if (res.code == 0) {
+                    this.$message.success('Success');
+                    this.remarkBox = false;
+                    this.getContent();
+                } else {
+                    this.$message.error(res.msg);
+                }
+            });
+        },
+        saveMajor() {
+            this.$api.post('api/Reviewer/updateUserField', {
+                user_id:this.majorMes.user_id,
+                user_field:this.majorValueList.map((item) => item.selectedValue[item.selectedValue.length - 1]).toString(',')
+            }).then((res) => {
+                if (res.status == 1) {
+                    this.$message.success('Success');
+                    this.majorBox = false;
+                    this.fetchMajorData(this.majorMes.user_id);
+                } else {
+                    this.$message.error(res.msg);
+                }
+            });
+        },
 
+        // 领域
+        initMajor() {
+            this.$api
+                .post('api/Ucenter/getMajor', {
+                    major_id: 1
+                })
+                .then((res) => {
+                    this.majors_a = res.data.major.children;
+                });
+        },
 
+        jiLInaoan() {
+            this.majors_a = [];
+            this.majors_b = [];
+            this.majors_c = [];
+            this.$api
+                .post('api/Ucenter/getMajor', {
+                    major_id: 1
+                })
+                .then((res) => {
+                    this.majors_a = res.data.major.children;
+                    if (this.addForm.majorList[0] != undefined) {
+                        this.addForm.major_a = Number(this.addForm.majorList[0]);
+                        this.$api
+                            .post('api/Ucenter/getMajor', {
+                                major_id: this.addForm.major_a
+                            })
+                            .then((res) => {
+                                this.majors_b = res.data.major.children;
+                                this.majors_c = [];
+                                this.addForm.major_b = '';
+                                this.addForm.major_c = '';
+                                this.majorChange_panduan();
+                                if (this.addForm.majorList[1] != undefined) {
+                                    this.addForm.major_b = Number(this.addForm.majorList[1]);
+                                    this.$api
+                                        .post('api/Ucenter/getMajor', {
+                                            major_id: this.addForm.major_b
+                                        })
+                                        .then((ref) => {
+                                            if (ref.data.major.children.length != 0) {
+                                                this.majors_c = ref.data.major.children;
+                                                this.majorChange_panduan();
+                                                if (this.addForm.majorList[2] != undefined) {
+                                                    this.addForm.major_c = Number(this.MessForm.majorList[2]);
+                                                    this.majorChange_panduan();
+                                                }
+                                            }
+                                        });
+                                }
+                            });
+                    }
+                });
+        },
 
+        // 搜索选择领域
+        majorChange(e, val) {
+            if (e == 1) {
+                this.$api
+                    .post('api/Ucenter/getMajor', {
+                        major_id: this.addForm.major_a
+                    })
+                    .then((res) => {
+                        this.majors_b = res.data.major.children;
+                        this.majors_c = [];
+                        this.addForm.major_b = '';
+                        this.addForm.major_c = '';
+                        this.majorChange_panduan();
+                    });
+            } else if (e == 2 && this.addForm.major_b != 0) {
+                this.$api
+                    .post('api/Ucenter/getMajor', {
+                        major_id: this.addForm.major_b
+                    })
+                    .then((res) => {
+                        this.majors_c = res.data.major.children;
+                        this.addForm.major_c = '';
+                        this.majorChange_panduan();
+                    });
+            } else {
+                this.$set(this.addForm, this.addForm.major_c, val);
+                this.majorChange_panduan();
+            }
+        },
 
+        majorChange_panduan() {
+            if (this.addForm.major_c != '' || this.addForm.major_c != 0) {
+                this.addForm.major = this.addForm.major_c;
+            } else if (this.addForm.major_b != '' || this.addForm.major_b != 0) {
+                this.addForm.major = this.addForm.major_b;
+            } else {
+                this.addForm.major = this.addForm.major_a;
+            }
+        },
+        getTime(time) {
+            var str = '';
+            if (time != 0) {
+                let date = new Date(parseInt(time * 1000));
+                let Y = date.getFullYear() + '-';
+                let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+                let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+                let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+                let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+                str = Y + M + D;
+            } else {
+                str = 'No time';
+            }
+            return str;
+        },
+        // 指数颜色
+        colorIndex(num, time) {
+            // if (time != 0) {
+            //     let date = new Date(parseInt(time * 1000));
+            //     let Y = date.getFullYear() + '-';
+            //     let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+            //     let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+            //     let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+            //     let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+            //     time = Y + M + D;
+            // }
+            let str = '';
 
-			// 指数颜色
-			colorIndex(num, time) {
-				if (time != 0) {
-					let date = new Date(parseInt(time * 1000));
-					let Y = date.getFullYear() + '-';
-					let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
-					let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-					let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
-					let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
-					time = Y + M + D;
-				}
-				let str = '';
-				if (num < 10) {
-					str = '<b style="color:#cb160a">' + num +
-						'</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(' + time +
-						')</span>'
-				} else if (num < 15) {
-					str = '<b style="color:#cbb504">' + num +
-						'</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(' + time +
-						')</span>'
-				} else {
-					str = '<b style="color:#0cbc15">' + num +
-						'</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(' + time +
-						')</span>'
-				}
-				if (time == 0) {
-					str =
-						'<b style="color:#aaa;">0</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(No time)</span>'
-				}
-				return str;
-			},
+            if (num < 10) {
+                // str =
+                //     '<b style="color:#cb160a">' +
+                //     num +
+                //     '</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(' +
+                //     time +
+                //     ')</span>';
+                str = '<b style="color:#cb160a">' + num + '</b>';
+            } else if (num < 15) {
+                // str =
+                //     '<b style="color:#cbb504">' +
+                //     num +
+                //     '</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(' +
+                //     time +
+                //     ')</span>';
+                str = '<b style="color:#cbb504">' + num + '</b>';
+            } else {
+                // str =
+                //     '<b style="color:#0cbc15">' +
+                //     num +
+                //     '</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(' +
+                //     time +
+                //     ')</span>';
+                str = '<b style="color:#0cbc15">' + num + '</b>';
+            }
+            if (time == 0) {
+                // str = '<b style="color:#aaa;">0</b><span style="color:#aaa;font-size:14px;margin-left:10px;">(No time)</span>';
+                str = '<b style="color:#aaa;">0</b>';
+            }
+            return str;
+        },
 
-			// 上传文件
-			handleChange2(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_pdf2 = [fileList[fileList.length - 1]]
-				}
-			},
-			handleChange3(file, fileList) {
-				if (fileList.length > 0) {
-					this.fileL_pdf3 = [fileList[fileList.length - 1]]
-				}
-			},
-			handleFileSuccess1(res, file) {
-				if (res.code == 0) {
-					this.checkForm.cv = res.upurl;
-					this.checkForm.qualifications = res.upurl;
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileSuccess2(res, file) {
-				if (res.code == 0) {
-					this.addForm.cv = res.upurl;
-					this.addForm.qualifications = res.upurl;
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			handleFileSuccess3(res, file) {
-				if (res.code == 0) {
-					this.editForm.cv = res.upurl;
-					this.editForm.qualifications = res.upurl;
-				} else {
-					this.$message.error(res.msg);
-				}
-			},
-			beforeRemove(file, fileList) {
-				return this.$confirm(`Remove ${ file.name }？`)
-			},
-			handleFileError(res, file) {
+        // 上传文件
+        handleChange2(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_pdf2 = [fileList[fileList.length - 1]];
+            }
+        },
+        handleChange3(file, fileList) {
+            if (fileList.length > 0) {
+                this.fileL_pdf3 = [fileList[fileList.length - 1]];
+            }
+        },
+        handleFileSuccess1(res, file) {
+            if (res.code == 0) {
+                this.checkForm.cv = res.upurl;
+                this.checkForm.qualifications = res.upurl;
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileSuccess2(res, file) {
+            if (res.code == 0) {
+                this.addForm.cv = res.upurl;
+                this.addForm.qualifications = res.upurl;
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        handleFileSuccess3(res, file) {
+            if (res.code == 0) {
+                this.editForm.cv = res.upurl;
+                this.editForm.qualifications = res.upurl;
+            } else {
+                this.$message.error(res.msg);
+            }
+        },
+        beforeRemove(file, fileList) {
+            return this.$confirm(`Remove ${file.name}？`);
+        },
+        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!');
+        },
 
-			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!");
-			},
-
-			// 时间格式
-			formatDate(timestamp) {
-				var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
-				var Y = date.getFullYear() + '-';
-				var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
-				var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-				var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
-				var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
-				var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
-				return Y + M + D;
-			},
-		}
-	};
+        // 时间格式
+        formatDate(timestamp) {
+            var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
+            var Y = date.getFullYear() + '-';
+            var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+            var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+            var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
+            var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+            var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
+            return Y + M + D;
+        }
+    }
+};
 </script>
 
 <style scoped>
-	.handle-box {
-		margin-bottom: 20px;
-	}
+.container {
+    padding: 20px;
+}
+.handle-del {
+    float: right;
+}
+.handle-box {
+    margin-bottom: 20px;
+}
 
-	.table {
-		width: 100%;
-		font-size: 14px;
-	}
+.table {
+    width: 100%;
+    font-size: 14px;
+}
 
-	.table-td-thumb {
-		display: block;
-		margin: auto;
-		width: 40px;
-		height: 40px;
-	}
+.table-td-thumb {
+    display: block;
+    margin: auto;
+    width: 40px;
+    height: 40px;
+}
 
-	.el-table .warning-row {
-		background: #f3ca7f;
-	}
+.el-table .warning-row {
+    background: #f3ca7f;
+}
 
-	.el-table .success-row {
-		background: #bcfc9a;
-	}
+.el-table .success-row {
+    background: #bcfc9a;
+}
 
-	.el-table .normol-row {
-		background: #d8f1c7;
-	}
+.el-table .normol-row {
+    background: #d8f1c7;
+}
 
-	.el-table .red-row {
-		background: #f05555;
-	}
+.el-table .red-row {
+    background: #f05555;
+}
 
-	.tab_tie_col {
-		margin-bottom: 5px;
-		color: #333;
-		word-wrap: break-word;
-		word-break: normal;
-	}
+.tab_tie_col {
+    margin-bottom: 5px;
+    color: #333;
+    word-wrap: break-word;
+    word-break: normal;
+}
 
-	.tab_tie_col>span {
-		color: #888;
-		margin: 0 5px 0 0;
-		font-size: 13px;
-	}
+.tab_tie_col > span {
+    color: #888;
+    margin: 0 5px 0 0;
+    font-size: 13px;
+}
 
-	.starSty {
-		width: 18px;
-		margin-right: 4px;
-		vertical-align: text-top;
-	}
+.starSty {
+    width: 18px;
+    margin-right: 4px;
+    vertical-align: text-top;
+}
 
-	.starSty:nth-last-child(1) {
-		margin-right: 0;
-	}
+.starSty:nth-last-child(1) {
+    margin-right: 0;
+}
 
+.txt_pdf {
+    margin: 0 0 20px 10px;
+    display: inline-block;
+    color: #333;
+}
 
-	.txt_pdf {
-		margin: 0 0 20px 10px;
-		display: inline-block;
-		color: #333;
-	}
+.txt_pdf > i {
+    color: #66a9f0;
+    font-weight: bold;
+    margin-left: 10px;
+}
 
-	.txt_pdf>i {
-		color: #66a9f0;
-		font-weight: bold;
-		margin-left: 10px;
-	}
+.deteleBtn {
+    color: #ce1111;
+    margin-left: 18px;
+}
 
-	.deteleBtn {
-		color: #ce1111;
-		margin-left: 18px;
+.deteleBtn i {
+    font-weight: bold;
+}
 
-	}
-
-	.deteleBtn i {
-		font-weight: bold;
-
-	}
-
-	.deteleBtn:hover {
-		text-decoration: underline;
-		cursor: pointer;
-	}
+.deteleBtn:hover {
+    text-decoration: underline;
+    cursor: pointer;
+}
+.majorDataBox p:nth-child(1){
+    border-top: none !important;
+  
+}
 </style>