优化 打印logo

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(() => {})
 </script>
 
 <style scoped lang="scss">