From 4b7ab5acfc20ae513bd5fac60834c81b03ab0644 Mon Sep 17 00:00:00 2001
From: xuxingjun <xu.xingjun@ebiz-digits.com>
Date: Wed, 25 Dec 2024 18:00:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E8=B4=BA=E6=8A=A5=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD=E7=9A=84=E6=96=B9=E6=B3=9510?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ebiz/billingDetail/billingDetail.vue |  5 +++--
 src/views/ebiz/generateImg/generateImg.vue     | 16 ++++++++++++----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/views/ebiz/billingDetail/billingDetail.vue b/src/views/ebiz/billingDetail/billingDetail.vue
index 1ca37d31c..de3346bd4 100644
--- a/src/views/ebiz/billingDetail/billingDetail.vue
+++ b/src/views/ebiz/billingDetail/billingDetail.vue
@@ -255,11 +255,12 @@
         @cancel="cancelChange"
       />
     </van-popup>
-    <div class="hebao" v-if="hebaoShow">
+    <!-- <div class="hebao" > -->
       <generateImg
+        v-if="hebaoShow"
         @child-colse="closeHebao"
       ></generateImg>
-    </div>
+    <!-- </div> -->
     <van-popup v-model="xiangqingShow" position="right" :style="{ width: '100%', height: '100%' }">
       <policyDetails
         v-if="xiangqingShow"
diff --git a/src/views/ebiz/generateImg/generateImg.vue b/src/views/ebiz/generateImg/generateImg.vue
index 632d55ac1..d89a79954 100644
--- a/src/views/ebiz/generateImg/generateImg.vue
+++ b/src/views/ebiz/generateImg/generateImg.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="contents">
     <div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
       <img src="@/assets/images/list_img.png" alt="" />
       <div class="box">
@@ -182,9 +182,9 @@ export default {
               console.log(2222);
 
               // 使用 html2canvas 捕获图像，并等待其完成
-              const canvas = await html2canvas(this.$refs.generateImg, {
-                  width: this.$refs.generateImg.offsetWidth,
-                  height: this.$refs.generateImg.offsetHeight,
+              const canvas = await html2canvas(domElement, {
+                  width: domElement.offsetWidth,
+                  height: domElement.offsetHeight,
                   backgroundColor: '#fff',
                   scale: 1,
                   dpi: 300
@@ -255,6 +255,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.contents {
+  width: 100%;
+  height: 100vh;
+  background-color: #fff;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
 img {
   height: 100%;
   width: 100%;