refactor(component): 优化 RenderMinerU 组件的识别和撤销功能

- 移除了多余的 loading 层
- 在撤销功能中添加了 loading 效果,提升了用户体验
- 调整了 loading 文字内容,使其更加准确
- 优化了按钮生成逻辑,删除了多余的 break 语句
- 调整了页面切换的延迟时间,提高了响应速度
This commit is contained in:
陈昱达
2025-04-21 16:36:39 +08:00
parent 22716957f2
commit 79c486fa5a
2 changed files with 13 additions and 13 deletions

View File

@@ -102,7 +102,6 @@ export default {
// background: 'rgba(0, 0, 0, 0.8)', // background: 'rgba(0, 0, 0, 0.8)',
text: 'AI模型分析中....' text: 'AI模型分析中....'
}) })
this.retryMinerImage(chooseItem, loading, tableElement) this.retryMinerImage(chooseItem, loading, tableElement)
} }
} }
@@ -127,13 +126,20 @@ export default {
click: tableElement => { click: tableElement => {
this.$messageBox( this.$messageBox(
() => { () => {
let loading = this.$loading({
target: tableElement,
lockScroll: false,
text: '正在撤销中....'
})
let chooseItem = this.findMatchingTable(tableElement) let chooseItem = this.findMatchingTable(tableElement)
let tableMatch = chooseItem.html.match(/<table>([\s\S]*)<\/table>/) let tableMatch = chooseItem.html.match(/<table>([\s\S]*)<\/table>/)
if (tableMatch) { if (tableMatch) {
let div = document.createElement('table')
div.innerHTML = tableMatch[1]
setTimeout(() => {
loading.close()
tableElement.innerHTML = tableMatch[1] tableElement.innerHTML = tableMatch[1]
// tableElement 删除data-path-id }, 1000)
tableElement.removeAttribute('data-path-id')
tableElement.removeAttribute('data-path-type')
} }
}, },
'是否撤销当前识别内容?', '是否撤销当前识别内容?',
@@ -283,9 +289,6 @@ export default {
// 循环按钮配置,动态生成按钮并绑定点击事件 // 循环按钮配置,动态生成按钮并绑定点击事件
for (let i = 0; i < buttons.length; i++) { for (let i = 0; i < buttons.length; i++) {
if (buttons[i].name === 'refresh' && !pathId && contenteditable === 'false') {
break
}
const icon = document.createElement('i') const icon = document.createElement('i')
const button = document.createElement('button') const button = document.createElement('button')
icon.className = `${buttons[i].icon} public-icon` icon.className = `${buttons[i].icon} public-icon`
@@ -485,16 +488,13 @@ ${text}`
} }
}) })
} }
// pre = JSON.stringify(pre)
// let copyMdHtml = md.render(pre)
// 给 copyMdHtml 里面的table 增加 class m-view // 给 copyMdHtml 里面的table 增加 class m-view
// copyMdHtml = copyMdHtml.re // copyMdHtml = copyMdHtml.re
this.markdownHtml = md.render(pre.replace(/class="m-view"/g, '').replace(/ebiz-code/g, 'view-code')) this.markdownHtml = md.render(pre.replace(/class="m-view"/g, '').replace(/ebiz-code/g, 'view-code'))
setTimeout(() => { setTimeout(() => {
this.changePage(this.page, evt) this.changePage(this.page, evt)
}, 1000) }, 100)
}, },
// 初始md 文档 // 初始md 文档
async getPDFDetailMarkDown(responseText) { async getPDFDetailMarkDown(responseText) {

View File

@@ -52,7 +52,7 @@ export default {
name: 'create', name: 'create',
data() { data() {
return { return {
visible: false, visible: true,
active: 0, active: 0,
documentId: '1363864715567140864' documentId: '1363864715567140864'
} }