更换贺报下载的方法18

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="mackscreenShot()" v-no-more-click="1000"> 下载 </button>
     </div>
     <div class="close" @click="close()">
       <van-icon name="cross" size="38" color="#fff" />
@@ -198,6 +198,17 @@ export default {
       }, 500);
 
 
+    },
+    mackscreenShot(){
+        console.log('aaa')
+         const target=document.getElementById('capture');
+         html2canvas(target).then(canvas=>{
+            const img=canvas.toDataURL('image/png');
+            const a=document.createElement('a')
+            a.href=img;
+            a.download='业绩贺报.png'
+            a.click();
+         })
     },
     close() {
       console.log('xing',this.$refs.xingdownLoad);