打印启动单图片路径优化

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