From 1e4ad6b24eedae295be5d5e3a32414abc3f7e343 Mon Sep 17 00:00:00 2001
From: miaojiale <1123971748@qq.com>
Date: Fri, 12 May 2023 17:32:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9pdf?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home/PdfDialog/index.vue | 14 +++++++++++---
 src/views/Home/PdfView/index.vue   |  9 +++++++--
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/views/Home/PdfDialog/index.vue b/src/views/Home/PdfDialog/index.vue
index b9ec78b..0eb2f96 100644
--- a/src/views/Home/PdfDialog/index.vue
+++ b/src/views/Home/PdfDialog/index.vue
@@ -3,6 +3,7 @@
     <el-dialog
       custom-class="pdfDialog"
       :title="''"
+      :width="dWidth + 'px'"
       :visible.sync="showPdf"
       :close-on-click-modal="true"
       :close-on-press-escape="false"
@@ -14,7 +15,7 @@
         <div class="title">{{ curPdf.articleTitle }}</div>
         <div class="refuteList">
           <!-- <pdf :src="pdfSrc"></pdf> -->
-          <pdf-view ref="pdfView" :pdfUrl="pdfSrc"></pdf-view>
+          <pdf-view ref="pdfView" :pdfUrl="pdfSrc" @scale="setScale"></pdf-view>
         </div>
       </div>
     </el-dialog>
@@ -33,8 +34,16 @@ export default {
   data() {
     return {
       showPdf: false,
+      width: 750,
+      dWidth: 750,
     }
   },
+  methods: {
+    setScale(val) {
+      console.log(val)
+      this.dWidth = this.width * (val / 100)
+    },
+  },
   watch: {
     showPdf(v) {
       if (v) {
@@ -66,8 +75,7 @@ export default {
 </style>
 <style lang="scss">
 .pdfDialog {
-  width: 750px;
-  max-height: 858px;
+  max-height: 958px;
   .el-dialog__header {
     // display: none;
     padding: 0px !important;
diff --git a/src/views/Home/PdfView/index.vue b/src/views/Home/PdfView/index.vue
index c6ea396..6c286b2 100644
--- a/src/views/Home/PdfView/index.vue
+++ b/src/views/Home/PdfView/index.vue
@@ -104,8 +104,12 @@ export default {
 
     //放大
     scaleD() {
+      if (this.scale == 120) {
+        return
+      }
       this.scale += 5
       this.$refs.pdf.$el.style.width = parseInt(this.scale) + "%"
+      this.$emit("scale", this.scale)
     },
 
     //缩小
@@ -115,8 +119,9 @@ export default {
         return
       }
       this.scale += -5
-      console.log(parseInt(this.scale) + "%")
+      // console.log(parseInt(this.scale) + "%")
       this.$refs.pdf.$el.style.width = parseInt(this.scale) + "%"
+      this.$emit("scale", this.scale)
     },
     // 切换上一页
     prePage() {
@@ -190,7 +195,7 @@ export default {
   .show {
     overflow: auto;
     margin: auto;
-    max-width: 790px;
+    // max-width: 790px;
     max-height: 660px;
   }
   .pdf_footer {
-- 
2.22.0