diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/deliverorder/shipmentsPrint.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/deliverorder/shipmentsPrint.vue index 63b5e76f..cb0aa4d2 100644 --- a/mes-ui/mes-ui-admin-vue3/src/views/heli/deliverorder/shipmentsPrint.vue +++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/deliverorder/shipmentsPrint.vue @@ -477,7 +477,7 @@ const queryParams: any = ref({ const formLoading = ref(false) -const formData = ref({ +const formData: any = ref({ id: undefined, code: undefined, saleOrderIds: undefined, @@ -515,6 +515,8 @@ const formData = ref({ const subTotalAmount = ref(0) const splitThreshold = 5 +const logoDataUrl = ref('') // 存储Logo的Base64编码数据URL + /** 打开弹窗 */ const open = async (id: number) => { @@ -550,28 +552,29 @@ const open = async (id: number) => { } else { formData.value.deliverOrderSubs = subArr } + + //图片 + // 在组件挂载后,将Logo图片转换为Base64编码数据URL + const logoImage = new Image() + logoImage.src = '/src/assets/imgs/exlogo.png' // 替换为Logo图片路径 + + logoImage.onload = () => { + const canvas = document.createElement('canvas') + canvas.width = logoImage.width + canvas.height = logoImage.height + const context = canvas.getContext('2d') + context.drawImage(logoImage, 0, 0) + const base64String = canvas.toDataURL('image/png') + logoDataUrl.value = base64String + console.log(logoDataUrl.value) + } } finally { formLoading.value = false } } defineExpose({ open }) // 提供 open 方法,用于打开弹窗 - -const logoDataUrl = ref('') // 存储Logo的Base64编码数据URL -onMounted(() => { - // 在组件挂载后,将Logo图片转换为Base64编码数据URL - const logoImage = new Image() - logoImage.onload = () => { - const canvas = document.createElement('canvas') - canvas.width = logoImage.width - canvas.height = logoImage.height - const context = canvas.getContext('2d') - context.drawImage(logoImage, 0, 0) - const base64String = canvas.toDataURL('image/png') - logoDataUrl.value = base64String - } - logoImage.src = '/src/assets/imgs/exlogo.png' // 替换为Logo图片路径 -}) +onMounted(() => {})