| | |
|---|
| | | <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; |
|---|
| | | } |
|---|
| | | 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> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| | | |
|---|
| | | <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> |
|---|
