| <!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; | 
|         } | 
|         .function-area { | 
|             padding: 50px 80px 50px 70px; | 
|             display: inline-block; | 
|         } | 
|         .cool-auto-complete-div { | 
|             height: 40px; | 
|             border-radius: 5px; | 
|             border: 1px solid #b8b8b8; | 
|             color: #888; | 
|             box-shadow: inset 0 1px 2px #ECECEC; | 
|             -moz-box-shadow: inset 0 1px 2px #ECECEC; | 
|             -webkit-box-shadow: inset 0 1px 2px #ECECEC; | 
|         } | 
|   | 
|         .function-btn { | 
|             margin-left: 15px; | 
|             background: #E27575; | 
|             border: none; | 
|             padding: 10px 25px 10px 25px; | 
|             color: #FFF; | 
|             box-shadow: 1px 1px 5px #B6B6B6; | 
|             border-radius: 3px; | 
|             text-shadow: 1px 1px 1px #9E3F3F; | 
|             cursor: pointer; | 
|         } | 
|         .function-btn:hover { | 
|             opacity: 0.8 | 
|         } | 
|   | 
|         .layui-layer-lan .layui-layer-btn a { | 
|             background: #4476A7; | 
|             border-color: #4476A7; | 
|             color: #fff; | 
|         } | 
|         .layui-layer-lan .layui-layer-btn .layui-layer-btn1 { | 
|             background: #fff; | 
|             color: #333; | 
|             border-color: #E9E7E7; | 
|         } | 
|         .layui-layer-lan .layui-layer-btn .layui-layer-btn1:hover { | 
|             background-color: #f7f7f7; | 
|         } | 
|   | 
|         #loc-move-btn { | 
|             /*display: none;*/ | 
|         } | 
|     </style> | 
| </head> | 
| <body> | 
|   | 
| <div class="function-area layui-form"> | 
|     <!-- 源库位 --> | 
|     <div class="layui-inline"> | 
|         <div class="layui-input-inline"> | 
|             <input id="sourceLocNo" class="layui-input" onkeyup="getLoc(this)" type="text" placeholder="源库位" autocomplete="off"> | 
|         </div> | 
|     </div> | 
|     <div class="layui-form-mid" style="float: none; display: inline-block; margin-left: 10px">-</div> | 
|     <div class="layui-input-inline"> | 
|         <select id="targetLocNo" name="modules" lay-verify="required" lay-search=""> | 
|             <option value="">目标空库位</option> | 
|         </select> | 
|     </div> | 
|     <button id="loc-move-btn" class="function-btn" onclick="locMove()" style="background: #4476A7;text-shadow: inherit;height: 45px;font-size: 15px;margin-left: 20px">库位移转</button> | 
| </div> | 
|   | 
| <hr> | 
|   | 
| <table class="layui-table" id="locMatCode" lay-filter="locMatCode"></table> | 
|   | 
| <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/saas/locMove.js" charset="utf-8"></script> | 
|   | 
| <script type="text/template" id="emptyLocStock"> | 
|     <option value="">请输入并选择</option> | 
|     {{#each data}} | 
|     <option value="{{this.uuid}}">{{this.uuid}}</option> | 
|     {{/each}} | 
| </script> | 
|   | 
| <div id="locMoveWindow" style="height: 100%;display: none"> | 
|     <div style="float: left;width: 35%;height: 100%"> | 
|         <div> | 
|             <span style="display: block">源库位</span> | 
|             <input type="text"> | 
|         </div> | 
|     </div> | 
|     <div style="float: left;width: 30%;height: 100%;position: relative;"> | 
|         <span style="position:absolute;top: 45%;left: 50%;color: #666;transform: translateX(-50%);;display: block">移转至</span> | 
|         <hr style="position: absolute; top: 50%;width: 100%;border: none;height: 1px;background-color: #666"> | 
|   | 
|     </div> | 
|     <div style="float: right;width: 35%;height: 100%"> | 
|         <div> | 
|             <span style="display: block">目标库位</span> | 
|             <input type="text"> | 
|         </div> | 
|     </div> | 
| </div> | 
| </body> | 
| </html> |