From c32810387d19d2f073fd9f9945bd3dc42cdffa8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Fri, 16 May 2025 09:23:24 +0800
Subject: [PATCH] =?UTF-8?q?refactor(RenderMinerU):=E4=BC=98=E5=8C=96=20PDF?=
 =?UTF-8?q?=20=E6=B8=B2=E6=9F=93=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了 input.scss 中的冗余样式
- 重构了 RenderMinerU 组件，提高了代码可维护性
- 增加了对非 PDF 文件的隐藏逻辑
- 优化了 PDF预览的用户界面
---
 src/assets/sass/renderSass/input.scss |  3 --
 src/components/RenderMinerU/index.vue | 45 ++++++++++++++++++++-------
 2 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/src/assets/sass/renderSass/input.scss b/src/assets/sass/renderSass/input.scss
index c94e02f..44dbc1c 100644
--- a/src/assets/sass/renderSass/input.scss
+++ b/src/assets/sass/renderSass/input.scss
@@ -346,6 +346,3 @@
     color: $--color-primary;
   }
 }
-.el-input__inner {
-  height: 100%;
-}
diff --git a/src/components/RenderMinerU/index.vue b/src/components/RenderMinerU/index.vue
index 9a293cd..50f55a8 100644
--- a/src/components/RenderMinerU/index.vue
+++ b/src/components/RenderMinerU/index.vue
@@ -1,11 +1,12 @@
 <template>
   <div style="height: 100%;">
     <div class="flex align-items-c justify-content-b mb10">
-      <div class="fileName flex align-items-c">
+      <div class="fileName flex align-items-c ">
         <svg-icon
           icon-class="pdf"
           style="width: 20px;height: 20px"
           class-name="mr10"
+          v-if='showPdf'
         />
         {{ fileName }}
       </div>
@@ -52,7 +53,7 @@
       element-loading-text="读取文档中..."
     >
       <iframe
-        v-if="isShowPdf"
+        v-if="showPdf"
         id="iframe"
         ref="iframe"
         :src="
@@ -70,22 +71,21 @@
       >
         <div class="el-card ebiz-pdf" style="height: 100%;overflow: hidden">
           <div style="height: 47px;width: 100%;text-align: center;">
-            <div
-              class="flex align-items-c justify-content-c"
-              style="margin-top: 11px;border-bottom: 1px solid #EBEEF5;padding-bottom: 10px;gap: 10px"
-            >
+            <div class="flex align-items-c justify-content-c miner-navbar fs14">
               <el-icon
                 class="el-icon-caret-left cursor-pointer"
                 @click.native="changePageDown('down')"
               >
               </el-icon>
-              <el-input
-                style="height: 23px;width: 50px;text-align: center"
+              <input
+                style="width: 50px;text-align: center"
                 v-model="copyValue"
                 :min="0"
+                class="fs13 miner-input el-input"
                 @blur="blursChange"
-              ></el-input>
-              <span class="ml5">/ {{ mdJsons.length }}</span>
+              ></input>
+              <span class="mh5">/ </span>
+              <span>{{ mdJsons.length }}</span>
               <el-icon
                 class="el-icon-caret-right cursor-pointer"
                 @click.native="changePageUp('up')"
@@ -151,6 +151,7 @@ export default {
       mdJsons: {},
       finishenEnd: false,
       fileName: '',
+      showPdf:true,
       recordId: '', //pdf 记录的id
       endEmit: false,
       tab: '0',
@@ -662,7 +663,9 @@ export default {
           JSON.parse(JSON.stringify(res.content.content.pdf_info))
         )
         // this.$refs.iframe 重新刷新iframe
-        this.$refs.iframe.contentWindow.location.reload()
+        if( this.$refs.iframe){
+          this.$refs.iframe.contentWindow.location.reload()
+        }
 
         this.getPDFDetailMarkDown()
       })
@@ -809,6 +812,11 @@ export default {
         if (res) {
           this.mdPges = res.content.content.pages
           this.fileName = res.content.content.name
+
+          // 隐藏非pdf文件
+          this.showPdf = this.fileName.indexOf('.pdf') > 0;
+
+
           this.recordId = res.content.content.recordId
           switch (res.content.content.status) {
             case 0:
@@ -923,6 +931,21 @@ export default {
 }
 </script>
 <style scoped lang="scss">
+.miner-navbar {
+  margin-top: 11px;
+  border-bottom: 1px solid #ebeef5;
+  padding-bottom: 10px;
+  gap: 5px;
+  & .miner-input {
+    height: 20px ;
+    line-height: 20px;
+    border: 1px solid #BBBBBC;
+    outline:none;
+    border-radius: 2px;
+
+  }
+}
+
 .lineHeight25 {
   line-height: 25px;
 }