|  |  | 
 |  |  |     <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; | 
 |  |  |             border-radius: 5px; | 
 |  |  |             box-shadow: 0 0 3px rgba(0,0,0,.3); | 
 |  |  |             padding-bottom: 20px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #search-box { | 
 |  |  |             padding: 30px 0 20px 0; | 
 |  |  |         } | 
 |  |  |         #search-box .layui-inline:first-child { | 
 |  |  |             margin-left: 30px; | 
 |  |  |         } | 
 |  |  |         #search-box .layui-inline { | 
 |  |  |             margin-right: 5px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #data-search-btn { | 
 |  |  |             margin-left: 10px; | 
 |  |  |             display: inline-block; | 
 |  |  |         } | 
 |  |  |         #data-search-btn.layui-btn-container .layui-btn { | 
 |  |  |             margin-right: 20px; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #staNoSpan { | 
 |  |  | 
 |  |  |             display: none; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         /*----------------------------------*/ | 
 |  |  |         .function-area { | 
 |  |  |             padding: 20px 50px; | 
 |  |  |         } | 
 |  |  |         .function-btn { | 
 |  |  |             font-size: 16px; | 
 |  |  |             padding: 1px 2px; | 
 |  |  |             width: 100px; | 
 |  |  |             height: 50px; | 
 |  |  |             border-color: #2b425b; | 
 |  |  |             border-radius: 4px; | 
 |  |  |             border-width: 2px; | 
 |  |  |             background: none; | 
 |  |  |             border-style: solid; | 
 |  |  |             transition: 0.4s; | 
 |  |  |             cursor: pointer; | 
 |  |  |             letter-spacing: 1.5px; | 
 |  |  |         } | 
 |  |  |         .function-btn:hover { | 
 |  |  |             background-color: #2b425b; | 
 |  |  |             color: #fff; | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         #mat-query { | 
 |  |  |             display: none; | 
 |  |  |         } | 
 |  |  |     </style> | 
 |  |  | </head> | 
 |  |  | <body> | 
 |  |  |  | 
 |  |  | <!-- 搜索栏 --> | 
 |  |  | <!-- 搜索栏 --> | 
 |  |  | <div id="search-box" class="layui-form layui-card-header"> | 
 |  |  |     <div class="layui-inline"> | 
 |  |  |         <div class="layui-input-inline"> | 
 |  |  |             <input class="layui-input" type="text" name="loc_no" placeholder="库位号" autocomplete="off"> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |     <div class="layui-inline"> | 
 |  |  |         <div class="layui-input-inline"> | 
 |  |  |             <input class="layui-input" type="text" name="matnr" placeholder="箱号/批号"  autocomplete="off"> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |     <div class="layui-inline"> | 
 |  |  |         <div class="layui-input-inline"> | 
 |  |  |             <input class="layui-input" type="text" name="mat_name" placeholder="物料名称" autocomplete="off"> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |  | 
 |  |  |     <!-- 待添加 --> | 
 |  |  |     <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> | 
 |  |  | <!-- 功能区 --> | 
 |  |  | <div class="function-area"> | 
 |  |  |     <button id="mat-query" class="function-btn">提取库存</button> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | <script type="text/html" id="toolbar"> | 
 |  |  |     <div class="layui-form"> | 
 |  |  |         <div class="layui-btn-container"> | 
 |  |  |             <!-- 1.选择出库口 --> | 
 |  |  |             <span id="staNoSpan">出库口:</span> | 
 |  |  |             <select id="staNoSelect" lay-verify="required"> | 
 |  |  |                 <option value="">请选择站点</option> | 
 |  |  |             </select> | 
 |  |  |             <!-- 2.启动出库 --> | 
 |  |  |             <button class="layui-btn layui-btn-lg" id="btn-outbound" lay-event="outbound">启动出库</button> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  | </script> | 
 |  |  | <hr> | 
 |  |  |  | 
 |  |  | <table class="layui-hide" id="stockOut" lay-filter="stockOut"></table> | 
 |  |  | <!-- 表格 --> | 
 |  |  | <div style="padding-bottom: 5px; margin-bottom: 45px"> | 
 |  |  |  | 
 |  |  |     <!-- 头部 --> | 
 |  |  |     <script type="text/html" id="toolbar"> | 
 |  |  |         <div class="layui-form"> | 
 |  |  |             <div class="layui-btn-container"> | 
 |  |  |                 <!-- 1.选择出库口 --> | 
 |  |  |                 <span id="staNoSpan">出库口:</span> | 
 |  |  |                 <select id="staNoSelect" lay-verify="required"> | 
 |  |  |                     <option value="">请选择站点</option> | 
 |  |  |                 </select> | 
 |  |  |                 <!-- 2.启动出库 --> | 
 |  |  |                 <button class="layui-btn layui-btn-lg" id="btn-outbound" lay-event="outbound">启动出库</button> | 
 |  |  |             </div> | 
 |  |  |         </div> | 
 |  |  |     </script> | 
 |  |  |  | 
 |  |  |     <!-- 行 --> | 
 |  |  |     <script type="text/html" id="operate"> | 
 |  |  |         <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> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | <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/template" id="takeSiteSelectTemplate"> | 
 |  |  |     {{#each data}} | 
 |  |  |     <option value="{{this}}">{{this}}</option> | 
 |  |  |     <option value="{{siteId}}">{{desc}}</option> | 
 |  |  |     {{/each}} | 
 |  |  | </script> | 
 |  |  | </body> |