#

luxiaotao1123

2020-06-08 88f8af7633457c8fc850f1d286c224c53d2c8c1e

 src/main/webapp/views/matCode/matCode.html

@@ -22,15 +22,20 @@
        }

        /* ------------------------------------------------  */
        .template-preview {
            display: inline-block;
        }


        .contain {
            border: 1px solid #000;
            /*width: 100%;*/
        }
        /*.contain td {*/
        /*    border: 1px solid #000;*/
        /*    line-height: 46px;*/
        /*    text-align: center;*/
        /*}*/
        .contain td {
            border: 1px solid #000;
            /*line-height: 46px;*/
            text-align: center;
        }
        /*.qrcode {*/
        /*    margin: 3px;*/
        /*}*/
@@ -75,6 +80,7 @@
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/jquery/jQuery.print.js"></script>
<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script>
<script type="text/javascript" src="../../static/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/cool.js" charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/matCode/matCode.js" charset="utf-8"></script>
@@ -122,12 +128,20 @@

<!-- 打印操作弹窗 -->
<div id="printDataDiv" style="display: none;padding: 20px">
    <div id="template-container">
        <!-- 预览图 1 -->
        <div id="template-preview-1" class="template-preview">
            <table height="317" width="317" style="overflow: hidden">
                <tr><td valign="middle">
                    <table class="contain">
    <div class="layui-form" style="text-align: center">
        <hr>
        <!--单选框-->
        <div class="layui-form-item" style="display: inline-block; margin-bottom: 10px">
            <input type="radio" name="sex" value="男" title="模板一" checked="">
            <input type="radio" name="sex" value="女" title="模板二">
            <input type="radio" name="sex" value="禁" title="模板三">
        </div>
        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;text-align: left;">
            <legend>打印预览</legend>
            <div id="template-container" style="margin: 20px;text-align: center">
                <!-- 预览图 1 -->
                <div id="template-preview-1" class="template-preview">
                    <table class="contain" height="317" width="317" style="overflow: hidden">
                        <tr>
                            <td width="20%" align="right" scope="col">客户</td>
                            <td class="customer" width="30%" align="left" scope="col">{{this.customer}}</td>
@@ -147,7 +161,7 @@
                        <tr>
                            <td align="right">产品批号</td>
                            <td class="seq" align="left">{{this.seq}}</td>
                            <td colspan="2" rowspan="3" align="right"><img class="qrcode" src="{{this.qrCodeUrl}}" style="width: 80%"></td>
                            <td colspan="2" rowspan="3" align="right"><img class="qrcode" src="" style="width: 80%"></td>
                        </tr>
                        <tr>
                            <td align="right">装检验号</td>
@@ -158,16 +172,29 @@
                            <td class="boxNumber" align="left">{{this.boxNumber}}</td>
                        </tr>
                    </table>
                </td></tr>
            </table>
        </div>
        <!-- 预览图 2 -->
        <div class="template-preview"></div>
        <!-- 预览图 3 -->
        <div class="template-preview"></div>
                </div>
                <!-- 预览图 2 -->
                <div class="template-preview"></div>
                <!-- 预览图 3 -->
                <div class="template-preview"></div>
            </div>
        </fieldset>

        <button class="layui-btn layui-btn-danger" id="doPrint" lay-submit lay-filter="doPrint" style="margin-top: 20px">确定</button>
    </div>
</div>

<!-- 模板引擎 -->
<!-- 模板1 -->
<script type="text/template" id="templatePreview1">
</script>
<!-- 模板2 -->
<script type="text/template" id="templatePreview2">
</script>
<!-- 模板3 -->
<script type="text/template" id="templatePreview3">
</script>

</body>
</html>