From 509016c3a2ec5a50fe140c136ed68e13e63282a2 Mon Sep 17 00:00:00 2001
From: zuozhengqing <a13193816592@163.com>
Date: 星期五, 01 十二月 2023 10:16:50 +0800
Subject: [PATCH] 出入库明细单打印，调整canvas重绘宽度比例
---
src/views/overview/AddOverviewDialog.vue | 2 +-
src/views/overview/previewExcel.vue | 22 +++++++++++++++++++++-
2 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/src/views/overview/AddOverviewDialog.vue b/src/views/overview/AddOverviewDialog.vue
index 9845bf6..a9180cc 100644
--- a/src/views/overview/AddOverviewDialog.vue
+++ b/src/views/overview/AddOverviewDialog.vue
@@ -912,7 +912,7 @@
params:{
url:res.data,
baseOperationType:this.editConfig.infomation.baseOperationType||undefined,
- cutAfterWidth:this.editConfig.infomation.baseOperationType===2?370:325
+ cutAfterWidth:this.editConfig.infomation.baseOperationType===2 ? 50.8 : 53.3
}
})
}
diff --git a/src/views/overview/previewExcel.vue b/src/views/overview/previewExcel.vue
index ab9ff1e..4590fe9 100644
--- a/src/views/overview/previewExcel.vue
+++ b/src/views/overview/previewExcel.vue
@@ -1,5 +1,11 @@
<template>
<div>
+
+ <button @click="cropAndDownload">鎴彇鍥剧墖</button>
+ <!-- 鏄剧ず瑁佸壀鍚庣殑鍥剧墖 -->
+ <div style="width: 800px;">
+ <img style="width: 100%;" id="export-pdf" v-if="croppedImage" :src="croppedImage" alt="Cropped Image" />
+ </div>
<div ref="elementToCrop" >
<div style="width: 100%;">
<vue-office-excel :minRowLength="0" :src="excel" @rendered="rendered"/>
@@ -21,6 +27,8 @@
return {
excel: '',//excel鏂囨。鍦板潃
cutAfterWidth:this.$route.params.cutAfterWidth,//瑁佸壀鍚庤鍑忓幓鐨勫
+ // cutAfterWidth:0,
+ croppedImage: null, // 鍥剧墖
};
},
computed: {
@@ -55,7 +63,9 @@
canvas,
50, // 寮�濮嬭鍓殑宸︿晶浣嶇疆
20, // 寮�濮嬭鍓殑涓婁晶浣嶇疆
- croppedCanvas.width-this.cutAfterWidth, // 瑁佸壀鍚庣殑瀹藉害
+ croppedCanvas.width=croppedCanvas.width/100*this.cutAfterWidth,
+ // croppedCanvas.width-=croppedCanvas.width/100*46.7, // 瑁佸壀鍚庣殑瀹藉害 鍏ュ簱鍗曚繚鐣欏師鍥惧搴�53.3%
+ // croppedCanvas.width-=croppedCanvas.width/100*49.2, // 瑁佸壀鍚庣殑瀹藉害 鍑哄簱鍗曚繚鐣欏師鍥惧搴�50.8%
croppedCanvas.height-300, // 瑁佸壀鍚庣殑楂樺害
0, // 鏂癈anvas涓粯鍒剁殑宸︿晶浣嶇疆
0, // 鏂癈anvas涓粯鍒剁殑涓婁晶浣嶇疆
@@ -81,9 +91,19 @@
const scaledHeight = canvas.height * scale;
// 灏哻anvas鍏冪礌杞崲涓簆ng锛屾彃鍏ュ埌PDF鏂囨。涓�
pdf.addImage(croppedImage, "PNG",0,0,scaledWidth,scaledHeight);
+
+ // 锛堝彲閫夛級浣犱篃鍙互灏嗚鍓悗鐨勫浘鐗囦繚瀛樹负鏂囦欢
+ // this.saveCroppedImageToFile(croppedImage);
// 淇濆瓨PDF鏂囨。
pdf.save("export.pdf");
},
+ // 锛堝彲閫夛級淇濆瓨瑁佸壀鍚庣殑鍥剧墖涓烘枃浠�
+ saveCroppedImageToFile(dataUrl) {
+ const link = document.createElement("a");
+ link.href = dataUrl;
+ link.download = "cropped_image.png";
+ link.click();
+ },
},
components: {
VueOfficeExcel,
--
Gitblit v1.8.0