| | |
| | | padding-bottom: 20px; |
| | | } |
| | | .function-area { |
| | | padding: 50px 0px 30px 50px; |
| | | padding: 50px 80px 30px 70px; |
| | | display: inline-block; |
| | | } |
| | | .cool-auto-complete-div { |
| | | height: 40px; |
| | |
| | | -webkit-box-shadow: inset 0 1px 2px #ECECEC; |
| | | } |
| | | |
| | | |
| | | #loc-query-btn { |
| | | .function-btn { |
| | | margin-left: 15px; |
| | | background: #E27575; |
| | | border: none; |
| | |
| | | text-shadow: 1px 1px 1px #9E3F3F; |
| | | cursor: pointer; |
| | | } |
| | | #loc-query-btn:hover { |
| | | .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; |
| | | } |
| | | </style> |
| | | </head> |
| | | <body> |
| | | |
| | | <div class="function-area"> |
| | | <div class="layui-inline" > |
| | | <!-- <label class="layui-form-label">库 位 号:</label>--> |
| | | <div class="function-area" style="border-right: 1px solid #d5d5d5"> |
| | | <div class="layui-inline"> |
| | | <div class="layui-input-inline cool-auto-complete"> |
| | | <input id="locNo" class="layui-input" name="loc_no" type="text" onkeyup="check(this.id, 'locDetl')" autocomplete="off" style="display: none"> |
| | | <input id="locNo$" class="layui-input cool-auto-complete-div" onclick="autoShow(this.id)" type="text" placeholder="库位号" onfocus=this.blur()> |
| | | <input id="locNo$" class="layui-input cool-auto-complete-div search-input" onclick="autoShow(this.id)" type="text" placeholder="库位号" onfocus=this.blur()> |
| | | <div class="cool-auto-complete-window"> |
| | | <input class="cool-auto-complete-window-input" data-key="locMastQueryBylocNo" onkeyup="autoLoad(this.getAttribute('data-key'))"> |
| | | <select class="cool-auto-complete-window-select" data-key="locMastQueryBylocNoSelect" onchange="confirmed(this.getAttribute('data-key'))" multiple="multiple"> |
| | |
| | | </div> |
| | | </div> |
| | | <button id="loc-query-btn" class="function-btn" onclick="getLoc()">搜索</button> |
| | | </div> |
| | | <div class="function-area"> |
| | | <!-- 源库位 --> |
| | | <div class="layui-inline"> |
| | | <div class="layui-input-inline"> |
| | | <input id="sourceLocNo" class="layui-input cool-auto-complete-div" type="text" placeholder="源库位" style="width: 150px;cursor: initial"> |
| | | </div> |
| | | </div> |
| | | <div class="layui-form-mid" style="float: none; display: inline-block; margin-left: 10px">-</div> |
| | | <!-- <hr style="display: inline-block;width: 80px;margin-top: 20px">--> |
| | | <!-- 目标库位 --> |
| | | <div class="layui-inline"> |
| | | <div class="layui-input-inline"> |
| | | <input id="targetLocNo" class="layui-input cool-auto-complete-div" type="text" placeholder="目标库位" style="width: 150px;cursor: initial"> |
| | | </div> |
| | | </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> |
| | |
| | | |
| | | <script type="text/template" id=""> |
| | | </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> |