|  |  | 
 |  |  |             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> | 
 |  |  | <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: 16px"> | 
 |  |  |         <div class="not-retrieve" style="color: red"> | 
 |  |  |             请先检索库位 | 
 |  |  |         </div> | 
 |  |  |         <div class="retrieve" style="display: none;color: blue"> | 
 |  |  |             当前检索库位:  <span id="locMsg"></span> | 
 |  |  |         </div> | 
 |  |  |  | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | <hr> | 
 |  |  |  | 
 |  |  | <!-- 功能区 --> | 
 |  |  | <div class="function-area"> | 
 |  |  |     <button id="mat-query" class="function-btn" onclick="getMat()">新增库存</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"> | 
 |  |  |     {{# if(d.removeBtn){ }} | 
 |  |  |     <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/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> |