<!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/agvPakStore/locMove.js" charset="utf-8"></script> 
 | 
  
 | 
<script type="text/template" id="emptyLocStock"> 
 | 
    <option value="">请输入并选择</option> 
 | 
    {{#each data}} 
 | 
    <option value="{{this}}">{{this}}</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> 
 |