From f4a3ac8e18d489783e3490a78c7e126fc0a3739c Mon Sep 17 00:00:00 2001
From: xuxingjun <xu.xingjun@ebiz-digits.com>
Date: Mon, 30 Dec 2024 09:17:35 +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=9521?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                          |  5 +++++
 package.json                               |  1 +
 src/views/ebiz/generateImg/generateImg.vue | 26 ++++++++++++++++++----
 3 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 74f49b667..8463ece8b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6896,6 +6896,11 @@
         }
       }
     },
+    "file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA=="
+    },
     "file-uri-to-path": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
diff --git a/package.json b/package.json
index 2f6c06a75..82186b33a 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "crypto-js": "^4.1.1",
     "echarts": "^4.2.1",
     "fastclick": "^1.0.6",
+    "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "js-base64": "^2.5.1",
     "js-md5": "^0.7.3",
diff --git a/src/views/ebiz/generateImg/generateImg.vue b/src/views/ebiz/generateImg/generateImg.vue
index 75c4364ca..4156e8644 100644
--- a/src/views/ebiz/generateImg/generateImg.vue
+++ b/src/views/ebiz/generateImg/generateImg.vue
@@ -17,7 +17,7 @@
       <!-- <van-button square type="default" :disabled="shareJin" size="large" @click="shareImg" v-no-more-click="1000"> 分享 </van-button> -->
       <!-- <van-button square type="danger" :disabled="downLoadJin" size="large" @click="downLoadImagesFunc" v-no-more-click="1000"> 下载 </van-button> --> 
       <button class="shareImg"  @click="fenxiang()" v-no-more-click="1000"> 分享 </button>
-      <button class="downLoad"  @click="domToImage()" v-no-more-click="1000"> 下载 </button>
+      <button class="downLoad"  @click="saveImg()" v-no-more-click="1000"> 下载 </button>
     </div>
     <div class="close" @click="close()">
       <van-icon name="cross" size="38" color="#fff" />
@@ -27,6 +27,7 @@
 
 <script>
 import html2canvas from 'html2canvas'
+import { saveAs } from 'file-saver'
 import { base64Excel } from '@/api/ebiz/nbs'
 export default {
   name: 'generateImg',
@@ -53,11 +54,9 @@ export default {
     if(this.isIOS) {
       document.getElementsByClassName('box').style.top = '38%'
     }
-    console.log('xing',this.$refs.xingdownLoad);
   },
   mounted() {
     this.getList()
-    console.log('xing',this.$refs.xingdownLoad);
   },
   beforeDestroy(){
     this.$refs.xingdownLoad.innerHTML = ''; // 清空内容
@@ -65,7 +64,7 @@ export default {
   methods: {
     getList() {
       this.orderList = JSON.parse(localStorage.getItem('orderList'))
-      console.log('页面数据',this.orderList);
+      // console.log('页面数据',this.orderList);
     },
     // 将 Blob转base64
     blobToBase64(blob) {
@@ -216,6 +215,25 @@ export default {
           return false
       }, 500);
     },
+
+    saveImg() {
+      const content = this.$refs.xingdownLoad // 要下载成图片的dom
+      if (!content) {
+        return
+      }
+      html2canvas(content, {
+        scale: 2, // 放大倍数，支持小数，可以控制清晰度
+        letterRendering: true,
+        backgroundColor: '#fff',
+        height: content.clientHeight, // 要转化为图片下载的dom 高度
+        width: content.clientWidth,
+      }).then((canvas) => {
+        canvas.toBlob(blob => {
+          saveAs(blob, `业绩贺报.png`)
+        }, 'image/png')
+        this.$toast('下载成功');
+      })
+    },
     close() {
       this.$refs.xingdownLoad.innerHTML = ''; // 清空内容
       setTimeout(() => {