diff --git a/src/views/erp/purchase/in/PurchaseInForm.vue b/src/views/erp/purchase/in/PurchaseInForm.vue index ef258a2..90321c6 100644 --- a/src/views/erp/purchase/in/PurchaseInForm.vue +++ b/src/views/erp/purchase/in/PurchaseInForm.vue @@ -71,6 +71,9 @@ @@ -292,6 +295,166 @@ const resetForm = () => { } formRef.value?.resetFields() } + + +/** 打印当前页面数据 */ +const handlePrint = () => { + // 获取供应商名称 + const supplier = supplierList.value.find((item) => item.id === formData.value.supplierId) + const supplierName = supplier ? supplier.name : '' + // 获取结算账户名称 + const account = accountList.value.find((item) => item.id === formData.value.accountId) + const accountName = account ? account.name : '' + // 格式化入库时间 + const inTime = formData.value.inTime + ? new Date(formData.value.inTime).toLocaleDateString('zh-CN') + : '' + + // 构建产品清单表格 + let itemsTableHtml = '' + if (formData.value.items && formData.value.items.length > 0) { + // 计算合计 + const totalCount = formData.value.items.reduce((sum, item) => sum + (item.count || 0), 0) + const totalProductPrice = formData.value.items.reduce((sum, item) => sum + (item.totalProductPrice || 0), 0) + const totalTaxPrice = formData.value.items.reduce((sum, item) => sum + (item.taxPrice || 0), 0) + const totalPriceSum = formData.value.items.reduce((sum, item) => sum + (item.totalPrice || 0), 0) + + itemsTableHtml = ` + + + + + + + + + + + + + + + + + + + + ${formData.value.items + .map( + (item, index) => ` + + + + + + + + + + + + + + + + ` + ) + .join('')} + + + + + + + + + + + + + + + + + + +
序号产品名称产品分类库存条码单位数量产品单价金额税率(%)税额税额合计备注
${index + 1}${item.productName || ''}${item.productCategoryName || ''}${item.stockCount || 0}${item.productBarCode || ''}${item.productUnitName || ''}${item.count || 0}${item.productPrice || 0}${item.totalProductPrice || 0}${item.taxPercent || 0}${item.taxPrice || 0}${item.totalPrice || 0}${item.remark || ''}
合计${totalCount}${totalProductPrice}${totalTaxPrice}${totalPriceSum}
+ ` + } + + // 构建打印内容 + const printContent = ` + + + 采购入库单打印 + + + +

采购入库单

+
+
入库单号:${formData.value.no || '(保存后生成)'}
+
入库时间:${inTime}
+
关联订单:${formData.value.orderNo || ''}
+
供应商:${supplierName}
+
结算账户:${accountName}
+
+
+
备注:${formData.value.remark || ''}
+
+
入库产品清单
+ ${itemsTableHtml} +
+
优惠率(%):${formData.value.discountPercent || 0}
+
付款优惠:${formData.value.discountPrice || 0}
+
优惠后金额:${(formData.value.totalPrice || 0) - (formData.value.otherPrice || 0)}
+
其它费用:${formData.value.otherPrice || 0}
+
应付金额:${formData.value.totalPrice || 0}
+
+ + + ` + + // 使用iframe打印，避免被浏览器拦截 + const iframe = document.createElement('iframe') + iframe.style.position = 'absolute' + iframe.style.width = '0' + iframe.style.height = '0' + iframe.style.border = 'none' + iframe.style.left = '-9999px' + document.body.appendChild(iframe) + + const iframeDoc = iframe.contentWindow?.document + if (iframeDoc) { + iframeDoc.open() + iframeDoc.write(printContent) + iframeDoc.close() + + // 等待内容加载完成后打印 + iframe.contentWindow?.focus() + setTimeout(() => { + iframe.contentWindow?.print() + // 打印完成后移除iframe + setTimeout(() => { + document.body.removeChild(iframe) + }, 1000) + }, 250) + } +} + + + + +

采购订单

+
+
订单单号:${formData.value.no || '(保存后生成)'}
+
订单时间:${orderTime}
+
关联请购单:${formData.value.purchaseRequisitionNo || ''}
+
供应商:${supplierName}
+
结算账户:${accountName}
+
支付订金:${formData.value.depositPrice || 0}
+
+
+
备注:${formData.value.remark || ''}
+
+
订单产品清单
+ ${itemsTableHtml} +
+
优惠率(%):${formData.value.discountPercent || 0}
+
付款优惠:${formData.value.discountPrice || 0}
+
优惠后金额:${formData.value.totalPrice || 0}
+
+ + + ` + + // 使用iframe打印，避免被浏览器拦截 + const iframe = document.createElement('iframe') + iframe.style.position = 'absolute' + iframe.style.width = '0' + iframe.style.height = '0' + iframe.style.border = 'none' + iframe.style.left = '-9999px' + document.body.appendChild(iframe) + + const iframeDoc = iframe.contentWindow?.document + if (iframeDoc) { + iframeDoc.open() + iframeDoc.write(printContent) + iframeDoc.close() + + // 等待内容加载完成后打印 + iframe.contentWindow?.focus() + setTimeout(() => { + iframe.contentWindow?.print() + // 打印完成后移除iframe + setTimeout(() => { + document.body.removeChild(iframe) + }, 1000) + }, 250) + } +} + + + + +

销售订单

+
+
订单单号:${formData.value.no || '(保存后生成)'}
+
订单时间:${orderTime}
+
客户:${customerName}
+
销售人员:${saleUserName}
+
结算账户:${accountName}
+
收取订金:${formData.value.depositPrice || 0}
+
+
+
备注:${formData.value.remark || ''}
+
+
订单产品清单
+ ${itemsTableHtml} +
+
优惠率(%):${formData.value.discountPercent || 0}
+
收款优惠:${formData.value.discountPrice || 0}
+
优惠后金额:${formData.value.totalPrice || 0}
+
+ + + ` + + // 使用iframe打印，避免被浏览器拦截 + const iframe = document.createElement('iframe') + iframe.style.position = 'absolute' + iframe.style.width = '0' + iframe.style.height = '0' + iframe.style.border = 'none' + iframe.style.left = '-9999px' + document.body.appendChild(iframe) + + const iframeDoc = iframe.contentWindow?.document + if (iframeDoc) { + iframeDoc.open() + iframeDoc.write(printContent) + iframeDoc.close() + + // 等待内容加载完成后打印 + iframe.contentWindow?.focus() + setTimeout(() => { + iframe.contentWindow?.print() + // 打印完成后移除iframe + setTimeout(() => { + document.body.removeChild(iframe) + }, 1000) + }, 250) + } +} + + +

销售出库单

+
+
出库单号:${formData.value.no || '(保存后生成)'}
+
出库时间:${outTime}
+
关联订单:${formData.value.orderNo || ''}
+
客户:${customerName}
+
销售人员:${saleUserName}
+
结算账户:${accountName}
+
+
+
备注:${formData.value.remark || ''}
+
+
出库产品清单
+ ${itemsTableHtml} +
+
优惠率(%):${formData.value.discountPercent || 0}
+
收款优惠:${formData.value.discountPrice || 0}
+
优惠后金额:${(formData.value.totalPrice || 0) - (formData.value.otherPrice || 0)}
+
其它费用:${formData.value.otherPrice || 0}
+
应收金额:${formData.value.totalPrice || 0}
+
+ + + ` + + // 使用iframe打印，避免被浏览器拦截 + const iframe = document.createElement('iframe') + iframe.style.position = 'absolute' + iframe.style.width = '0' + iframe.style.height = '0' + iframe.style.border = 'none' + iframe.style.left = '-9999px' + document.body.appendChild(iframe) + + const iframeDoc = iframe.contentWindow?.document + if (iframeDoc) { + iframeDoc.open() + iframeDoc.write(printContent) + iframeDoc.close() + + // 等待内容加载完成后打印 + iframe.contentWindow?.focus() + setTimeout(() => { + iframe.contentWindow?.print() + // 打印完成后移除iframe + setTimeout(() => { + document.body.removeChild(iframe) + }, 1000) + }, 250) + } +}