From b1bacdf86cb7124f23c41b75ac3a5eac3c092cd1 Mon Sep 17 00:00:00 2001
From: hongchao <3228015117@qq.com>
Date: Wed, 25 Dec 2024 14:07:52 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E7=AB=A0bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/material/lease/outBound/index.vue | 48 ++++++++-------------
 1 file changed, 19 insertions(+), 29 deletions(-)

diff --git a/src/views/material/lease/outBound/index.vue b/src/views/material/lease/outBound/index.vue
index 0c351a99..d3019454 100644
--- a/src/views/material/lease/outBound/index.vue
+++ b/src/views/material/lease/outBound/index.vue
@@ -1191,40 +1191,19 @@ export default {
     printCheck() {
       // 获取打印内容的容器
       const printContent = this.$refs.remarksPrintRefCheck.$el;
-
-      // 获取公章canvas元素
-      const canvas = document.getElementById('canvas');
-      // 将canvas转换为图像
-      const imgData = canvas.toDataURL('image/png');
-      // 创建一个新的图像元素
-      const img = new Image();
-      img.src = imgData;
-
-      // 等待图像加载完成
-      img.onload = () => {
-        console.log('Image loaded:', img);
-        // 将图像插入到打印内容中
-        img.style.display = 'block'; // 确保图像可见
-        img.style.zIndex = '9999'; // 确保图像在最上层
-        // 将图像插入到打印内容中
-        printContent.appendChild(img);
-        console.log('content:', printContent.innerHTML);
-        // 调用打印方法
-        setTimeout(() => {
-          this.$refs.remarksPrintRefCheck.print({
-          // 自定义打印内容
-          content: printContent.innerHTML
-          });
-      }, 1000);
-
-
-        // 打印完成后移除图像
+      // 添加一个类来隐藏页面其他部分
+      document.body.classList.add('printing');
+      // 调用打印方法
+      window.print();
+      // 打印完成后移除类并移除图像
+      window.onafterprint = () => {
+        document.body.classList.remove('printing');
         printContent.removeChild(img);
       };
     },
     
     //领料单打印
-    print() {
+        print() {
       this.$refs.remarksPrintRef.print();
     },
 
@@ -1298,4 +1277,15 @@ export default {
   width: 70px !important;
   margin-bottom: 10px;
 }
+@media print {
+  body.printing {
+    visibility: hidden;
+  }
+  body.printing .el-dialog {
+    visibility: visible;
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+}
 </style>