解决打印 图片bug

mes-ui/mes-ui-admin-vue3/src/views/heli/deliverorder/shipmentsPrint.vue

@@ -8,7 +8,7 @@
           <tr>
             <td colspan="10">
               <div style="display: flex; align-items: center; justify-content: space-between">
-                <img src="/src/assets/imgs/exlogo.png" style="width: 100px" alt="" />
+                <img :src="logoDataUrl" style="width: 100px" alt="" />
                 <span style="font-size: 20px; font-weight: 700">发货单</span>
                 <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
               </div>
@@ -555,6 +555,23 @@ const open = async (id: number) => {
   }
 }
 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图片路径
+})
 </script>
 
 <style scoped lang="scss">