From cb44faa9ca7261761cb04f5b72ca2271443031ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= Date: Thu, 15 May 2025 16:43:42 +0800 Subject: [PATCH] =?UTF-8?q?feat(RenderMinerU):=20=E6=B7=BB=E5=8A=A0=20PDF?= =?UTF-8?q?=20=E6=96=87=E4=BB=B6=E9=A1=B5=E9=9D=A2=E5=88=87=E6=8D=A2?= =?UTF-8?q?=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 在 PDF 预览页面添加了页码切换组件 - 实现了通过输入框和左右箭头进行页面切换 - 优化了页面滚动逻辑，确保切换到指定页面 - 调整了页面样式，增加了页码显示和边框 --- src/assets/sass/renderSass/input.scss | 3 + src/components/RenderMinerU/index.vue | 110 +++++++++++++++--- .../detail/components/words/AddRule.vue | 2 +- .../knowledge/detail/reviewKnowledge.vue | 2 +- 4 files changed, 101 insertions(+), 16 deletions(-) diff --git a/src/assets/sass/renderSass/input.scss b/src/assets/sass/renderSass/input.scss index 44dbc1c..c94e02f 100644 --- a/src/assets/sass/renderSass/input.scss +++ b/src/assets/sass/renderSass/input.scss @@ -346,3 +346,6 @@ color: $--color-primary; } } +.el-input__inner { + height: 100%; +} diff --git a/src/components/RenderMinerU/index.vue b/src/components/RenderMinerU/index.vue index f22906a..9a293cd 100644 --- a/src/components/RenderMinerU/index.vue +++ b/src/components/RenderMinerU/index.vue @@ -69,11 +69,36 @@ element-loading-text="正在识别中..." >
+
+
+ + + + / {{ mdJsons.length }} + + > +
+
@@ -122,6 +147,7 @@ export default { name: 'index', data() { return { + copyValue: 1, mdJsons: {}, finishenEnd: false, fileName: '', @@ -278,8 +304,6 @@ export default { page: { handler(newVal, oldVal) { if (newVal) { - // this.changePage(newVal, this.tab) - this.getPDFDetailMarkDown() } } @@ -314,19 +338,77 @@ export default { }, //changePage // 分页发生改变时 - changePage(page) { - let documentId = document.getElementById(`view-code-${page - 1}`) - let viewBody = document.getElementById('viewBody') - if (this.tab === '1') { - documentId = document.getElementById(`ebiz-code-${page - 1}`) - viewBody = document.getElementById('md-editor') + changePage(type) { + // if (this.page <= 0 || this.page >= this.mdJsons.length) { + // return false + // } + // + // switch (type) { + // case 'down': + // this.page -= 1 + // break + // case 'up': + // this.page += 1 + // break + // }, + // + // let documentId = document.getElementById(`view-code-${page - 1}`) + // let viewBody = document.getElementById('viewBody') + // if (this.tab === '1') { + // documentId = document.getElementById(`ebiz-code-${page - 1}`) + // viewBody = document.getElementById('md-editor') + // } + // if (documentId) { + // viewBody.scrollTo({ + // top: documentId.offsetTop - 130, + // behavior: 'smooth' + // }) + // } + }, + changePageDown(type) { + if (this.page <= 0) { + return false } - if (documentId) { - viewBody.scrollTo({ - top: documentId.offsetTop - 130, - behavior: 'smooth' - }) + + switch (type) { + case 'down': + this.page -= 1 + break + case 'up': + this.page += 1 + break } + this.copyValue = this.page + }, + + blursChange(e) { + if (!e.target.value.trim()) { + this.copyValue = this.page + } + if (e.target.value < 0) { + this.copyValue = this.page + } + if (e.target.value > this.mdJsons.length) { + this.copyValue = this.page + } + this.page = this.copyValue + }, + + changePageUp(type) { + if (this.page >= this.mdJsons.length) { + return false + } + + switch (type) { + case 'down': + this.page -= 1 + break + case 'up': + this.page += 1 + break + } + + this.copyValue = this.page }, //重新识别表格 retryMinerImage(chooseItem, loading, tableElement) { diff --git a/src/views/knowledge/detail/components/words/AddRule.vue b/src/views/knowledge/detail/components/words/AddRule.vue index 3a82ace..d08000d 100644 --- a/src/views/knowledge/detail/components/words/AddRule.vue +++ b/src/views/knowledge/detail/components/words/AddRule.vue @@ -76,7 +76,7 @@ :key="index" >
- 拆分规则 {{ index + 1 }} + 题词规则 {{ index + 1 }}