|  |  | 
 |  |  |         .function-btn { | 
 |  |  |             font-size: 16px; | 
 |  |  |             padding: 1px 1px 1px 1px; | 
 |  |  |             width: 100px; | 
 |  |  |             width: 120px; | 
 |  |  |             height: 40px; | 
 |  |  |             border-color: #2b425b; | 
 |  |  |             border-radius: 4px; | 
 |  |  | 
 |  |  |             border-style: solid; | 
 |  |  |             transition: 0.4s; | 
 |  |  |             cursor: pointer; | 
 |  |  |             letter-spacing: 3px; | 
 |  |  |         } | 
 |  |  |         .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 class="layui-input" type="text" name="loc_no" placeholder="库位号" autocomplete="off"> | 
 |  |  |             <input id="searchLocNo" class="layui-input" type="text" name="loc_no" placeholder="库位号" autocomplete="off"  style="height: 45px;border-color: #b8b8b8"> | 
 |  |  |         </div> | 
 |  |  |     </div> | 
 |  |  |     <!-- 待添加 --> | 
 |  |  | 
 |  |  |         <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> | 
 |  |  |     <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> | 
 |  |  |  |