{{#  var lang001 = {"ch": "安全策略日志", "en": "Security Policy Log"},     lang002 = {"ch": "序号", "en": "No."},     lang003 = {"ch": "时间", "en": "Time"},     lang004 = {"ch": "源接口", "en": "Src IF"},     lang005 = {"ch": "源IP", "en": "Src IP"},     lang006 = {"ch": "目标IP", "en": "Dst IP"},     lang007 = {"ch": "应用协议", "en": "Application"},     lang008 = {"ch": "传输协议", "en": "Protocol"},     lang009 = {"ch": "VLAN", "en": "VLAN"},     lang010 = {"ch": "动作", "en": "Action"},     lang011 = {"ch": "关键字搜索", "en": "Keyword Search"},     lang012 = {"ch": "源端口", "en": "Src Port"},     lang013 = {"ch": "目标端口", "en": "Dst Port"};  }}  <form class="layui-row layui-form layui-form-pane paui-table-form" lay-filter="form_acl_list_log_search"> <div class="layui-form-item paui-table-form-left"> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off"             placeholder='{{ lang011[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_acl_list_log_search"> </div> <div class="layui-form-mid" style="padding:0px!important"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_acl_list_log_search" id="submit_acl_list_log_search"> <i class="layui-icon layui-icon-search"></i> </button> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_acl_list_log" lay-filter="tab_acl_list_log"></table>     <div class="layui-table-page" id="page_acl_list_log"></div> </div>  <script>     layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();     var api = '/cgi-bin/flowcontrol/ajax_acl';      /* 页面初始 */     form.render();      var event_center = {         btnevt_export: function(){ pa_ajax({ url: api, data: {'action': 'export_acl_list_log_csv'}, success: function(json){ if(json.code != 0) alert_err(json.msg); else web_download(json.data); } });         },  tabevt_ip: function(obj){             popupIPobj(obj.data.sip); },     };       var col_render = function(r){         switch(this.field){             case "time":                 return util.toDateString(Number(r.time) * 1000);              case "action":                 if(r.action == 'drop'){                     return '<span>阻断</span>'                 }else if(r.action == 'accept'){                     return '<span>放行</span>'                 }              case "sip": return  ['<span class="abtn" lay-event="tabevt_ip" autoclose="false" showzone="2">',                                                 r.sip,                                                 '</span>'                                                 ].join('');       case "proto": return r.proto.toUpperCase();         }     };       var table_search = function(){         var search = form.getValue("form_acl_list_log_search");         pa_table.reload({             where: search         });     };      pa_table.render({ elem: '#tab_acl_list_log',         height: 'full-190',         url: api, where: {"action": "load_acl_list_log"},         page: true,         pageType: 'web', pageElem: 'page_acl_list_log', parseData: function(json){ var data = []; var search = form.getValue("form_acl_list_log_search"); layui.each(json.data, function(index, elem){                  /* if(elem.desc.indexOf("%20")){ elem.desc = elem.desc.replaceAll("%20", " ");  } */  if(!pa_str_find(JSON.stringify(elem), search.keyword)) return;  /* if(search.enable != "" && search.enable != elem.enable) return; */  data.push(elem);   });     json.data = data;     json.count = data.length;     return json; }, cols: [[                   { type: 'numbers', title: '{{ lang002[g_lang] || "序号" }}' }                 , { field: 'time', title: '{{ lang003[g_lang] || "时间" }}', sort: true,templet:col_render }                 , { field: 'inif', title: '{{ lang004[g_lang] || "源接口" }}', sort: true }                 , { field: 'proto', title: '{{ lang008[g_lang] || "传输协议" }}', sort: true, templet:col_render }                 , { field: 'sip', title: '{{ lang005[g_lang] || "源IP" }}', sort: true,templet:col_render }                 , { field: 'sport', title: '{{ lang012[g_lang] || "源端口" }}', sort: true }                 , { field: 'dip', title: '{{ lang006[g_lang] || "目标IP" }}', sort: true, }                 , { field: 'dport', title: '{{ lang013[g_lang] || "目标端口" }}', sort: true }                 , { field: 'appproto', title: '{{ lang007[g_lang] || "应用协议" }}', sort: true }                 , { field: 'vlan', title: '{{ lang009[g_lang] || "VLAN" }}', sort: true }                 , { field: 'action', title: '{{ lang010[g_lang] || "动作" }}', sort: true,templet:col_render } ]],     });      util.event('paui_acl_list_log_event', event_center);     form.on('select(select_acl_list_log_search)', table_search);     form.on('input-affix(clear_acl_list_log_search)', table_search); form.on('submit(submit_acl_list_log_search)', function(obj){ table_search(); return false; });      table.on('tool(tab_acl_list_log)', function(obj){ event_center[obj.event](obj); });      }); </script>