partReport.html 3.29 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">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <head th:include="include :: header"></head>
    <title>sn</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">
        /* 设置背景颜色 字体印刷不清晰
        * {
             color: #000000!important;
             -webkit-tap-highlight-color: #000000!important;
         }*/
        .table-bordered td, .table-bordered th {
            border: 0px;
            cellspacing: 0px;
            cellpadding: 0px;
            /*display: none;*/
        }

        table, th, td {
            border: 1px solid rgba(0, 0, 0, 0); /* 设置透明边框 */
        }

        .table tbody tr td {
            padding: 3px;
            text-align: center;
        }
    </style>
</head>
<body id="ddd">
<div class="noprint container" style="text-align:right; /*padding: 20px;*/float: right">
    <!--    <span style="padding-left:20px;"><button type="button" onClick="a()"><i-->
    <!--            class="fa fa-print"></i> 打印</button></span>-->
    <span class="noprint" style="padding-left:600px;"><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=""
               th:each="row:${partList}">
            <!--                        <caption style="font-size:18px;text-align:center; color:#333; padding-bottom: 3px;"-->
            <!--                                 th:text="${row.code}"></caption>-->
            <!--            <img style="width:100%;" th:src="@{'/image/'+${row.code}}">-->
            <!--            <span th:text="${row.code}" style="text-align: center;">-->
            <!--                </span>-->
            <tbody>
            <tr style="margin-top: 0px;text-align: center">
                <td>
                    <img style="width:20%;" th:src="@{'/image/'+${row.code}}">
                </td>

            </tr>
            <tr style="text-align: center">
                <td>
                  <span style="font-size: 10px;" th:text="${row.code}">
                            </span>
                </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/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>