自动化立体仓库 - WMS系统
#
luxiaotao1123
2020-06-08 30c55facc6eefd660cab0d74c8a15a87338120b7
src/main/webapp/views/matCode/matCode.html
@@ -24,16 +24,16 @@
        /* ------------------------------------------------  */
        .contain {
            border: 1px solid #000;
            width: 100%;
            /*width: 100%;*/
        }
        .contain td {
            border: 1px solid #000;
            line-height: 46px;
            /*line-height: 46px;*/
            text-align: center;
        }
        .qrcode {
            margin: 3px;
        }
        /*.qrcode {*/
        /*    margin: 3px;*/
        /*}*/
    </style>
</head>
<body>
@@ -75,6 +75,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>
@@ -121,55 +122,67 @@
</div>
<!-- 打印操作弹窗 -->
<div id="printDataDiv" style="display: none;padding: 20px 40px">
    <div id="template-container">
        <div class="template-preview">
            <table height="317" style="overflow: hidden;width: 100%">
                <tr><td valign="middle">
                    <table class="contain">
                        <tr>
                            <td width="20%" align="right" scope="col">客户</td>
                            <td class="customer" width="30%" align="left" scope="col">{{this.customer}}</td>
                            <td width="20%" align="right" scope="col">颜色</td>
                            <td class="color" width="30%" align="left" scope="col">1</td>
                        </tr>
                        <tr>
                            <td align="right">生产日期</td>
                            <td class="createTime" align="left">{{this.createTime$}}</td>
                            <td align="right">数量</td>
                            <td class="amount" align="left">{{this.amount}}</td>
                        </tr>
                        <tr>
                            <td align="right">型号打字</td>
                            <td class="modelType" align="left" colspan="3">{{this.modelType}}</td>
                        </tr>
                        <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>
                        </tr>
                        <tr>
                            <td align="right">装检验号</td>
                            <td class="boxCheck" align="left">{{this.boxCheck}}</td>
                        </tr>
                        <tr>
                            <td align="right">箱号</td>
                            <td class="boxNumber" align="left">{{this.boxNumber}}</td>
                        </tr>
                    </table>
                </td></tr>
            </table>
<div id="printDataDiv" style="display: none;padding: 20px">
    <div class="layui-form">
        <div id="template-container">
            <!-- 预览图 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>
                        <td width="20%" align="right" scope="col">颜色</td>
                        <td class="color" width="30%" align="left" scope="col">1</td>
                    </tr>
                    <tr>
                        <td align="right">生产日期</td>
                        <td class="createTime" align="left">{{this.createTime$}}</td>
                        <td align="right">数量</td>
                        <td class="amount" align="left">{{this.amount}}</td>
                    </tr>
                    <tr>
                        <td align="right">型号打字</td>
                        <td class="modelType" align="left" colspan="3">{{this.modelType}}</td>
                    </tr>
                    <tr>
                        <td align="right">产品批号</td>
                        <td class="seq" align="left">{{this.seq}}</td>
                        <td colspan="2" rowspan="3" align="right"><img class="qrcode" src="" style="width: 80%"></td>
                    </tr>
                    <tr>
                        <td align="right">装检验号</td>
                        <td class="boxCheck" align="left">{{this.boxCheck}}</td>
                    </tr>
                    <tr>
                        <td align="right">箱号</td>
                        <td class="boxNumber" align="left">{{this.boxNumber}}</td>
                    </tr>
                </table>
            </div>
            <!-- 预览图 2 -->
            <div class="template-preview"></div>
            <!-- 预览图 3 -->
            <div class="template-preview"></div>
        </div>
        <div class="template-preview"></div>
        <div class="template-preview"></div>
        <div class="select-template">
            <label><input type="radio" name="templateSelect" value="1" checked>模板一</label>
            <label><input type="radio" name="templateSelect" value="2">&nbsp;模板二</label>
        </div>
        <button class="layui-btn layui-btn-danger" id="doPrint" lay-submit lay-filter="doPrint">确定</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>