| <!DOCTYPE html> | 
| <html lang="en"> | 
| <head> | 
|     <meta charset="utf-8"> | 
|     <title></title> | 
|     <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/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> | 
|         html { | 
|             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; | 
|         } | 
|   | 
|         #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-outbound { | 
|             margin-left: 60px; | 
|             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 class="function-area"> | 
|     <button id="mat-query" class="function-btn">提取库存</button> | 
| </div> | 
|   | 
| <hr> | 
|   | 
| <!-- 表格 --> | 
| <div style="padding-bottom: 5px; margin-bottom: 45px"> | 
|   | 
|     <!-- 头部 --> | 
|     <script type="text/html" id="toolbar"> | 
|         <div class="layui-form"> | 
|             <div class=" layui-inline layui-btn-container"> | 
|                 <!-- 1.选择出库口 --> | 
|                 <span id="staNoSpan">出库口:</span> | 
|                 <select id="staNoSelect" lay-verify="required"> | 
|                     <option value="">请选择站点</option> | 
|                 </select> | 
|             </div> | 
|   | 
|             <div class="layui-inline"> | 
|                 <label style="width: 100px" class="layui-form-label">入库仓库:</label> | 
|                 <div class="layui-input-block cool-auto-complete"> | 
|                     <input class="layui-input" name="itemId" id="itemId" placeholder="请输入入库仓库" style="display: none"> | 
|                     <input style="width: 200px" id="itemName" name="itemName" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="请输入入库仓库" onfocus=this.blur() lay-verType="tips" lay-verify="required"> | 
|                     <div class="cool-auto-complete-window"> | 
|                         <input class="cool-auto-complete-window-input" data-key="storeTypeQueryBystoreType" onkeyup="autoLoad(this.getAttribute('data-key'))"> | 
|                         <select class="cool-auto-complete-window-select" data-key="storeTypeQueryBystoreTypeSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> | 
|                         </select> | 
|                     </div> | 
|                 </div> | 
|             </div> | 
|             <!-- 2.启动出库 --> | 
|             <button class="layui-btn layui-btn-lg" id="btn-outbound" lay-event="outbound">启动出库</button> | 
|         </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/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/handlebars/handlebars-v4.5.3.js"></script> | 
| <script type="text/javascript" src="../../static/js/pakStore/stockOutZKCK.js" charset="utf-8"></script> | 
|   | 
| <script type="text/template" id="takeSiteSelectTemplate"> | 
|     {{#each data}} | 
|     <option value="{{siteId}}">{{desc}}</option> | 
|     {{/each}} | 
| </script> | 
| </body> | 
| </html> |