Yangwl
/
lanju-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wmswms白胚原材料采购打印修改,加条码

Browse Source
master
mengjiao 8 months ago
parent 78d11947aa
commit 96125dbc84
1 changed files with 68 additions and 38 deletions
Show Stats Download Patch File Download Diff File

106
src/views/wms/bpprocure/index.vue
Unescape Escape View File

@ -176,7 +176,7 @@
<script> <script>
import { listBpprocure, getBpprocure, delBpprocure, addBpprocure, updateBpprocure } from "@/api/wms/bpprocure"; import { listBpprocure, getBpprocure, delBpprocure, addBpprocure, updateBpprocure } from "@/api/wms/bpprocure";
import JsBarcode from 'jsbarcode';
export default { export default {
name: "Bpprocure", name: "Bpprocure",
dicts: ['bp_raw'], dicts: ['bp_raw'],
@ -315,6 +315,7 @@ export default {
} }
}); });
}, },
handlePrint() { handlePrint() {
// 获取选中数据 // 获取选中数据
const selectedData = this.bpprocureList.filter(item => this.ids.includes(item.id)); const selectedData = this.bpprocureList.filter(item => this.ids.includes(item.id));
@ -326,7 +327,6 @@ export default {
// 生成打印数据 // 生成打印数据
this.printData = { this.printData = {
printDate: new Date().toLocaleString(), printDate: new Date().toLocaleString(),
workTable: selectedData.map(item => ({ workTable: selectedData.map(item => ({
procureCode: item.procureCode, procureCode: item.procureCode,
materialCode: item.materialCode, materialCode: item.materialCode,
@ -334,59 +334,89 @@ export default {
unit: item.unit, unit: item.unit,
supplyName: item.supplyName, supplyName: item.supplyName,
planNumber: item.planNumber, planNumber: item.planNumber,
realityNumber: item.realityNumber|| '', realityNumber: item.realityNumber || '',
})) }))
}; };
// 打印内容
let printContent = `
<div style="text-align: center;">
<h3>采购单</h3>
// 生成条形码
const barcodeCanvas = document.createElement('canvas');
console.log(" this.printData.workTable[0].procureCode: " + this.printData.workTable[0].procureCode);
JsBarcode(barcodeCanvas, this.printData.workTable[0].procureCode, {
format: "CODE128",
height: 35,
width: 1.5,
displayValue: true,
// background: "#FFFFFF", // 背景颜色
// lineColor: "#000000" // 条形码颜色
});
// 将条形码转换为 Data URL
const barcodeDataUrl = barcodeCanvas.toDataURL();
console.log(barcodeDataUrl); // 检查生成的 Data URL
// 打印内容
let printContent = `
<html>
<head>
<style>
body { font-family: Arial, sans-serif; }
table { width: 100%; border-collapse: collapse; }
th, td { border: 1px solid #000; text-align: center; padding: 8px; }
</style>
</head>
<body>
<div style="text-align: center;">
<h3>采购单</h3>
<div style="float: right; margin-top: -50px; width: 200px; height: 100px;">
<img src="${barcodeDataUrl}" alt="条形码" />
</div> </div>
<div style="display: flex; justify-content: space-between; padding: 10px;"> </div>
<div>打印日期: ${this.printData.printDate}</div> <div style="display: flex; justify-content: space-between; padding: 10px;">
</div> <div>打印日期: ${this.printData.printDate}</div>
<table border="1" style="width: 100%; border-collapse: collapse;margin: 0 auto;"> </div>
<thead> <table>
<tr> <thead>
<th style="text-align: center;">采购单</th> <tr>
<th style="text-align: center;">物料编码</th> <th>采购单</th>
<th style="text-align: center;">物料描述</th> <th>物料编码</th>
<th style="text-align: center;">供应商</th> <th>物料描述</th>
<th style="text-align: center;">单位</th> <th>供应商</th>
<th style="text-align: center;">计划数量</th> <th>单位</th>
<th style="text-align: center;">已入库数量</th> <th>计划数量</th>
</tr> <th>已入库数量</th>
</thead> </tr>
<tbody>`; </thead>
<tbody>`;
this.printData.workTable.forEach(item => { this.printData.workTable.forEach(item => {
printContent += ` printContent += `
<tr> <tr>
<td style="text-align: center;">${item.procureCode}</td> <td>${item.procureCode}</td>
<td style="text-align: center;">${item.materialCode}</td> <td>${item.materialCode}</td>
<td style="text-align: center;">${item.materialDesc}</td> <td>${item.materialDesc}</td>
<td style="text-align: center;">${item.supplyName}</td> <td>${item.supplyName}</td>
<td style="text-align: center;">${item.unit}</td> <td>${item.unit}</td>
<td style="text-align: center;">${item.planNumber}</td> <td>${item.planNumber}</td>
<td style="text-align: center;">${item.realityNumber}</td> <td>${item.realityNumber}</td>
</tr>`; </tr>`;
}); });
printContent += ` printContent += `
</tbody> </tbody>
</table> </table>
</body>
`; </html>`;
const printWindow = window.open('', '_blank'); const printWindow = window.open('', '_blank');
printWindow.document.write('<html><head><title>打印</title></head><body>');
printWindow.document.write(printContent); printWindow.document.write(printContent);
printWindow.document.write('</body></html>');
printWindow.document.close(); printWindow.document.close();
printWindow.print(); printWindow.print();
printWindow.close(); printWindow.close();
}, },
// 其他方法（handleQuery, resetQuery, etc.） // 其他方法（handleQuery, resetQuery, etc.）

Write Preview
Loading…
Cancel
Save