|  |  | 
 |  |  |         <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="mat_no" placeholder="商品编号" autocomplete="off"> | 
 |  |  |                     <input class="layui-input" type="text" name="matnr" placeholder="商品编号" autocomplete="off"> | 
 |  |  |                 </div> | 
 |  |  |             </div> | 
 |  |  |             <div class="layui-inline"> | 
 |  |  |                 <div class="layui-input-inline"> | 
 |  |  |                     <input class="layui-input" type="text" name="maktx" placeholder="商品名称" autocomplete="off"> | 
 |  |  |                 </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> | 
 |  |  |     </fieldset> | 
 |  |  |  | 
 |  |  |     <div class="layui-form"> | 
 |  |  |         <table class="layui-hide" id="matCode" lay-filter="matCode"></table> | 
 |  |  |         <table class="layui-hide" id="mat" lay-filter="mat"></table> | 
 |  |  |     </div> | 
 |  |  | </div> | 
 |  |  |  | 
 |  |  | 
 |  |  | <script> | 
 |  |  |     function getCol() { | 
 |  |  |         let cols = [ | 
 |  |  |             {type: 'checkbox', fixed: 'left'} | 
 |  |  |             {type: 'checkbox',width: 50, fixed: 'left'} | 
 |  |  |         ]; | 
 |  |  |         cols.push.apply(cols, matCols); | 
 |  |  |         cols.push( | 
 |  |  | 
 |  |  |  | 
 |  |  |         // 物料查询数据表 | 
 |  |  |         matQueryTable = table.render({ | 
 |  |  |             elem: '#matCode', | 
 |  |  |             elem: '#mat', | 
 |  |  |             headers: {token: localStorage.getItem('token')}, | 
 |  |  |             url: baseUrl + '/matCode/list/auth', | 
 |  |  |             url: baseUrl + '/mat/list/auth', | 
 |  |  |             page: true, | 
 |  |  |             limit: 7, | 
 |  |  |             limits: [7, 10, 30,50,100], | 
 |  |  | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 监听头工具栏事件 | 
 |  |  |         table.on('toolbar(matCode)', function (obj) { | 
 |  |  |         table.on('toolbar(mat)', function (obj) { | 
 |  |  |             let checkStatus = table.checkStatus(obj.config.id); | 
 |  |  |             let data = checkStatus.data; | 
 |  |  |             switch(obj.event) { | 
 |  |  | 
 |  |  |  | 
 |  |  |         // 搜索栏搜索事件 | 
 |  |  |         form.on('submit(search)', function (data) { | 
 |  |  |             tableReload(); | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  |         // 搜索栏重置事件 | 
 |  |  |         form.on('submit(reset)', function (data) { | 
 |  |  |             clearFormVal($('#search-box')); | 
 |  |  |             tableReload(); | 
 |  |  |         }); | 
 |  |  |  | 
 |  |  | 
 |  |  |         }); | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     function clearFormVal(el) { | 
 |  |  |         $(':input', el) | 
 |  |  |             .val('') | 
 |  |  |             .removeAttr('checked') | 
 |  |  |             .removeAttr('selected'); | 
 |  |  |     } | 
 |  |  | </script> | 
 |  |  | </html> | 
 |  |  |  |