| <!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); | 
|         } | 
|   | 
|         /* search */ | 
|         .layui-card-header { | 
|             border-bottom: none; | 
|         } | 
|         #search-box { | 
|             padding: 30px 0 10px 0; | 
|         } | 
|         #search-box .layui-inline:first-child { | 
|             margin-left: 30px; | 
|         } | 
|         #search-box .layui-inline { | 
|             margin-right: 5px; | 
|         } | 
|   | 
|         #data-search-btn { | 
|             margin-left: 10px; | 
|             display: inline-block; | 
|         } | 
|         #data-search-btn.layui-btn-container .layui-btn { | 
|             margin-right: 20px; | 
|         } | 
|   | 
|         /* add */ | 
|         .function-area { | 
|             padding: 15px 0 20px 40px; | 
|         } | 
|         .function-btn { | 
|             font-size: 16px; | 
|             padding: 1px 1px 1px 1px; | 
|             width: 120px; | 
|             height: 40px; | 
|             border-color: #2b425b; | 
|             border-radius: 4px; | 
|             border-width: 1px; | 
|             background: none; | 
|             border-style: solid; | 
|             transition: 0.4s; | 
|             cursor: pointer; | 
|         } | 
|         .function-btn:hover { | 
|             background-color: #2b425b; | 
|             color: #fff; | 
|         } | 
|   | 
|         #mat-query { | 
|             display: none; | 
|         } | 
|         #btn-adjust { | 
|             display: none; | 
|         } | 
|     </style> | 
| </head> | 
| <body style="padding-bottom: 30px"> | 
|   | 
| <!-- 搜索栏 --> | 
| <div id="search-box" class="layui-form layui-card-header"> | 
|     <div class="layui-inline"> | 
|         <div class="layui-input-inline"> | 
|             <input id="searchLocNo" class="layui-input" type="text" name="loc_no" placeholder="库位号" autocomplete="off"  style="height: 45px;border-color: #b8b8b8"> | 
|         </div> | 
|     </div> | 
|     <!-- 待添加 --> | 
|     <div id="data-search-btn" class="layui-btn-container layui-form-item" style="display: inline-block"> | 
|         <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">检索</button> | 
|         <button id="reset" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="reset">重置</button> | 
|     </div> | 
|     <!-- 库位提示 --> | 
|     <div style="display: inline-block; font-size: 20px;font-weight: 300"> | 
|         <div class="not-retrieve" style="color: #ff0000;font-family: '黑体';"> | 
|             请先检索库位 | 
|         </div> | 
|         <div class="retrieve" style="display: none;color: #0097ff;font-family: '黑体';"> | 
|             当前检索库位:  <span id="locMsg" style=""></span> | 
|         </div> | 
|   | 
|     </div> | 
| </div> | 
|   | 
| <hr> | 
|   | 
| <!-- 功能区 --> | 
| <div class="function-area"> | 
|     <button id="mat-query" class="function-btn">新增库存</button> | 
| </div> | 
|   | 
| <!-- 头部 --> | 
| <script type="text/html" id="toolbar"> | 
|     <button class="layui-btn layui-btn-lg" id="btn-adjust" lay-event="adjust" style="">调整库存</button> | 
| </script> | 
|   | 
| <!-- 行 --> | 
| <script type="text/html" id="operate"> | 
|     <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="remove">移除</a> | 
| </script> | 
|   | 
| <!-- 表格 --> | 
| <table class="layui-table" id="chooseData" lay-filter="chooseData"></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/pakStore/stockAdjust.js" charset="utf-8"></script> | 
|   | 
| </body> | 
| </html> |