自动化立体仓库 - WMS系统
#
luxiaotao1123
2020-06-06 e63d3f13f9db36de1871a70e3e4985fda62606ea
src/main/webapp/views/matCode/matCode.html
@@ -9,6 +9,32 @@
    <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>
@@ -22,7 +48,7 @@
    </div>
    <!-- 待添加 -->
    <div id="data-search-btn" class="layui-btn-container layui-form-item">
    <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block">
        <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button>
        <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button>
    </div>
@@ -36,12 +62,14 @@
    <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>
    <a class="layui-btn layui-btn-xs btn-edit" lay-event="edit">编辑</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>
@@ -51,6 +79,28 @@
<script type="text/javascript" src="/static/js/matCode/matCode.js" charset="utf-8"></script>
<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>
<!-- 导出操作弹窗 -->
<div id="exportDataDiv" style="display: none;padding: 20px">
    <div class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label" style="padding: 9px 0">设置文件名</label>
            <div class="layui-input-block" style="margin-left: 90px;">
                <input type="text" id="exportFileName" placeholder="选填" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label"  style="padding: 9px 0">导出行数</label>
            <div class="layui-input-block" style="margin-left: 90px;">
                <input type="text" id="exportRowCount" placeholder="选填(默认全部)" autocomplete="off" class="layui-input" lay-verify="number" lay-reqtext="请输入数字">
            </div>
        </div>
        <div style="text-align: center; margin-top: 20px">
            <button class="layui-btn layui-btn-radius layui-btn-normal" id="exportDo" lay-submit lay-filter="exportDo">开始导出</button>
        </div>
    </div>
</div>
<!-- 导入操作弹窗 -->
<div id="importDataDiv" style="display: none;padding: 20px 40px">
@@ -69,6 +119,56 @@
    </div>
</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>
        <div class="template-preview"></div>
        <div class="template-preview"></div>
    </div>
</div>
</body>
</html>