自动化立体仓库 - WMS系统
#
luxiaotao1123
2020-06-08 30c55facc6eefd660cab0d74c8a15a87338120b7
src/main/webapp/views/matCode/matCode.html
@@ -6,9 +6,35 @@
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/css/cool.css" media="all">
    <link rel="stylesheet" href="/static/css/common.css" media="all">
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
    <link rel="stylesheet" href="../../static/css/common.css" media="all">
    <style>
        .btn-print {
            display: none;
        }
        #btn-print-batch {
            display: none;
        }
        .layui-btn-danger {
            background-color: lightsalmon;
            color: #333;
        }
        /* ------------------------------------------------  */
        .contain {
            border: 1px solid #000;
            /*width: 100%;*/
        }
        .contain td {
            border: 1px solid #000;
            /*line-height: 46px;*/
            text-align: center;
        }
        /*.qrcode {*/
        /*    margin: 3px;*/
        /*}*/
    </style>
</head>
<body>
@@ -36,19 +62,23 @@
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-normal" id="btn-export" lay-event="exportData" style="float: inherit">导出</button>
        <button class="layui-btn " id="btn-into" lay-event="intoData">导入</button>
        <button class="layui-btn layui-btn-danger" id="btn-print-batch" lay-event="btnPrintBatch">批量打印</button>
    </div>
</script>
<script type="text/html" id="operate">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a>
    <button class="layui-btn layui-btn-danger layui-btn-xs btn-print" lay-event="btnPrint">打印</button>
<!--    <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">编辑</a>-->
</script>
<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/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>
<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>
<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>
@@ -91,6 +121,68 @@
    </div>
</div>
<!-- 打印操作弹窗 -->
<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="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>