report.html 7.52 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg" style="padding:5px 0;" id="ddd">
<div class="container" style="color: #333;">
                        <span style="padding-top:20px;width:88%; text-align: left"><img id="shipmentCode"
                                                                                        th:src="@{'/image/'+${shipmentHeader.code}}"></span>
        <div class="row">
<!--                    <h3 align="center">出库单</h3>-->
            <span>出库单号:</span><span th:text="${shipmentHeader['code']}"></span>


    <!--        <table id="reportTable" width="100%" border="1" cellspacing="0" cellpadding="0" class="dy-report">-->
    <!--            <thead style="display:table-header-group;">-->
    <!--            <tr>-->
    <!--                <td colspan="7">-->
    <!--                    <span style="padding-top:10px;width: 40%; float:left;"-->
    <!--                          th:text="${#dates.format(shipmentHeader.created,'yyyy-MM-dd HH:mm:ss')}"></span>-->
    <!--                    <h3 style="width:20%;text-align:center;float:left;padding-top:10px;">出库单</h3>-->
    <!--                    &lt;!&ndash;                    <span style="padding-top:20px;width:38%;float:right; text-align: right"><img id="shipmentCode"&ndash;&gt;-->
    <!--                    &lt;!&ndash;                                                                                                 th:src="@{'/image/'+${shipmentHeader.code}}"></span>&ndash;&gt;-->
    <!--                </td>-->
    <!--            </tr>-->
    <!--            <tr style="padding:15px 0 5px 0;border-bottom:1px solid #606060">-->
    <!--                <td colspan="7">-->
    <!--                    &lt;!&ndash;                    <div style="width:40%; float:left;">客户名称:<span th:text="${shipmentHeader['customerName']}"></span></div>&ndash;&gt;-->
    <!--                    <div style="width:45%; float:left;">生产车间:<span th:text="${shipmentHeader['workshop']}"></span>-->
    <!--                    </div>-->
    <!--                    <div style="width:45%; float:left;">仓库:<span th:text="${shipmentHeader['warehouseName']}"></span>-->
    <!--                    </div>-->
    <!--                    <div style="width:45%; float:left;">通知单号:<span th:text="${shipmentHeader['noticeNo']}"></span>-->
    <!--                    </div>-->
    <!--                    <div style="width:45%; float:left;">母件名称:<span-->
    <!--                            th:text="${shipmentHeader['superiorName']}"></span></div>-->
    <!--                    <span></span>-->

    <!--                    <div style="width:45%; float:left;">调入仓库名称:<span-->
    <!--                            th:text="${shipmentHeader['transferWarehouseName']}"></span>-->
    <!--                    </div>-->

    <!--                    <div style="width:45%; float:left;">备注:<span-->
    <!--                            th:text="${shipmentHeader['shipmentNote']}"></span>-->
    <!--                    </div>-->

    <!--                    <div style="width:45%; float:left;">母件编码:<span-->
    <!--                            th:text="${shipmentHeader['superiorCode']}"></span></div>-->


    <!--                    <div style="width:50%; float:right; text-align:right">-->
    <!--                        <span>明细条数:<span th:text="${shipmentHeader['totalLines']}"></span></span>-->
    <!--                        <span style="padding-left:20px;">明细总数:<span th:text="${shipmentHeader['totalQty']}"></span></span>-->
    <!--                        <span class="noprint" style="padding-left:20px;"><button type="button" onClick="a()"><i-->
    <!--                                class="fa fa-print"></i> 打印</button></span>-->
    <!--                    </div>-->
    <!--                </td>-->
    <!--            </tr>-->
    <!--            <tr>-->
    <!--                <th width="18%">托盘号</th>-->
    <!--                <th width="18%">物料编码</th>-->
    <!--                <th width="22%">物料名称</th>-->
    <!--                &lt;!&ndash;                <th width="10%">物料规格</th>-->
    <!--                <th width="9%">批次</th>-->
    <!--                <th width="11%">批号</th>-->
    <!--                <th width="9%">项目号</th>&ndash;&gt;-->
    <!--                <th width="8%">出库数量</th>-->
    <!--                <th width="8%">剩余库存数量</th>-->
    <!--                &lt;!&ndash;                <th width="12%">条码</th>&ndash;&gt;-->
    <!--            </tr>-->
    <!--            </thead>-->
    <!--            <tbody>-->
    <!--            <tr th:each="row,rowStat : ${details}">-->
    <!--                <td th:text="${row.containerCode}"></td>-->
    <!--                <td th:text="${row.materialCode}"></td>-->
    <!--                <td th:text="${row.materialName}"></td>-->
    <!--                &lt;!&ndash;<td th:text="${row.materialSpec}"></td>-->
    <!--                <td th:text="${row.batch}"></td>-->
    <!--                <td th:text="${row.lot}"></td>-->
    <!--                <td th:text="${row.projectNo}"></td>&ndash;&gt;-->
    <!--                <td th:text="${row.qty}"></td>-->
    <!--                <td th:text="${row.inventoryQty}-${row.qty}"></td>-->
    <!--                &lt;!&ndash;<td><img th:src="@{'/image/'+${row.materialCode}}"></td>&ndash;&gt;-->
    <!--            </tr>-->
    <!--            </tbody>-->
    <!--        </table>-->
    <!--    </div>-->
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="../../../js/barcode/JsBarcode.all.js"></script>
<script th:inline="javascript">

    // var  barcodeStyle = {
    //     format: "CODE128",//选择要使用的条形码类型
    //     width:1,//设置条之间的宽度
    //     height:40,//高度
    //     displayValue:true,//是否在条形码下方显示文字
    //     // text:"456",//覆盖显示的文本
    //     // fontOptions:"bold italic",//使文字加粗体或变斜体
    //     font:"monospace",//设置文本的字体fantasy
    //     textAlign:"center",//设置文本的水平对齐方式
    //     textPosition:"bottom",//设置文本的垂直位置
    //     textMargin:1,//设置条形码和文本之间的间距
    //     fontSize:12,//设置文本的大小
    //     background:"#ffffff",//设置条形码的背景
    //     lineColor:"#000000",//设置条和文本的颜色。
    //     margin:1//设置条形码周围的空白边距
    // };

    // $("#shipmentCode").JsBarcode($("#shipmentCode").attr("data"), barcodeStyle);

    // for (var i=0; i<$('#reportTable tbody tr').length; i++){
    //     var barcodeText = $("#reportTable tbody tr:eq("+ i +") td:eq(0)").innerText;
    //     $("#reportTable tbody tr:eq("+ i +") td:eq(6) canvas").JsBarcode("6666", barcodeStyle);
    // }

    // $('#reportTable tbody tr').each(function(i) {
    //     var barcodeText = $(this).children()[0].innerText;
    //     JsBarcode($(this).children()[6].querySelector("img"), barcodeText, barcodeStyle);
    // });


</script>
<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">
    function a() {
        $("#ddd").jqprint();
    }
</script>
</body>
</html>