<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        @page {
            margin: 0 0 0 10px;
            size: 70mm 50mm;
        }
        .qr-img {
            width: 80px;
            height: 70px;
        }
    </style>
    <!--    <title>打印合格证</title>-->
</head>
<#list lots as item>
<body style="margin: 0; padding: 0; font-size: 12px;">
<!-- 打印区域 width 调整宽度-->
<div id="print-area" style="position: relative; top: 0; width: 300px;">
    <div style="position: relative; height: 40px; line-height: 40px; padding-left: 40px;">
        <img src="${ logo }" style="position: absolute; width: 27px; height: 20px; top: 6px; left: 4px;" />
        <span style="font-size: 15px; letter-spacing: 10px;">合格证口</span>
    </div>
    <div style="padding-top: 0px;padding-right:60px">客户<div style="display: inline-block; width: 42px; text-align: right;">(Cust)</div>：${ certificate.companyName }</div>
    <div style="padding-top: 0px;">规格<div style="display: inline-block; width: 42px; text-align: right;">(Spec)</div>：${ certificate.specification }</div>
    <div style="padding-top: 0px;">数量<div style="display: inline-block; width: 42px; text-align: right;">(Qty)</div>：${ certificate.labelNumber }</div>
    <div style="padding-top: 0px;">批号<div style="display: inline-block; width: 42px; text-align: right;">(Lot)</div>：${ certificate.lotCode }</div>
    <div style="padding-top: 0px;">图号<div style=" font-size: 10px; display: inline-block; width: 42px; text-align: right;">(Draw)</div>：${ certificate.drawingNumber }</div>
    <div style="padding-top: 0px;">日期<div style="display: inline-block; width: 42px; text-align: right;">(Date)</div>：${ certificate.printDate?string('yyyy-MM-dd') }</div>
    <div style="padding-top: 0px;">物料号<div style="display: inline-block; width: 30px; text-align: right;">(Part)</div>：<#if certificate.materialNum??> ${ certificate.materialNum } <#else></#if></div>
    <div style="text-align: center; padding-right: 40px"><img src="${ item.barcodeUrl2Src }" style="width: 240px; height: 25px" /></div>
    <div style=" font-size: 10px;margin-left: 65px">大连德迈仕精密科技股份有限公司</div>
    <!-- 二维码区域 -->
    <div style="position: absolute; width: 72px; top: 5px; right: 65px; margin: 0;padding: 0">
        <div style="font-size: 10px; text-align: center; padding-bottom: 0px;">(RoHS)</div>
        <div style="height: 60px;width: 80px"> <img src="${ item.qrcodeUrl2Src }" alt="" class="qr-img"></img></div>
        <div style="font-size: 8px; width: 100px; padding-left: 10px; padding-top: 10px" >${ item.barcode }</div>
    </div>
</div>
</body>
</#list>
</html>