$/, ``);
+
+ newContent = originalContent.replace(label, updatedTag);
+ } else {
+ const replacement = `<${tagName} data-id="${targetId}">${label}`;
+ newContent = originalContent.replace(label, replacement);
+ }
+ this.saveContent(newContent, selectedMedia.linkData.mainId);
+ },
+
+ async saveContent(content, am_id) {
+
+
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ var that = this;
+ var str = content.replace(/^\s*(.*?)\s*<\/p>$/, '$1').trim();
+
+ str = str.replace(//gi, '');
+
+ str = await that.$commonJS.decodeHtml(str);
+
+ /** 点 Save 立即按将写入的正文重排下方列表（不等待接口），与弹窗内 [n] 一致 */
+ this.reorderReferencesFromMainListBody(am_id, str);
+
+ await that.$api
+ .post(that.urlList.editContent, {
+ am_id: am_id,
+ content: str
+ })
+ .then(async (res) => {
+ if (res.code == 0) {
+ loading.close();
+ this.editVisible = false;
+ this.refreshCurrentContent('content', am_id, res.data);
+ this.getCommentList();
+ /** 以接口回写后的 Main_List 再对齐一次；稿面 word 会由 contentList 监听触发 syncRefOrder */
+ this.$nextTick(() => {
+ this.reorderReferencesFromMainListBody(null, null);
+ });
+ } else {
+ loading.close();
+ this.$message.error(res.msg);
+ this.reorderReferencesFromMainListBody(null, null);
+ }
+ })
+ .catch((err) => {
+ loading.close();
+ this.$message.error(err);
+ this.reorderReferencesFromMainListBody(null, null);
+ });
+ },
+ async saveContentList(content, am_id) {
+ if (content.length == 0) {
+ this.$message({
+ type: 'warning',
+ message: 'Please enter the content!'
+ });
+ }
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+
+ content = content.map((str) => {
+ // 逻辑：去掉所有换行符后，如果剩下的内容是空的
+ if (str.replace(//gi, '').trim() === '') {
+ return ''; // 变成真正的空字符串
+ }
+ return str; // 如果有文字，保留原样
+ });
+ await this.$api
+ .post('api/Preaccept/addMoreRow', {
+ article_id: this.articleId,
+ am_id: am_id,
+ rows: content
+ })
+ .then(async (res) => {
+ if (res.code == 0) {
+ loading.close();
+ this.addContentVisible = false;
+ this.refreshCurrentContent('addMoreRow', am_id, res.data);
+ this.getCommentList();
+ } else {
+ loading.close();
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ loading.close();
+ this.$message.error(err);
+ });
+ },
+ isHeaderRow(rowIndex, table) {
+ var table = table;
+
+ var head = table[0];
+
+ return rowIndex < head[0].rowspan; // 假设前两行是表头
+ },
deleteComment(comment, index) {
- console.log('comment at line 480:', comment);
if (this.isEditComment) {
this.$confirm(this.$t('commonTable.removeAnnotations'), 'Prompt', {
confirmButtonText: 'Submit',
@@ -348,27 +1212,45 @@ export default {
.catch(() => {});
}
},
- async saveContent(content, am_id) {
- var that = this;
- var str = content.replace(/^(.*?)<\/p>$/, '$1') ? content.replace(/^
(.*?)<\/p>$/, '$1') : '';
- if (str == '') {
- this.$message({
- type: 'warning',
- message: 'Please enter the content!'
- });
- }
- 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();
+ saveLateX(data) {
+
+ // 1. 从 data 中解构出 wrap (或者你命名的模式变量)
+ const { editorId, wmathId, latex, wrap } = data;
+ const newLatex = latex ? latex.trim() : '';
+
+ if (!editorId || !wmathId) return;
+
+ const targetEditor = tinymce.get(editorId);
+ if (!targetEditor) return;
+
+ // 2. 找到编辑器中现有的 wmath 标签
+ const targetWmath = targetEditor.dom.select(`wmath[data-id="${wmathId}"]`, targetEditor.getBody())[0];
+
+ if (targetWmath) {
+ if (!newLatex) {
+ // ❌ 删除公式
+ targetEditor.dom.remove(targetWmath);
+ } else {
+ // ✅ 更新公式
+ // 保持属性纯净：同时更新 latex 内容和 wrap 属性
+ targetWmath.setAttribute('data-latex', newLatex);
+
+ // 如果 data 中传了 wrap 模式就更新它，否则可以保留原样或设为默认
+ if (wrap) {
+ targetWmath.setAttribute('data-wrap', wrap);
}
- });
+
+ // 内部只放纯 latex 文本，不包裹 $ 符号
+ targetWmath.innerHTML = newLatex;
+
+ setTimeout(() => {
+ if (typeof renderMathJax === 'function') {
+ // 重新渲染该编辑器内的数学公式
+ renderMathJax(editorId);
+ }
+ }, 10);
+ }
+ }
},
async huifu(id) {
var that = this;
@@ -415,8 +1297,10 @@ export default {
var am_id;
if (type == 'img') {
am_id = this.Main_List.find((item) => item.ami_id == id).am_id;
- } else {
+ } else if (type == 'table') {
am_id = this.Main_List.find((item) => item.amt_id == id).am_id;
+ } else {
+ am_id = id;
}
if (am_id) {
this.goToComment(am_id);
@@ -441,7 +1325,9 @@ export default {
}
},
async onDelete(dataId) {
+ var that = this;
var dataInfo = this.Main_List.find((item) => item.am_id == dataId);
+ var dataIndex = this.Main_List.indexOf(dataInfo);
var type = '';
if (dataInfo.type == 1) {
@@ -451,7 +1337,72 @@ export default {
} else if (dataInfo.type == 0) {
type = 'content';
}
+ 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;
+ }
+ if (dataInfo.type == 0 && dataInfo.content == '') {
+ await that.$api
+ .post(url, {
+ am_id: dataId
+ })
+ .then(async (res) => {
+ if (res.code == 0) {
+ setTimeout(() => {
+ that.Main_List.splice(dataIndex, 1);
+ that.getCommentList();
+ that.$forceUpdate();
+ });
+ } else {
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ this.$message.error(err);
+ });
+ } else {
+ await this.$confirm(this.$t('commonTable.removeContent'), 'Prompt', {
+ confirmButtonText: 'Submit',
+ cancelButtonText: 'Cancel',
+ type: 'warning'
+ })
+ .then(async () => {
+ await that.$api
+ .post(url, {
+ am_id: dataId
+ })
+ .then(async (res) => {
+ if (res.code == 0) {
+ setTimeout(() => {
+ that.Main_List.splice(dataIndex, 1);
+ that.$forceUpdate();
+ if (type == 'img') {
+ that.$refs.commonWordHtmlTypeSetting.refresh('removeImg', { ami_id: dataInfo.ami_id });
+ } else if (type == 'table') {
+ that.$refs.commonWordHtmlTypeSetting.refresh('removeTable', { amt_id: dataInfo.amt_id });
+ }
+ that.getCommentList();
+
+ that.$forceUpdate();
+ });
+ }
+ });
+ })
+ .catch((err) => {
+ console.log('err at line 466:', err);
+ });
+ }
+ },
+ async onDeletes(dataId) {
await this.$confirm(this.$t('commonTable.removeContent'), 'Prompt', {
confirmButtonText: 'Submit',
cancelButtonText: 'Cancel',
@@ -459,32 +1410,16 @@ export default {
})
.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
+ .post('/api/Preaccept/delMoreArticleMains', {
+ ids: 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.$refs.commonWordHtmlTypeSetting.reload();
that.$forceUpdate();
});
@@ -499,8 +1434,42 @@ export default {
console.log('err at line 466:', err);
});
},
+ async changeSort(type, id) {
+ var that = this;
+ const index = this.Main_List.findIndex((item) => item.am_id == id);
+ if (type == 'up' && index == 0) {
+ return;
+ }
+ if (type == 'down' && index == this.Main_List.length - 1) {
+ return;
+ }
+ const load = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ await that.$api
+ .post(type == 'up' ? '/api/Preaccept/upArticleMain' : '/api/Preaccept/downArticleMain', {
+ am_id: id
+ })
+ .then(async (res) => {
+ if (res.code == 0) {
+ load.close();
+ await this.refreshCurrentContent(`${type}ArticleMain`, id);
+ that.$forceUpdate();
+ } else {
+ load.close();
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ load.close();
+ this.$message.error(err);
+ });
+ },
async addCommentSetting(content) {
- console.log('content at line 602:', content);
+
await this.$api
.post(this.urlList.addComment, {
am_id: content.am_id,
@@ -523,8 +1492,10 @@ export default {
});
},
async addComment(content) {
- console.log('content at line 603:', this.commentForm);
- var str = content.replace(/^
(.*?)<\/p>$/, '$1') ? content.replace(/^
(.*?)<\/p>$/, '$1') : '';
+
+ var str= this.$commonJS.transformHtmlString(content)
+ str=str.replace(//gi, '');
+ console.log("🚀 ~ addComment ~ content:", str);
if (str == '') {
this.$message({
type: 'warning',
@@ -606,13 +1577,13 @@ export default {
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) {
@@ -635,8 +1606,17 @@ export default {
this.commentVisible = true;
},
async onEditTitle(data) {
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
var url;
switch (data.value) {
+ case 0:
+ url = 'api/Preaccept/changeNormal';
+ break;
case 1:
url = 'api/Preaccept/changeH1';
break;
@@ -648,14 +1628,135 @@ export default {
break;
}
-
await this.$api
.post(url, {
am_id: data.mainId
})
.then(async (res) => {
- this.getDate();
- this.getCommentList();
+ if (res.code == 0) {
+ await this.refreshCurrentContent('content', data.mainId, res.data);
+ loading.close();
+ this.getCommentList();
+ }
+ })
+ .catch((err) => {
+ loading.close();
+ this.$message.error(err.msg);
+ });
+ },
+ async refreshCurrentContent(type, mainId, resData) {
+ const index = this.Main_List.findIndex((item) => item.am_id == mainId);
+ if (type == 'upArticleMain') {
+ if (index == 0) {
+ return;
+ }
+ const item = this.Main_List[index];
+ // 2. 从原位置删除
+ this.Main_List.splice(index, 1);
+ // 3. 插入到前一个位置
+ this.Main_List.splice(index - 1, 0, item);
+ return;
+ }
+ if (type == 'downArticleMain') {
+ if (index == this.Main_List.length - 1) {
+ return;
+ }
+ const item = this.Main_List[index];
+ // 2. 从原位置删除
+ this.Main_List.splice(index, 1);
+ // 3. 插入到前一个位置
+ this.Main_List.splice(index + 1, 0, item);
+ return;
+ }
+ if (index !== -1 && resData) {
+ var newData = Array.isArray(resData) ? resData : resData ? [resData] : [];
+ const updatedItems = newData.map((item) => ({
+ ...item,
+ checked: false,
+ getnum: 0
+ }));
+ if (type == 'addRow') {
+ this.Main_List.splice(index + 1, 0, updatedItems[0]);
+ } else if (type == 'addMoreRow') {
+ this.Main_List.splice(index + 1, 0, ...updatedItems);
+ } else if (type == 'positioningImg' || type == 'positioningTable') {
+ this.Main_List.splice(index + 1, 0, ...updatedItems);
+ } else {
+ this.$set(this.Main_List, index, updatedItems[0]);
+ }
+ } else {
+ console.warn(`Item with am_id ${mainId} not found.`);
+ }
+ this.$forceUpdate();
+ },
+ handlePaperclip() {
+ this.uploadWordTables = [];
+ this.$refs.fileInput.click();
+ },
+ handleFileChange(event) {
+ var that = this;
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ // 处理文件上传并传递回调函数
+ this.$commonJS.handleFileUpload(event, function (tables) {
+
+ if (tables.length == 0) {
+ loading.close();
+ that.$message({
+ type: 'warning',
+ message: 'No table found!'
+ });
+ return false;
+ }
+
+ // 使用 Promise.all 等待所有表格解析完成
+ Promise.all(
+ tables.map((table) => {
+ return new Promise((resolve, reject) => {
+ // 解析每个表格
+ that.$commonJS.parseTableToArray(table, (tableList) => {
+ resolve({ table_data: tableList, html_data: '' });
+ });
+ });
+ })
+ )
+ .then((result) => {
+ // 所有表格的解析完成后，处理结果
+ that.uploadWordTables = result;
+ loading.close();
+ that.tablesHtmlVisible = true;
+ })
+ .catch((error) => {
+ loading.close();
+ console.error('Error processing tables:', error);
+ });
+ });
+ const file = event.target.files[0];
+ if (file) {
+ // 处理文件逻辑
+ }
+
+ // 关键：重置 input 的值
+ event.target.value = '';
+ },
+
+ async onAddRow(mainId) {
+ await this.$api
+ .post(this.urlList.addRow, {
+ am_id: mainId,
+ article_id: this.articleId
+ })
+ .then(async (res) => {
+ if (res.code == 0) {
+ this.refreshCurrentContent('addRow', mainId, res.data);
+ this.getCommentList();
+ } else {
+ this.$message.error(res.msg);
+ }
})
.catch((err) => {
this.$message.error(err.msg);
@@ -678,6 +1779,50 @@ export default {
this.$message.error(err.msg);
});
},
+
+ async executeProofreading(data) {
+ await this.$api
+ .post(this.urlList.executeProofreading, {
+ am_id: data.am_id,
+ record_id: data.id,
+ state: 1,
+ article_id: this.$route.query.id
+ })
+ .then(async (res) => {
+ if (res.status == 1) {
+ this.getDate();
+ this.getCommentList();
+ } else {
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ this.$message.error(err.msg);
+ });
+ },
+ async revokeProofreading(data) {
+ await this.$api
+ .post(this.urlList.executeProofreading, {
+ am_id: data.am_id,
+ record_id: data.id,
+ state: 2,
+ article_id: this.$route.query.id
+ })
+ .then(async (res) => {
+ if (res.status == 1) {
+ this.getDate();
+ this.getCommentList();
+ } else {
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ this.$message.error(err.msg);
+ });
+ },
+ async editProofreading(data) {},
+ deleteProofreading(data, index) {},
+
async cancelSolveComment(data) {
await this.$api
.post(this.urlList.cancelSolveComment, {
@@ -702,43 +1847,124 @@ export default {
});
},
handleImageAdd(type) {
- this.picStyle = { note: '', picUrl: '' };
+ this.picStyle = { note: '', picUrl: '', title: '' };
+ this.picStyle1 = { note: '', picUrl: '', title: '' };
this.picStyle.visiTitle = 'Add Figure';
this.pictVisible = true;
},
handleTableAdd(type) {
this.lineStyle = { note: '', table_data: '', html_data: '' };
+ this.lineStyle1 = { note: '', table_data: '', html_data: '' };
this.lineStyle.visiTitle = 'Add Table';
this.threeVisible = true;
},
- handleImageEdit(data, type) {
- console.log('data at line 600:', data);
+ addUploadWordTable(data) {
+ this.lineStyle = { note: '', table: data.table_data, html_data: data.html_data };
+ this.lineStyle1 = { note: '', table: data.table_data, html_data: data.html_data };
+
+ this.lineStyle.visiTitle = 'Add Table';
+ this.threeVisible = true;
+ },
+
+ async handleFigureAndTableDelete(data, type) {
+ await this.$confirm(this.$t('commonTable.remove' + type), 'Prompt', {
+ confirmButtonText: 'Submit',
+ cancelButtonText: 'Cancel',
+ type: 'warning'
+ })
+ .then(async (res) => {
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ if (type == 'img') {
+ this.$api
+ .post(this.urlList.deleteImage, {
+ ami_id: data.ami_id,
+
+ article_id: this.articleId
+ })
+ .then(async (res) => {
+ if (res.status == 1) {
+ loading.close();
+ this.$message.success(res.msg);
+ this.$refs.commonWordHtmlTypeSetting.replacement('img', data.ami_id);
+ } else {
+ loading.close();
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ loading.close();
+ this.$message.error(err.msg);
+ });
+ }
+ if (type == 'table') {
+ this.$api
+ .post(this.urlList.deleteTable, {
+ amt_id: data.amt_id,
+
+ article_id: this.articleId
+ })
+ .then(async (res) => {
+ if (res.status == 1) {
+ loading.close();
+ this.$refs.commonWordHtmlTypeSetting.replacement('table', data.amt_id);
+ } else {
+ loading.close();
+ this.$message.error(res.msg);
+ }
+ })
+ .catch((err) => {
+ loading.close();
+ this.$message.error(err.msg);
+ });
+ }
+ })
+ .catch((err) => {
+ // this.$message.error(err.msg);
+ });
+ },
+ handleFigureAndTableEdit(data, type) {
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 = {};
+ this.lineStyle1 = {};
+ // 1. 提取处理逻辑
+ const formattedData = {
...data,
- table: JSON.parse(data.table_data),
- html_data: data.html_data,
- note: data.note,
- title: data.title
+ table: JSON.parse(data.table_data)
};
+
+ // 2. 统一赋值
+ this.lineStyle = formattedData;
+ this.lineStyle1 = { ...formattedData }; // 使用浅拷贝确保两个变量指向不同引用（如果需要独立修改）
this.lineStyle.visiTitle = 'Edit Table';
this.threeVisible = true;
}
},
updateChange(content, type) {
+
var str = this.$commonJS.transformHtmlString(content);
if (type == 'imgNote') {
- this.picStyle.note = str;
+ this.picStyle1.note = str;
+ } else if (type == 'imgTitle') {
+ this.picStyle1.title = str;
} else {
- this.lineStyle[type] = str;
+ this.lineStyle1[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);
@@ -755,7 +1981,7 @@ export default {
} else {
}
this.currentContent = { ...data, extension: extension };
- this.picStyle = { ...data, extension: extension, picUrl: data.image.url, note: data.image.note };
+ this.picStyle = { ...data, extension: extension, picUrl: data.image.url, note: data.image.note, title: data.image.title };
this.picStyle.visiTitle = 'Edit Figure';
this.pictVisible = true;
} else if (data.type == 2) {
@@ -770,12 +1996,42 @@ export default {
this.lineStyle.visiTitle = 'Edit Table';
this.threeVisible = true;
} else {
+ data.content = data.content.replace(/]*>/g, '').replace(/<\/span>/g, ''); // 去除span标签
+ this.editModalDraftHtml = data.content || '';
this.currentContent = data;
+
this.editVisible = true;
this.currentId = dataId;
+ if (this.p_article_id) {
+ this.fetchReferList();
+ }
+ this.$nextTick(() => {
+ this.$nextTick(() => {
+ if (this.$refs.commonContent && this.$refs.commonContent.refreshAutociteDisplay) {
+ this.$refs.commonContent.refreshAutociteDisplay();
+ }
+ const draft = this.currentContent && this.currentContent.content;
+ if (draft != null) {
+ this.flushReorderFromEditModal(draft);
+ }
+ });
+ });
}
},
+ onAddContent(dataId) {
+ this.addContentVisible = true;
+ this.addContent = {};
+
+ this.currentId = dataId;
+ },
+
async onDrop(event, dataId) {
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
if (event.dataTransfer.getData('image')) {
const draggedImage = JSON.parse(event.dataTransfer.getData('image'));
const draggedImageIndex = JSON.parse(event.dataTransfer.getData('imageIndex'));
@@ -787,23 +2043,22 @@ export default {
})
.then(async (res) => {
if (res.code == 0) {
- this.getDate();
+ loading.close();
+ this.refreshCurrentContent('positioningImg', dataId, res.data);
this.$nextTick(() => {
- this.$refs.commonWordHtmlTypeSetting.refresh('img');
+ this.$refs.commonWordHtmlTypeSetting.refresh('positioningImg', res.data);
});
this.$forceUpdate();
} else {
+ loading.close();
this.$message.error(res.msg);
}
})
.catch((err) => {
+ loading.close();
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'));
@@ -815,33 +2070,28 @@ export default {
})
.then(async (res) => {
if (res.code == 0) {
- this.getDate();
+ loading.close();
+ this.refreshCurrentContent('positioningTable', dataId, res.data);
this.$nextTick(() => {
- this.$refs.commonWordHtmlTypeSetting.refresh('table');
+ this.$refs.commonWordHtmlTypeSetting.refresh('positioningTable', res.data);
});
this.$forceUpdate();
} else {
+ loading.close();
this.$message.error(res.msg);
}
})
.catch((err) => {
+ loading.close();
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.detailMes.article_id
-
+ article_id: this.articleId
})
.then((res) => {
this.comments = res.data.list;
@@ -849,113 +2099,6 @@ export default {
});
},
getWord() {
- // var htmlContent = `${this.detailTitle}
`;
- // htmlContent += this.Main_List.map((item) => {
- // //批注
- // let contentHtml = '';
- // var isRemark = ``;
- // if (item.remark && item.remark != '') {
- // // isRemark = ``;
- // isRemark = `
-
- // `;
- // }
- // // 判断是否是图片
- // if (item.type == 1) {
- // var extension = item.image.url.split('.').pop().toLowerCase();
- // if (extension == 'tif') {
- // contentHtml = `
- //
- // ![]()
- // ${item.image.note ? item.image.note : ''}
- //
- // `;
- // } else if (['jpg', 'jpeg', 'png'].includes(extension)) {
- // contentHtml = `
- //
- // ${isRemark}
- // 
- // ${
- // item.image.note ? item.image.note : ''
- // }
- //
- // `;
- // } else {
- // contentHtml = `
- //
- // ${isRemark}
- //
- // Figures ( .${item.image.url.split('.').pop().toUpperCase()})
- //
-
- // ${
- // item.image.note ? item.image.note : ''
- // }
- //
- // `;
- // }
- // } else if (item.type == 2) {
- // var tableList = JSON.parse(item.table.table_data);
-
- // contentHtml = `
- //
- // ${isRemark}
- //
${item.table.title ? item.table.title : ''}
- //
- // ${tableList
- // .map((row) => {
- // return `
- //
- // ${row
- // .map((cell) => {
- // return `
- // |
- // ${cell.text || ''}
- // |
- // `;
- // })
- // .join('')}
- //
- // `;
- // })
- // .join('')}
- //
- //
${item.table.note ? item.table.note : ''}
- //
${isRemark}${item.content}
`;
- // }
-
- // // 判断是否是表格类型
-
- // return contentHtml;
- // }).join('');
- // this.htmlContent = htmlContent;
this.htmlContent = 'true';
},
// 获取数据
@@ -966,32 +2109,44 @@ export default {
if (this.Art_Id != undefined) {
urlLInk = 'api/Preaccept/getArticleMains';
urlTask.article_id = this.detailMes.article_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) {
- this.Main_List = res.data.list;
+ this.Main_List = res.data.list.map((e) => {
+ e.checked = false;
+ return e;
+ });
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();
+ if (this.$refs.catalogue) {
+ await this.$refs.catalogue.getCatalogueList();
+ }
+ loading.close();
});
// }, 1000);
} else {
this.$message.error(res.msg);
+ loading.close();
}
})
.catch((err) => {
this.$message.error(err);
+ loading.close();
});
},
@@ -1075,32 +2230,58 @@ export default {
},
// 确定保存图片
- savePic() {
- this.picStyle.picUrl;
+ async savePic() {
+ var str = this.picStyle1.note ? await this.$commonJS.decodeHtml(this.picStyle1.note) : '';
+
+
+ var titleStr = this.picStyle1.title ? await this.$commonJS.decodeHtml(this.picStyle1.title) : '';
+
+ if (!this.picStyle.picUrl) {
+ this.$message.error('Please upload a picture');
+ return;
+ }
+ if (!titleStr) {
+ this.$message.error('Please enter a title');
+ return;
+ }
+ str = str.replace(//gi, '');
+ titleStr = titleStr.replace(//gi, '');
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
if (this.picStyle.visiTitle == 'Edit Figure') {
this.$api
.post(this.urlList.editImage, {
ami_id: this.picStyle.ami_id,
url: this.picStyle.picUrl,
- note: this.picStyle.note
+ note: str,
+ title: titleStr
})
.then((res) => {
if (res.code == 0) {
+ loading.close();
this.$message.success('Successfully edit Figure!');
this.pictVisible = false;
+ this.$refs.commonWordHtmlTypeSetting.refresh(
+ 'editImg',
+ res.data.image ? { ...res.data.image, has_selected: 1 } : res.data
+ );
+ this.refreshCurrentContent('editImg', res.data.am_id, res.data);
this.$nextTick(() => {
- this.getDate();
this.getCommentList();
this.$forceUpdate();
});
-
- this.$refs.commonWordHtmlTypeSetting.refresh('img');
} else {
+ loading.close();
this.$message.error(res.msg);
}
})
.catch((err) => {
+ loading.close();
this.$message.error(err);
});
} else {
@@ -1108,19 +2289,23 @@ export default {
.post(this.urlList.addImage, {
article_id: this.articleId,
url: this.picStyle.picUrl,
- note: this.picStyle.note
+ note: str,
+ title: titleStr
})
.then((res) => {
if (res.code == 0) {
+ loading.close();
this.$message.success('Successfully Add Figure!');
this.pictVisible = false;
- this.getDate();
- this.$refs.commonWordHtmlTypeSetting.refresh('img');
+
+ this.$refs.commonWordHtmlTypeSetting.refresh('addImg', res.data);
} else {
+ loading.close();
this.$message.error(res.msg);
}
})
.catch((err) => {
+ loading.close();
this.$message.error(err);
});
}
@@ -1135,60 +2320,236 @@ export default {
this.$refs.tinymceChildComment.getContent('comment');
});
},
- saveTable(content) {
- console.log('content at line 998:', content);
+ /** 稿面图片说明/标题内修改/移除 mycite 后，走 editImage 写回 */
+ async saveImageManuscript(payload) {
+ if (!payload || payload.ami_id == null) return;
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ let strNote = payload.note || '';
+ let strTitle = payload.title || '';
+ if (strNote !== '') {
+ strNote = await this.$commonJS.decodeHtml(strNote);
+ }
+ if (strTitle !== '') {
+ strTitle = await this.$commonJS.decodeHtml(strTitle);
+ }
+ strNote = strNote.replace(//gi, '');
+ strTitle = strTitle.replace(//gi, '');
+ try {
+ const res = await this.$api.post(this.urlList.editImage, {
+ ami_id: payload.ami_id,
+ url: payload.url || '',
+ note: strNote,
+ title: strTitle
+ });
+ loading.close();
+ if (res.code == 0) {
+ this.$message.success('Successfully updated.');
+ if (this.$refs.commonWordHtmlTypeSetting && this.$refs.commonWordHtmlTypeSetting.refresh) {
+ this.$refs.commonWordHtmlTypeSetting.refresh(
+ 'editImg',
+ res.data.image ? { ...res.data.image, has_selected: 1 } : res.data
+ );
+ }
+ this.refreshCurrentContent('editImg', res.data.am_id, res.data);
+ this.getCommentList();
+ this.$nextTick(() => {
+ const w = this.$refs.commonWord;
+ if (w && typeof w.syncRefOrder === 'function') {
+ w.syncRefOrder();
+ }
+ });
+ } else {
+ this.$message.error(res.msg);
+ }
+ } catch (err) {
+ loading.close();
+ this.$message.error(err && err.message ? err.message : String(err));
+ }
+ },
+ /** 稿面表格单元格内修改/移除 mycite 后，走 editMainTable 写回 */
+ async saveTableManuscript(payload) {
+ if (!payload || payload.amt_id == null) return;
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ let strTitle = payload.title || '';
+ let strNote = payload.note || '';
+ if (strNote !== '') {
+ strNote = await this.$commonJS.decodeHtml(strNote);
+ }
+ if (strTitle !== '') {
+ strTitle = await this.$commonJS.decodeHtml(strTitle);
+ }
+ strNote = strNote.replace(//gi, '');
+ strTitle = strTitle.replace(//gi, '');
+ try {
+ const res = await this.$api.post(this.urlList.editTable, {
+ amt_id: payload.amt_id,
+ table_data: payload.table_data,
+ html_data: payload.html_data || '',
+ note: strNote,
+ title: strTitle
+ });
+ loading.close();
+ if (res.code == 0) {
+ this.$message.success('Successfully updated.');
+ if (this.$refs.commonWordHtmlTypeSetting && this.$refs.commonWordHtmlTypeSetting.refresh) {
+ this.$refs.commonWordHtmlTypeSetting.refresh(
+ 'editTable',
+ res.data.table ? { ...res.data.table, has_selected: 1 } : res.data
+ );
+ }
+ this.refreshCurrentContent('editTable', res.data.am_id, res.data);
+ this.getCommentList();
+ this.$nextTick(() => {
+ const w = this.$refs.commonWord;
+ if (w && typeof w.syncRefOrder === 'function') {
+ w.syncRefOrder();
+ }
+ });
+ } else {
+ this.$message.error(res.msg);
+ }
+ } catch (err) {
+ loading.close();
+ this.$message.error(err && err.message ? err.message : String(err));
+ }
+ },
+ async saveTable(content) {
+
+ const cleanTableData = (tableList) => {
+ if (tableList.length == 0) {
+ return [];
+ } else {
+ // 定义清理函数：去掉所有 br 标签和 TinyMCE 占位符
+ const cleanText = (text) => {
+ if (!text) return "";
+ // return text.replace(//gi, '').trim();
+ return text
+ };
- if (content && content.table && content.table.length > 0) {
+ // 1. 获取处理后的干净表头
+ const header = tableList[0].map(cell => ({
+ ...cell,
+ text: cleanText(cell.text)
+ }));
+
+ // 2. 过滤逻辑
+ const cleanedTable = tableList.map((row) => {
+ // 首先：把每一行里的每个 cell.text 里的
都去掉
+ return row.map(cell => ({
+ ...cell,
+ text: cleanText(cell.text)
+ }));
+ }).filter((row, index) => {
+ if (index === 0) return true;
+
+ // 3. 此时比较的就是没有
的文本了
+ const isHeaderRow = row.every((cell, cellIndex) => {
+ return cell.text === header[cellIndex].text;
+ });
+
+ return !isHeaderRow;
+ });
+
+ return cleanedTable;
+ }
+};
+ var cleanedTableList = content.table ? content.table : [];
+
+ cleanedTableList = cleanTableData(content.table);
+ var strTitle = this.lineStyle1.title ? this.lineStyle1.title : '';
+
+ var strNote = this.lineStyle1.note ? this.lineStyle1.note : '';
+ if (strNote != '') {
+ strNote = await this.$commonJS.decodeHtml(strNote);
+ }
+ if (strTitle != '') {
+ strTitle = await this.$commonJS.decodeHtml(strTitle);
+ } else {
+ this.$message.error('Please enter a title');
+ return;
+ }
+
+ if (content && cleanedTableList && cleanedTableList.length > 0) {
+ const loading = this.$loading({
+ lock: true,
+ text: 'Loading...',
+ spinner: 'el-icon-loading',
+ background: 'rgba(0, 0, 0, 0.7)'
+ });
+ strNote = strNote.replace(//gi, '');
+ strTitle = strTitle.replace(//gi, '');
+ var tableStr=JSON.stringify(cleanedTableList)
+
if (this.lineStyle.visiTitle == 'Edit Table') {
this.$api
.post(this.urlList.editTable, {
amt_id: this.lineStyle.amt_id,
- table_data: JSON.stringify(content.table),
+ table_data: tableStr,
html_data: content.html_data,
- note: this.lineStyle.note,
- title: this.lineStyle.title
+ note: strNote,
+ title: strTitle
})
.then((res) => {
if (res.code == 0) {
+ loading.close();
this.$message.success('Successfully edit Table!');
this.threeVisible = false;
setTimeout(() => {
- this.getDate();
+ this.$refs.commonWordHtmlTypeSetting.refresh(
+ 'editTable',
+ res.data.table ? { ...res.data.table, has_selected: 1 } : res.data
+ );
+ this.refreshCurrentContent('editTable', res.data.am_id, res.data);
this.getCommentList();
- this.$refs.commonWordHtmlTypeSetting.refresh('table');
});
} else {
+ loading.close();
this.$message.error(res.msg);
}
})
.catch((err) => {
+ loading.close();
this.$message.error(err);
});
} else {
this.$api
.post(this.urlList.addTable, {
article_id: this.articleId,
- table_data: JSON.stringify(content.table),
+ table_data: JSON.stringify(cleanedTableList),
html_data: content.html_data,
- note: this.lineStyle.note,
- title: this.lineStyle.title
+ note: strNote,
+ title: strTitle
})
.then((res) => {
if (res.code == 0) {
+ loading.close();
this.$message.success('Successfully Add Table!');
this.threeVisible = false;
- this.getDate();
- this.$refs.commonWordHtmlTypeSetting.refresh('table');
+
+ this.$refs.commonWordHtmlTypeSetting.refresh('addTable', res.data);
} else {
+ loading.close();
this.$message.error(res.msg);
}
})
.catch((err) => {
this.$message.error(err);
+ loading.close();
});
}
} else {
this.$message.error('Please fill in the table content!');
+ loading.close();
}
},
async removeEvent(row) {
@@ -1290,11 +2651,12 @@ export default {
},
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 isLt2M = file.size / 1024 / 1024 < 20;
+ if (!isLt2M) {
+ this.$message.error('Picture size cannot exceed 20M!');
+ return false;
+ }
+
const isValidFormat = ['image/jpeg', 'image/png', 'image/tiff'].includes(file.type);
if (!isValidFormat) {
this.$message.error(this.$t('commonTable.uploadImageInfo'));
@@ -1417,8 +2779,8 @@ export default {
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%);
+ background-color: rgb(0 102 153 / 10%);
+ border: 2px dashed rgb(0 102 153 / 50%);
} */
.type_MTxt > div > p {
@@ -1582,6 +2944,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;
@@ -1663,4 +3031,30 @@ 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; */
+}
+wmath[data-wrap='inline'] {
+ display: inline-block !important;
+ width: auto !important;
+}
diff --git a/src/components/page/components/Tinymce/index.vue b/src/components/page/components/Tinymce/index.vue
index 185ded0..1085785 100644
--- a/src/components/page/components/Tinymce/index.vue
+++ b/src/components/page/components/Tinymce/index.vue
@@ -1,6 +1,17 @@
+ 
+