report.html 7.64 KB
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<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;">
    <div class="row">
        <div>
            <span class="noprint" style="padding-left:92%;"><button type="button" onClick="a()"><i class="fa fa-print"></i> 打印</button></span>
        </div>
        <table id="reportTable" width="100%" border="1" cellspacing="0" cellpadding="0" style="margin-top: 3px;" class="dy-report">
            <thead style="display:table-header-group;">
            <tr>
                <td colspan="2">
                    <h2 align="center">武汉动力电池再生技术有限公司<span th:text="${vehicleShipment['vehicleDocumentType']}"></span></h2>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <span >过磅单号:<span th:text="${vehicleShipment['poundNumber']}"></span></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>创建时间</span>
                </td>
                <td colspan="1" style="width: 60%">
                    <span th:text="${#dates.format(vehicleShipment.created,'yyyy-MM-dd HH:mm:ss')}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>车牌号</span>
                </td>
                <td colspan="1" style="width: 60%">
                    <span th:text="${vehicleShipment['carNumber']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>物料编码</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['materialCode']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>物料名称</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['materialName']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>规格型号</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['materialSpec']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>备注</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['remark']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>客户</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['customerCode']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>毛重</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['grossWeight']}"></span>KG
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>皮重</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['tareWeight']}"></span>KG
                </td>
            </tr>
            <!--<tr style="">
                <td colspan="1">
                    <span>扣杂</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['grossWeight']}"></span>KG
                </td>
            </tr>-->
            <tr style="">
                <td colspan="1">
                    <span>净重</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['netWeight']}"></span>KG
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>结算重量</span>
                </td>
                <td colspan="1">
                    <span ></span>KG
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span> 司磅员</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['createdBy']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span> 监磅员</span>
                </td>
                <td colspan="1">
                    <span ></span>
                </td>
            </tr>
            <!--<tr style="">
                <td colspan="1">
                    <span>创建人</span>
                </td>
                <td colspan="1">
                    <span th:text="${vehicleShipment['createdBy']}"></span>
                </td>
            </tr>
            <tr style="">
                <td colspan="1">
                    <span>创建时间</span>
                </td>
                <td colspan="1">
                    <span  th:text="${#dates.format(vehicleShipment.created,'yyyy-MM-dd HH:mm:ss')}"></span>
                </td>
            </tr>-->
            <tr style="">
                <td colspan="1">
                    <span>送/收货员</span>
                </td>
                <td colspan="1">
                    <span></span>
                </td>
            </tr>
        </table>
    </div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="../../../js/barcode/JsBarcode.all.js"></script>
<script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.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//设置条形码周围的空白边距
    };

    // $("#receiptCode").JsBarcode($("#receiptCode").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>