zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tijiao

Browse Source
This commit is contained in:
始于初见
2025-05-29 16:57:07 +08:00
parent 845785686d
commit 5f7f1d992b
18 changed files with 2144 additions and 3696 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

272
src/common/js/commonJS.js
View File

@@ -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);

15
src/components/common/langs/en.js
View File

@@ -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'
}

13
src/components/common/langs/zh.js
View File

@@ -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: '状态未知'
}
},
}

2149
src/components/page/GenerateCharts copy.vue
View File

File diff suppressed because it is too large Load Diff

135
src/components/page/GenerateCharts.vue
View File

@@ -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>

30
src/components/page/articleListEditor_C.vue
View File

@@ -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'));

27
src/components/page/articleListEditor_E.vue
View File

@@ -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 '';
},

8
src/components/page/components/Tinymce/index.vue
View File

@@ -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;">

5
src/components/page/components/article/onlineOperations.vue
View File

@@ -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) => {

166
src/components/page/components/htmlWeChatPreview/index.vue
View File

@@ -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) {

3
src/components/page/components/pendingPayment/OrderConfirmation.vue
View File

@@ -247,6 +247,9 @@ export default {
this.$message.error(res.data.msg);
loading.close()
}
}).catch((error) => {
console.error('Error:', error);
loading.close()
});
},
getPayPal(id) {

134
src/components/page/components/reviewerList/add.vue
View File

@@ -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) => {

3
src/components/page/components/table/table.vue
View File

@@ -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 {

54
src/components/page/components/table/word.vue
View File

@@ -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>

93
src/components/page/components/table/wordHtmlTypesetting.vue
View File

@@ -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>

164
src/components/page/partyRole.vue
View File

@@ -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;

2569
src/components/page/reviewerList.vue
View File

File diff suppressed because it is too large Load Diff