fengyuan_yang
/
boying-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

2025-11-14 

采购标签生成标签打印
master
fengyuan_yang 11 months ago
parent
c1196aeb4d
commit
69b2c90d8c
1 changed files with 175 additions and 118 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 293
      src/views/modules/print/PoPartPrint.vue

293
src/views/modules/print/PoPartPrint.vue
View File

@ -244,24 +244,24 @@
<qcUpload ref="qcUpload" @refreshPageTables="getDetailTableList()" v-drag></qcUpload>
<!-- 标签打印对话框 -->
<el-dialog
:close-on-click-modal="false"
v-drag
:visible.sync="printDialogVisible"
<el-dialog
:close-on-click-modal="false"
v-drag
:visible.sync="printDialogVisible"
width="650px"
class="print-dialog">
<div slot="title" class="dialog-title-wrapper">
<i class="el-icon-printer" style="margin-right: 8px; font-size: 20px; color: #409EFF;"></i>
<span style="font-size: 18px; font-weight: 600;">标签打印设置</span>
</div>
<div class="print-dialog-content">
<!-- 打印信息提示 -->
<div class="print-info-banner">
<i class="el-icon-info" style="margin-right: 8px; font-size: 16px;"></i>
<span>已选择 <strong style="color: #3a7ba8;">{{ selectionDataList.length }}</strong> 个标签，请配置打印参数</span>
</div>
<el-form :model="printDialogData" label-position="top" style="margin-top: 20px;">
<el-row :gutter="20">
<el-col :span="12">
@ -270,10 +270,10 @@
<i class="el-icon-document-copy" style="margin-right: 5px;"></i>
打印次数
</span>
<el-input-number
v-model="printDialogData.printTimes"
:min="1"
:max="100"
<el-input-number
v-model="printDialogData.printTimes"
:min="1"
:max="100"
controls-position="right"
placeholder="每个标签打印份数"
style="width: 100%">
@ -281,16 +281,16 @@
<div class="form-tip">设置每个标签的打印份数</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item required>
<span slot="label" class="form-label">
<i class="el-icon-tickets" style="margin-right: 5px;"></i>
标签模板
</span>
<el-select
v-model="printDialogData.labelNo"
placeholder="请选择标签模板"
<el-select
v-model="printDialogData.labelNo"
placeholder="请选择标签模板"
style="width: 100%"
:disabled="labelTemplateList.length === 0">
<el-option
@ -311,7 +311,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item required>
@ -319,9 +319,9 @@
<i class="el-icon-printer" style="margin-right: 5px;"></i>
目标打印机
</span>
<el-select
v-model="printDialogData.printerName"
placeholder="请选择打印机"
<el-select
v-model="printDialogData.printerName"
placeholder="请选择打印机"
style="width: 100%"
:disabled="printerList.length === 0">
<el-option
@ -342,7 +342,7 @@
</el-form-item>
</el-col>
</el-row>
<!-- 打印预览说明 -->
<div class="print-summary">
<div class="summary-item">
@ -360,18 +360,18 @@
</div>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button
type="success"
icon="el-icon-printer"
@click="confirmPrint()"
<el-button
type="success"
icon="el-icon-printer"
@click="confirmPrint()"
:loading="printLoading"
:disabled="!printDialogData.labelNo || !printDialogData.printerName"
size="medium">
{{ printLoading ? '打印中...' : '开始打印' }}
</el-button>
<el-button
<el-button
@click="printDialogVisible=false"
size="medium">
取消
@ -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;

Write Preview
Loading…
Cancel
Save