diff --git a/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/startprint.vue b/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/startprint.vue index 6d802efb..206adfdc 100644 --- a/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/startprint.vue +++ b/mes-ui/mes-ui-admin-vue3/src/views/heli/projectorder/startprint.vue @@ -170,6 +170,9 @@ import { betweenDay, dateFormatter, formatDate } from '@/utils/formatTime' import { Check } from '@element-plus/icons-vue' import { getCustomer } from '@/api/heli/customer' import { getOperateLogPage } from '@/api/system/operatelog' +import urlimg from '@/assets/imgs/exlogo.png' +const logoDataUrl = ref('') // 存储Logo的Base64编码数据URL + const dialogVisible = ref(false) // 弹窗的是否展示 const onPrint = () => { @@ -314,6 +317,20 @@ const formData = ref({ }) /** 打开弹窗 */ const open = async (id: number) => { + //图片处理 + // 在组件挂载后,将Logo图片转换为Base64编码数据URL + const logoImage = new Image() + logoImage.src = urlimg // 替换为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 + } + dialogVisible.value = true resetForm() formData.value = await ProjectOrderApi.getProjectOrder(id) @@ -390,22 +407,7 @@ const resetForm = () => { } } - -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(() => {})