|  |  |  | 
|---|
|  |  |  | <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/handlebars/handlebars-v4.5.3.js"></script> | 
|---|
|  |  |  | <script type="text/javascript" src="../../static/js/pakStore/locMove.js" charset="utf-8"></script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script type="text/template" id=""> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  |  | 
|---|