|  |  | 
 |  |  |     <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; | 
 |  |  |             letter-spacing: 1.5px; | 
 |  |  |         } | 
 |  |  |         .function-btn:hover { | 
 |  |  |             background-color: #2b425b; | 
 |  |  | 
 |  |  |         #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> | 
 |  |  | 
 |  |  | <body> | 
 |  |  | <!-- 功能区 --> | 
 |  |  | <div class="function-area"> | 
 |  |  |     <button id="mat-query" class="function-btn" onclick="getMat()">新增</button> | 
 |  |  |     <button id="mat-query" class="function-btn">提取商品</button> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | <hr> | 
 |  |  | 
 |  |  |  | 
 |  |  |     <!-- 头部 --> | 
 |  |  |     <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/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;"> | 
 |  |  |                 <select id="putSiteSelect" lay-verify="required" lay-search=""> | 
 |  |  |                     <option value="">请选择站点</option> | 
 |  |  |                 </select> | 
 |  |  |             </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> | 
 |  |  | <script> | 
 |  |  |     $(function(){ | 
 |  |  |         $.ajax({ | 
 |  |  |             url: baseUrl+"/available/put/site", | 
 |  |  |             headers: {'token': localStorage.getItem('token')}, | 
 |  |  |             method: 'POST', | 
 |  |  |             success: function (res) { | 
 |  |  |                 if (res.code === 200){ | 
 |  |  |                     var tpl = $("#putSiteSelectTemplate").html(); | 
 |  |  |                     var template = Handlebars.compile(tpl); | 
 |  |  |                     var html = template(res); | 
 |  |  |                     $('#putSiteSelect').append(html); | 
 |  |  |                 } else if (res.code === 403){ | 
 |  |  |                     top.location.href = baseUrl+"/"; | 
 |  |  |                 }else { | 
 |  |  |                     layer.msg(res.msg) | 
 |  |  |                 } | 
 |  |  |             } | 
 |  |  |         }) | 
 |  |  |     }) | 
 |  |  | </script> | 
 |  |  | </body> | 
 |  |  | </html> |