{{# var lang001 = {"ch": "关键字搜索", "en": "Search"}, lang002 = {"ch": "查看", "en": "View"}, lang003 = {"ch": "导出", "en": "Export"}, lang004 = {"ch": "确定要导出吗", "en": "Confirm Export?"}, lang005 = {"ch": "序号", "en": "No."}, lang006 = {"ch": "文件名称", "en": "File Name"}, lang007 = {"ch": "记录数", "en": "Record Count"}, lang008 = {"ch": "文件大小", "en": "File Size"}, lang009 = {"ch": "操作", "en": "Action"}; }}  <div style="margin:10px">     <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_history_log">         <div class="layui-form-item paui-table-form-left">             <div class="layui-input-inline">                 <input class="layui-input" name="keyword" type="text" placeholder='{{ lang001[g_lang] || "关键字搜索" }}'>             </div>             <div class="layui-input-inline" style="width:40px">                 <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_history_log">                     <i class="layui-icon layui-icon-search"></i>                 </button>             </div>         </div>     </form>     <div class="paui-table-card" style="padding: 10px">         <table id="tab_sys_history_log" lay-filter="tab_sys_history_log"></table>     </div> </div>  <script id="tpl_syslog_history_tdaction" type="text/html"> <span class="abtn" lay-event="tabevt_view" title='{{ lang002[g_lang] || "查看" }}'> <i class="layui-icon layui-icon-search"></i> </span> <span class="abtn" lay-event="tabevt_export" title='{{ lang003[g_lang] || "导出" }}'> <i class="pa-icon pa-download"></i> </span> </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, patpl = layui.patpl, table = layui.table;  var api  = "/cgi-bin/system/ajax_sys_log"; var pa_table = new Paui_table();   var event_center = {  tabevt_view: function(obj){ var search = form.getValue("form_history_log"); var data = obj.data.file_name.split("_")[1].split("."); $('input[name="keyword"]').val(search.keyword); $('#{{d.time}}').val(data[0]+'.'+data[1]+'.'+data[2] + ' - ' + data[0]+'.'+data[1]+'.'+data[2]); $('#{{d.reload}}').click(); layer.closeAll(); },  tabevt_export: function(obj){ pa_confirm('{{ lang004[g_lang] || "确定要导出吗" }}?', function(index){ layer.close(index); pa_ajax({ url: api, data:{'action': 'export_log', 'file_name': obj.data.file_name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else{ web_download(json.data.file_name); $("#paui-sys-action-log-reload").click(); } } }); }); } };   var table_search = function(){ var search = form.getValue("form_history_log"); pa_table.reload({ where: search }); };   /* 页面渲染 */ pa_table.render({ elem: '#tab_sys_history_log', height: 'full-185', url: api, initSort: {'field': 'file_name', 'type': 'desc'}, where: {'action': 'list_history_log', 'type': '{{d.type}}'}, cols: [[ {type: 'numbers', title: '{{ lang005[g_lang] || "序号" }}'} ,{field: 'file_name', title: '{{ lang006[g_lang] || "文件名称" }}', sort: true, templet: function(r){ return '<span class="abtn" lay-event="tabevt_view">'+ r.file_name +'</span>'; }} ,{field: 'file_rows', title: '{{ lang007[g_lang] || "记录数" }}', width: 140, sort: true} ,{field: 'file_size', title: '{{ lang008[g_lang] || "文件大小" }}', width: 140, sort: true, templet: function(r){ return numberformat(r.file_size); }} ,{field: 'act', title: '{{ lang009[g_lang] || "操作" }}', width: 60, align: 'right', templet: '#tpl_syslog_history_tdaction'} ]] });   /* 事件绑定 */ table.on('tool(tab_sys_history_log)', function(obj){ event_center[obj.event](obj); });  form.on('submit(submit_history_log)', function(obj){ table_search(); return false; });  }); </script>