|  |  |  | 
|---|
|  |  |  | <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/admin.css?v=318" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/cool.css" media="all"> | 
|---|
|  |  |  | <link rel="stylesheet" href="../../static/css/common.css" media="all"> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | padding: 10px; | 
|---|
|  |  |  | background-color: #f1f1f1; | 
|---|
|  |  |  | box-sizing: border-box; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | body { | 
|---|
|  |  |  | background-color: #fff; | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .function-btn { | 
|---|
|  |  |  | font-size: 16px; | 
|---|
|  |  |  | padding: 1px 1px 1px 1px; | 
|---|
|  |  |  | padding: 1px 2px; | 
|---|
|  |  |  | width: 100px; | 
|---|
|  |  |  | height: 50px; | 
|---|
|  |  |  | border-color: #2b425b; | 
|---|
|  |  |  | 
|---|
|  |  |  | border-style: solid; | 
|---|
|  |  |  | transition: 0.4s; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | letter-spacing: 3px; | 
|---|
|  |  |  | margin: 0 10px; | 
|---|
|  |  |  | letter-spacing: 1.5px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .function-btn:hover { | 
|---|
|  |  |  | background-color: #2b425b; | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .layui-layer-page .layui-layer-content { | 
|---|
|  |  |  | position: relative; | 
|---|
|  |  |  | overflow: visible !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | #mat-query { | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | #staNoSpan { | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | display: inline-block; | 
|---|
|  |  |  | width: 100px; | 
|---|
|  |  |  | font-size: 13px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-btn-container .layui-form-select { | 
|---|
|  |  |  | display: inline-block; | 
|---|
|  |  |  | width: 150px; | 
|---|
|  |  |  | height: 30px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-btn-container .layui-form-select.layui-form-selected { | 
|---|
|  |  |  | display: inline-block; | 
|---|
|  |  |  | width: 150px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-btn-container .layui-select-title input { | 
|---|
|  |  |  | font-size: 13px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .layui-btn-container .layui-anim.layui-anim-upbit dd { | 
|---|
|  |  |  | font-size: 13px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | #btn-comb { | 
|---|
|  |  |  | margin-left: 60px; | 
|---|
|  |  |  | display: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <!-- 功能区 --> | 
|---|
|  |  |  | <div class="function-area"> | 
|---|
|  |  |  | <button id="mat-query" class="function-btn" onclick="getMat()">新增</button> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 站点选择框 group by -- 空库位 --> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <button id="mat-put" class="function-btn" onclick="putMat()">启动入库</button> | 
|---|
|  |  |  | <button id="mat-query" class="function-btn">提取商品</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <hr> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 表格 --> | 
|---|
|  |  |  | <div style="padding-bottom: 5px"> | 
|---|
|  |  |  | <div style="padding-bottom: 5px; margin-bottom: 45px"> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 头部 --> | 
|---|
|  |  |  | <script type="text/html" id="toolbar"> | 
|---|
|  |  |  | <div class="layui-btn-container"> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-normal" id="btn-comb" lay-event="comb" style="">组盘</button> | 
|---|
|  |  |  | <div class="layui-form"> | 
|---|
|  |  |  | <div class="layui-btn-container"> | 
|---|
|  |  |  | <!-- 1.选择入库口 --> | 
|---|
|  |  |  | <span id="staNoSpan">入库口:</span> | 
|---|
|  |  |  | <select id="putSiteSelect" lay-verify="required"> | 
|---|
|  |  |  | <option value="">请选择站点</option> | 
|---|
|  |  |  | </select> | 
|---|
|  |  |  | <!-- 2.启动入库 --> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-normal layui-btn-lg" id="btn-comb" lay-event="comb" style="">启动入库</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- 行 --> | 
|---|
|  |  |  | <script type="text/html" id="operate"> | 
|---|
|  |  |  | <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="remove">移除</a> | 
|---|
|  |  |  | <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</a> | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <table class="layui-table" id="chooseData" lay-filter="chooseData"></table> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../../static/js/pakStore/pakStore.js" charset="utf-8"></script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div id="combDiv" 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="tray" placeholder="必填" autocomplete="off" class="layui-input"> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <div style="text-align: center; margin-top: 20px"> | 
|---|
|  |  |  | <button class="layui-btn layui-btn-radius layui-btn-normal" id="combDo" lay-submit lay-filter="combDo">组盘入库</button> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <script type="text/template" id="putSiteSelectTemplate"> | 
|---|
|  |  |  | {{#each data}} | 
|---|
|  |  |  | <option value="{{this}}">{{this}}</option> | 
|---|
|  |  |  | {{/each}} | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | </body> | 
|---|
|  |  |  | </html> | 
|---|
|  |  |  |  | 
|---|