report.html 4.99 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <head th:include="include :: header"></head>
    <title>文字</title>
    <!--<link href="css/bootstrap.min.css" rel="stylesheet" />-->
    <!--<link href="css/font-awesome.min.css" rel="stylesheet" />-->
    <!--&lt;!&ndash;[if IE]>-->
    <!--<link href="css/font-awesome-ie7.min.css" rel="stylesheet" />-->
    <!--<![endif]&ndash;&gt;-->

    <style type="text/css">
        .table-bordered td, .table-bordered th {
            border: 1px solid #000 !important;
        }
        .table tbody tr td{
            padding: 5px;
            text-align: center;
        }
    </style>
</head>

<body id="ddd">
<div style="text-align:right; padding: 20px;">
    <span class="noprint" style="padding-left:20px;"><button type="button" onClick="a()"><i class="fa fa-print"></i> 打印</button></span>
</div>
<div class="container" style=" width:320px;/*height:228px;*/color: #333">
       <div class="row">
       <table width="100%" border="0" cellspacing="0" cellpadding="0" class="dy-report table table-bordered"
           th:each="row:${receiptDetails}">
      <caption style="font-size:18px;text-align:center; color:#333; padding-bottom: 3px;">长沙华恒机器人系统有限公司</caption>
     <tbody>
        <tr>
        <td width="20%" scope="col">存货编码</td>
        <td colspan="2" scope="col" style="text-align:center">
            <span th:text="${row.materialCode}" code></span>
        </td>
      </tr>
      <tr>
            <td scope="col">存货代码</td>
            <td colspan="2" scope="col" style="text-align:center">
                <span th:text="${row.userDef1}" code></span>
            </td>
      </tr>
      <tr style="vertical-align:middle">
        <td>存货名称</td>
        <td style="text-align:center">
            <span th:text="${row.materialName}"></span>
        </td>
          <td rowspan="3" width="14%" style="padding: 2px">
          <img align="center" valign="middle" style="vertical-align:middle; padding:2px;"/>
              <span class="qrcode"></span>
          </td>
      </tr>
      <tr>
        <td>规格型号</td>
        <td style="text-align:center">
            <span th:text="${row.Specification}"></span>
        </td>
        </tr>
      <tr>
        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
        <td style="text-align:center; padding: 0">
            <!--<input name="" type="text" style="line-height:18px;  border:0; text-align:center;" th:text="${receiptDetail.qty}"/>-->
            <input id="qty" name="qty" th:value="*{row.qty}" class="form-control" type="text" style="text-align:center;height:30px"/>
        </td>
        </tr>
     </tbody>
    </table>
     </div>
</div>
<div th:include="include :: footer"></div>
<style type="text/css">
    @media print {
        .noprint {
            display: none;
        }
    }
</style>
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="../../../js/qrcode/jquery-qrcode-0.14.0.min.js"></script>
<script type="text/javascript">
    function a() {
        // $("#ddd").jqprint();
        $(".qrcode").children().remove();
        $('.dy-report').each(function (i,item) {
            var company=$(this).children()[1].children[0].innerText;
            var code16=$(this).children()[1].children[1].innerText;
            var name=$(this).children()[1].children[2].innerText;
            var spec=$(this).children()[1].children[3].innerText;
            company=company.substring(5);
            code16=code16.substring(5);
            name=name.substring(5);
            spec=spec.substring(5);
            var reg=/\t/;
            name=name.replace(reg,"");
            var qty=$(this).find('input').val();
            var code_text=company+'/'+ code16 +'/' +name+'/'+spec+'/'+qty+'/';
            $(this).find('.qrcode').qrcode({
                text: code_text,
                size: 54
            });
        });
        window.print();
    }
    $('.dy-report').each(function (i,item) {
        var company=$(this).children()[1].children[0].innerText;
        var code16=$(this).children()[1].children[1].innerText;
        var name=$(this).children()[1].children[2].innerText;
        var spec=$(this).children()[1].children[3].innerText;
        company=company.substring(5);
        code16=code16.substring(5);
        name=name.substring(5);
        spec=spec.substring(5);
        var reg=/\t/;
        name=name.replace(reg,"");
        var qty=$(this).find('input').val();
        var code_text=company+'/'+ code16 +'/' +name+'/'+spec+'/'+qty+'/';
        $(this).find('.qrcode').qrcode({
            text: code_text,
            size: 54
        });
    });

</script>

</body>
</html>