From 69b2c90d8cb55ed98c500b58c4086b87ec3a7500 Mon Sep 17 00:00:00 2001 From: fengyuan_yang <1976974459@qq.com> Date: Fri, 14 Nov 2025 10:09:16 +0800 Subject: [PATCH] =?UTF-8?q?2025-11-14=20=E9=87=87=E8=B4=AD=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=E7=94=9F=E6=88=90=E6=A0=87=E7=AD=BE=E6=89=93=E5=8D=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/modules/print/PoPartPrint.vue | 293 ++++++++++++++---------- 1 file changed, 175 insertions(+), 118 deletions(-) diff --git a/src/views/modules/print/PoPartPrint.vue b/src/views/modules/print/PoPartPrint.vue index cba7e90..6a97d66 100644 --- a/src/views/modules/print/PoPartPrint.vue +++ b/src/views/modules/print/PoPartPrint.vue @@ -244,24 +244,24 @@ -
标签打印设置
- +
已选择 {{ selectionDataList.length }} 个标签，请配置打印参数
- + @@ -270,10 +270,10 @@ 打印次数 - @@ -281,16 +281,16 @@
设置每个标签的打印份数
 - + 标签模板 - - + @@ -319,9 +319,9 @@ 目标打印机 - - +
@@ -360,18 +360,18 @@
- +
- {{ printLoading ? '打印中...' : '开始打印' }} - 取消 @@ -1180,19 +1180,19 @@ export default { this.$message.error('未选择标签！'); return false; } - + // 检查主信息是否已选择 if(!this.currentRow || !this.currentRow.site){ this.$message.error('请先选择上方的检验合格单！'); return false; } - + // 获取标签模板列表 await this.getLabelTemplates(); - + // 获取打印机列表 this.getPrinterList(); - + // 打开标签打印对话框 this.printDialogData = { printTimes: 1, @@ -1201,7 +1201,7 @@ export default { }; this.printDialogVisible = true; }, - + // 获取标签模板列表 async getLabelTemplates(){ const params = { @@ -1209,7 +1209,7 @@ export default { buNo: this.currentRow.buNo, partNo: this.currentRow.partNo }; - + try { const {data} = await getPartLabelTemplateList(params); if (data && data.code === 0) { @@ -1226,7 +1226,7 @@ export default { this.$message.error('获取标签模板失败！'); } }, - + // 获取打印机列表 getPrinterList(){ try { @@ -1235,13 +1235,13 @@ export default { this.$message.error('无法连接到打印控件，请确保已安装并启动 CLodop！'); return; } - + const printerCount = LODOP.GET_PRINTER_COUNT(); this.printerList = []; for (let i = 0; i < printerCount; i++) { this.printerList.push(LODOP.GET_PRINTER_NAME(i)); } - + if(this.printerList.length > 0){ // 默认选中第一个打印机 this.printDialogData.printerName = this.printerList[0]; @@ -1251,7 +1251,7 @@ export default { this.$message.error('获取打印机列表失败！'); } }, - + // 确认打印 async confirmPrint(){ // 验证必填项 @@ -1263,13 +1263,13 @@ export default { this.$message.error('请选择打印机！'); return; } - + this.printLoading = true; - + try { // 调用存储过程获取打印参数 const printDataList = []; - + for(let i = 0; i < this.selectionDataList.length; i++){ const item = this.selectionDataList[i]; const params = { @@ -1283,24 +1283,29 @@ export default { LabelNo: this.printDialogData.labelNo, rollNo: item.rollNo }; - + const {data} = await callUspPartLabelTemplate(params); if (data && data.code === 0) { - printDataList.push(data.row); + // 确保 labelNo 字段存在（统一字段名） + const printData = { + ...data.row, + labelNo: data.row.labelNo + }; + printDataList.push(printData); } else { this.$message.error(`获取标签 ${item.rollNo} 的打印参数失败：${data.msg}`); this.printLoading = false; return; } } - + // 根据 labelNo 调用相应的打印方法 this.executePrint(printDataList); - + this.printDialogVisible = false; this.$message.success('打印任务已发送！'); this.getDetailTableList(); - + } catch (error) { console.error('打印失败:', error); this.$message.error('打印失败：' + error.message); @@ -1308,7 +1313,7 @@ export default { this.printLoading = false; } }, - + // 执行打印 executePrint(printDataList){ const LODOP = getLodop(); @@ -1316,14 +1321,20 @@ export default { this.$message.error('无法连接到打印控件！'); return; } - + + // 初始化打印任务 + LODOP.PRINT_INIT('物料标签打印'); + + // 设置打印模式，隐藏水印 + LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE", true); + // 设置打印机 LODOP.SET_PRINTER_INDEX(this.printDialogData.printerName); - + for(let times = 0; times < this.printDialogData.printTimes; times++){ for(let i = 0; i < printDataList.length; i++){ const printData = printDataList[i]; - + // 根据 labelNo 调用不同的打印方法 if(printData.labelNo === 'A001'){ this.printLabelA001(LODOP, printData, i > 0 || times > 0); @@ -1336,159 +1347,205 @@ export default { } } } - - // 打印 - LODOP.PRINT(); + + // 预览打印（避免水印） + LODOP.PREVIEW(); }, - + // A001 标签打印（70mm x 30mm）- 左边二维码，右边文字信息 printLabelA001(LODOP, printData, isNewPage){ if(isNewPage){ LODOP.NEWPAGE(); } - - // 设置纸张大小 70mm x 30mm - LODOP.SET_PRINT_PAGESIZE(1, '70mm', '30mm', ''); - - // 绘制外边框 + + // ============================================================ + // 1. 纸张设置 + // ============================================================ + // SET_PRINT_PAGESIZE(方向, 宽度, 高度, 纸张名称) + // 方向: 0=纵向, 1=横向 + // 宽度/高度: 单位为 1/10 毫米，如 700 = 70mm + LODOP.SET_PRINT_PAGESIZE(0, 700, 300, ''); + + // ============================================================ + // 2. 绘制边框和分隔线 + // ============================================================ + // ADD_PRINT_RECT(上边距, 左边距, 宽度, 高度, 边框样式, 边框粗细) + // 边框样式: 0=实线 + // 边框粗细: 单位为像素 + + // 外边框（2mm边距，66mm宽 x 26mm高） LODOP.ADD_PRINT_RECT('2mm', '2mm', '66mm', '26mm', 0, 1); - - // 绘制左右分隔线 + + // ADD_PRINT_LINE(起点Y, 起点X, 终点Y, 终点X, 线条样式, 线条粗细) + // 线条样式: 0=实线 + + // 垂直分隔线：左右分隔（从上到下） + // 参数说明：起点(2mm, 22mm) -> 终点(28mm, 22mm) LODOP.ADD_PRINT_LINE('2mm', '22mm', '28mm', '22mm', 0, 1); - - // 左侧二维码（20mm x 20mm） - const qrIndex = LODOP.ADD_PRINT_BARCODE('5mm', '3mm', '18mm', '18mm', 'QRCode', printData.rollNo || ''); + + // 水平分隔线1：编码下方 + // 参数说明：起点(8mm, 22mm) -> 终点(8mm, 68mm) + LODOP.ADD_PRINT_LINE('8mm', '22mm', '8mm', '68mm', 0, 1); + + // 水平分隔线2：型号下方 + // 参数说明：起点(13mm, 22mm) -> 终点(13mm, 68mm) + LODOP.ADD_PRINT_LINE('13mm', '22mm', '13mm', '68mm', 0, 1); + + // 水平分隔线3：数量下方 + // 参数说明：起点(18mm, 22mm) -> 终点(18mm, 68mm) + LODOP.ADD_PRINT_LINE('18mm', '22mm', '18mm', '68mm', 0, 1); + + // 水平分隔线4：批号下方 + // 参数说明：起点(23mm, 22mm) -> 终点(23mm, 68mm) + LODOP.ADD_PRINT_LINE('23mm', '22mm', '23mm', '68mm', 0, 1); + + // ============================================================ + // 3. 左侧二维码 + // ============================================================ + // ADD_PRINT_BARCODE(上边距, 左边距, 宽度, 高度, 条码类型, 条码内容) + // 二维码位置：距上7mm，距左3mm，尺寸20mm x 20mm + const qrIndex = LODOP.ADD_PRINT_BARCODE('7mm', '3mm', '20mm', '20mm', 'QRCode', printData.rollNo || ''); LODOP.SET_PRINT_STYLEA(qrIndex, "QRCodeVersion", 4); LODOP.SET_PRINT_STYLEA(qrIndex, "QRCodeErrorLevel", "M"); - - // 右侧文字信息（5行） - const startX = '23mm'; - const textWidth = '43mm'; - - // 编码 - const text1 = LODOP.ADD_PRINT_TEXT('4mm', startX, textWidth, '4mm', `编码：${printData.partCode || printData.partNo || ''}`); + + // ============================================================ + // 4. 右侧文字信息（5行） + // ============================================================ + // ADD_PRINT_TEXT(上边距, 左边距, 宽度, 高度, 文字内容) + + // 文字起始X位置（左边距）和宽度 + const startX = '23mm'; // 可调整：文字左边距，增大向右移，减小向左移 + const textWidth = '43mm'; // 可调整：文字区域宽度 + + // 编码（第1行） + // 上边距4mm：可调整，增大向下移，减小向上移 + const text1 = LODOP.ADD_PRINT_TEXT('4mm', startX, textWidth, '4mm', `编码：${printData.partNo || ''}`); LODOP.SET_PRINT_STYLEA(text1, "FontName", "Microsoft YaHei"); - LODOP.SET_PRINT_STYLEA(text1, "FontSize", 8); - - // 型号 - const text2 = LODOP.ADD_PRINT_TEXT('9mm', startX, textWidth, '4mm', `型号：${printData.partModel || ''}`); + LODOP.SET_PRINT_STYLEA(text1, "FontSize", 8); // 可调整：字体大小 + + // 型号（第2行） + // 上边距9mm：可调整 + const text2 = LODOP.ADD_PRINT_TEXT('9mm', startX, textWidth, '4mm', `型号：${printData.spec || ''}`); LODOP.SET_PRINT_STYLEA(text2, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text2, "FontSize", 8); - - // 数量 - const text3 = LODOP.ADD_PRINT_TEXT('14mm', startX, textWidth, '4mm', `数量：${printData.qty || printData.rollQty || ''}`); + + // 数量（第3行） + // 上边距14mm：可调整 + const text3 = LODOP.ADD_PRINT_TEXT('14mm', startX, textWidth, '4mm', `数量：${printData.quantity || ''}`); LODOP.SET_PRINT_STYLEA(text3, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text3, "FontSize", 8); - - // 批号 + + // 批号（第4行） + // 上边距19mm：可调整 const text4 = LODOP.ADD_PRINT_TEXT('19mm', startX, textWidth, '4mm', `批号：${printData.batchNo || ''}`); LODOP.SET_PRINT_STYLEA(text4, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text4, "FontSize", 8); - - // 日期 - const text5 = LODOP.ADD_PRINT_TEXT('24mm', startX, textWidth, '4mm', `日期：${printData.productionDate || ''}`); + + // 日期（第5行） + // 上边距24mm：可调整 + const text5 = LODOP.ADD_PRINT_TEXT('24mm', startX, textWidth, '4mm', `日期：${printData.documentDate || ''}`); LODOP.SET_PRINT_STYLEA(text5, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text5, "FontSize", 8); }, - + // A002 标签打印（70mm x 20mm）- 其他工序用 printLabelA002(LODOP, printData, isNewPage){ if(isNewPage){ LODOP.NEWPAGE(); } - - // 设置纸张大小 70mm x 20mm - LODOP.SET_PRINT_PAGESIZE(1, '70mm', '20mm', ''); - + + // 设置纸张大小 70mm x 20mm (0=纵向) + LODOP.SET_PRINT_PAGESIZE(0, 700, 200, ''); + // 绘制外边框 LODOP.ADD_PRINT_RECT('2mm', '2mm', '66mm', '16mm', 0, 1); - + // 标题 "其他工序用" const title = LODOP.ADD_PRINT_TEXT('2mm', '2mm', '66mm', '4mm', '其他工序用'); LODOP.SET_PRINT_STYLEA(title, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(title, "FontSize", 10); LODOP.SET_PRINT_STYLEA(title, "Bold", 1); LODOP.SET_PRINT_STYLEA(title, "Alignment", 2); // 居中 - + // 横线分隔标题 LODOP.ADD_PRINT_LINE('6mm', '2mm', '6mm', '68mm', 0, 1); - + // 纵线分隔左右 LODOP.ADD_PRINT_LINE('6mm', '22mm', '18mm', '22mm', 0, 1); - + // 左侧二维码 const qrIndex = LODOP.ADD_PRINT_BARCODE('8mm', '3mm', '18mm', '9mm', 'QRCode', printData.rollNo || ''); LODOP.SET_PRINT_STYLEA(qrIndex, "QRCodeVersion", 4); LODOP.SET_PRINT_STYLEA(qrIndex, "QRCodeErrorLevel", "M"); - + // 右侧信息 const startX = '23mm'; const textWidth = '43mm'; - - const text1 = LODOP.ADD_PRINT_TEXT('7mm', startX, textWidth, '3mm', `ERP No.: ${printData.erpNo || ''}`); + + const text1 = LODOP.ADD_PRINT_TEXT('7mm', startX, textWidth, '3mm', `ERP No.: ${printData.partNo || ''}`); LODOP.SET_PRINT_STYLEA(text1, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text1, "FontSize", 7); - + const text2 = LODOP.ADD_PRINT_TEXT('10mm', startX, textWidth, '3mm', `Batch No.: ${printData.batchNo || ''}`); LODOP.SET_PRINT_STYLEA(text2, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text2, "FontSize", 7); - - const text3 = LODOP.ADD_PRINT_TEXT('13mm', startX, textWidth, '3mm', `Good QTY: ${printData.goodQty || ''} pcs`); + + const text3 = LODOP.ADD_PRINT_TEXT('13mm', startX, textWidth, '3mm', `Good QTY: ${printData.goodQuantity || ''}`); LODOP.SET_PRINT_STYLEA(text3, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text3, "FontSize", 7); - - const text4 = LODOP.ADD_PRINT_TEXT('16mm', startX, textWidth, '3mm', `Bad QTY: ${printData.badQty || ''} pcs`); + + const text4 = LODOP.ADD_PRINT_TEXT('16mm', startX, textWidth, '3mm', `Bad QTY: ${printData.badQuantity || ''}`); LODOP.SET_PRINT_STYLEA(text4, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text4, "FontSize", 7); }, - + // A003 标签打印（70mm x 20mm）- 绑定用 printLabelA003(LODOP, printData, isNewPage){ if(isNewPage){ LODOP.NEWPAGE(); } - - // 设置纸张大小 70mm x 20mm - LODOP.SET_PRINT_PAGESIZE(1, '70mm', '20mm', ''); - + + // 设置纸张大小 70mm x 20mm (0=纵向) + LODOP.SET_PRINT_PAGESIZE(0, 700, 200, ''); + // 绘制外边框 LODOP.ADD_PRINT_RECT('2mm', '2mm', '66mm', '16mm', 0, 1); - + // 标题 "绑定用" const title = LODOP.ADD_PRINT_TEXT('2mm', '2mm', '66mm', '4mm', '绑定用'); LODOP.SET_PRINT_STYLEA(title, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(title, "FontSize", 10); LODOP.SET_PRINT_STYLEA(title, "Bold", 1); LODOP.SET_PRINT_STYLEA(title, "Alignment", 2); // 居中 - + // 横线分隔标题 LODOP.ADD_PRINT_LINE('6mm', '2mm', '6mm', '68mm', 0, 1); - + // 纵线分隔左右 LODOP.ADD_PRINT_LINE('6mm', '22mm', '18mm', '22mm', 0, 1); - + // 左侧二维码 const qrIndex = LODOP.ADD_PRINT_BARCODE('8mm', '3mm', '18mm', '9mm', 'QRCode', printData.rollNo || ''); LODOP.SET_PRINT_STYLEA(qrIndex, "QRCodeVersion", 4); LODOP.SET_PRINT_STYLEA(qrIndex, "QRCodeErrorLevel", "M"); - + // 右侧信息 const startX = '23mm'; const textWidth = '43mm'; - - const text1 = LODOP.ADD_PRINT_TEXT('7mm', startX, textWidth, '3mm', `ERP No.: ${printData.erpNo || ''}`); + + const text1 = LODOP.ADD_PRINT_TEXT('7mm', startX, textWidth, '3mm', `ERP No.: ${printData.partNo || ''}`); LODOP.SET_PRINT_STYLEA(text1, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text1, "FontSize", 7); - + const text2 = LODOP.ADD_PRINT_TEXT('10mm', startX, textWidth, '3mm', `Batch No.: ${printData.batchNo || ''} Reel No.: ${printData.reelNo || ''}`); LODOP.SET_PRINT_STYLEA(text2, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text2, "FontSize", 7); - - const text3 = LODOP.ADD_PRINT_TEXT('13mm', startX, textWidth, '3mm', `Good QTY: ${printData.goodQty || ''} pcs`); + + const text3 = LODOP.ADD_PRINT_TEXT('13mm', startX, textWidth, '3mm', `Good QTY: ${printData.goodQuantity || ''}`); LODOP.SET_PRINT_STYLEA(text3, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text3, "FontSize", 7); - - const text4 = LODOP.ADD_PRINT_TEXT('16mm', startX, textWidth, '3mm', `Bad QTY: ${printData.badQty || ''} pcs`); + + const text4 = LODOP.ADD_PRINT_TEXT('16mm', startX, textWidth, '3mm', `Bad QTY: ${printData.badQuantity || ''}`); LODOP.SET_PRINT_STYLEA(text4, "FontName", "Microsoft YaHei"); LODOP.SET_PRINT_STYLEA(text4, "FontSize", 7); }, @@ -1596,7 +1653,7 @@ export default { color: #ffffff; font-size: 20px; font-weight: bold; - + &:hover { color: #f0f0f0; } @@ -1657,7 +1714,7 @@ export default { display: flex; flex-direction: column; align-items: center; - + .summary-label { font-size: 12px; color: #5a7a8f; @@ -1679,7 +1736,7 @@ export default { /deep/ .el-input-number { width: 100%; - + .el-input__inner { text-align: left; } @@ -1705,7 +1762,7 @@ export default { text-align: center; background-color: #fafafa; border-top: 1px solid #e8e8e8; - + .el-button { min-width: 120px; height: 40px;