{{# var lang001 = {"ch": "序号", "en": "No."}, lang002 = {"ch": "时间", "en": "Time"}, lang003 = {"ch": "类型", "en": "Type"}, lang004 = {"ch": "源地址", "en": "Source Address"}, lang005 = {"ch": "目标地址", "en": "Destination Address"}, lang006 = {"ch": "源端口", "en": "Source Port"}, lang007 = {"ch": "目标端口", "en": "Destination Port"}, lang008 = {"ch": "协议", "en": "Protocol"}, lang009 = {"ch": "应用名称", "en": "Application Name"}, lang010 = {"ch": "策略编号", "en": "Policy ID"}, lang011 = {"ch": "描述", "en": "Description"}, lang012 = {"ch": "不刷新", "en": "No Refresh"}, lang013 = {"ch": "5秒", "en": "5 Seconds"}, lang014 = {"ch": "10秒", "en": "10 Seconds"}, lang015 = {"ch": "20秒", "en": "20 Seconds"}, lang016 = {"ch": "60秒", "en": "60 Seconds"}, lang017 = {"ch": "关键字搜索", "en": "Keyword Search"}, lang018 = {"ch": "导出", "en": "Export"}, lang019 = {"ch": "自动刷新", "en": "Auto Refresh"}, lang020 = {"ch": "连接控制", "en": "Connection Control"},     lang021 = {"ch": "流控阻断", "en": "Traffic Control Block"}, lang022 = {"ch": "流控限速", "en": "Traffic Control Rate Limit"}, lang023 = {"ch": "URL阻断", "en": "URL Block"}, lang024 = {"ch": "DNS阻断", "en": "DNS Block"}, lang025 = {"ch": "其他", "en": "Other"};  }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_blocklog_search">     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang019[g_lang] || "自动刷新" }}</label>         <div class="layui-input-inline" style="width:80px">             <select name="refresh" lay-filter="select_blocklog_refresh" id="select_blocklog_refresh">                 <option value="" selected>{{ lang012[g_lang] || "不刷新" }}</option>                 <option value=5>{{ lang013[g_lang] || "5秒" }}</option>                 <option value=10>{{ lang014[g_lang] || "10秒" }}</option>                 <option value=20>{{ lang015[g_lang] || "20秒" }}</option>                 <option value=60>{{ lang016[g_lang] || "60秒" }}</option>             </select>         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <div class="layui-input-inline" style="width:120px;">             <input type="text" name="keyword" class="layui-input" autocomplete="off"             placeholder='{{ lang017[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_blocklog_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <div class="layui-input-inline" style="width:80px">             <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_blocklog_search" id="submit_blocklog_search">                 <i class="layui-icon layui-icon-search"></i>             </button>         </div>     </div> <div class="layui-form-item paui-table-form-right">         <div class="layui-form-mid">             <span class="abtn" ipview_event="btnevt_export"> <i class="pa-icon pa-download"></i>&nbsp;{{ lang018[g_lang] || "导出" }} </span> </div> </div> </form>  <div class="layui-row paui-table-card">     <table id="tab_ipview_blocklog" lay-filter="tab_ipview_blocklog"></table>     <div class="layui-table-page" id="page_ipview_blocklog"></div> </div>  <script> layui.use(function(){     var $ = layui.$,     patpl = layui.patpl,     table = layui.table,     form = layui.form;      var pa_table = new Paui_table();     var pa_timer = new Paui_timer();      var api = '/cgi-bin/dashboard/ajax_ipobj';      var col_render = function(r){         switch(this.field){             case "type":                 if(r.type == "seslimit"){                      return '<span>{{ lang020[g_lang] || "连接控制" }}</span>';                 }else if(r.type == "pktdrop"){                      return '<span>{{ lang021[g_lang] || "流控阻断" }}</span>';                 }else if(r.type == "ratelimit"){                      return '<span>{{ lang022[g_lang] || "流控限速" }}</span>';                 }else if(r.type == "urldeny"){                      return '<span>{{ lang023[g_lang] || "URL阻断" }}</span>';                 }else if(r.type == "dnsdrop"){                      return '<span>{{ lang024[g_lang] || "DNS阻断" }}</span>';                 }else{                      return '<span>{{ lang025[g_lang] || "其他" }}</span>';                 }              case "desc":                 if(r.desc == "NULL"){                     return "";                 }else{                     return r.desc;                 }                         }     };      var event_center = {                  btnevt_export: function(){ pa_ajax({ url: api, data: {'action': 'export_blocklog_csv','ip': '{{d.ip}}' ,'type': '{{d.type}}'}, success: function(json){ if(json.code != 0) alert_err(json.msg); else web_download(json.data); } });         }     };       var table_search = function(){         var search = form.getValue("form_blocklog_search");         pa_table.reload({             where: search         });     };       /* 页面加载 */     form.render();      pa_table.render({         elem: '#tab_ipview_blocklog',         url: api,         pageElem: 'page_ipview_blocklog',         where: {'action': 'load_ip_blocklog', 'ip': '{{d.ip}}' ,'type': '{{d.type}}'}, height: 'full-{{d.type == "all_log" ? 185 : 155}}',         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         }, cols: [[             {type: 'numbers', title: '{{ lang001[g_lang] || "序号" }}'} ,{field: 'time', title: '{{ lang002[g_lang] || "时间" }}',width:150}             ,{field: 'proto', title: '{{ lang008[g_lang] || "协议" }}'} ,{field: 'type', title: '{{ lang003[g_lang] || "类型" }}',templet:col_render}             ,{field: 'src', title: '{{ lang004[g_lang] || "源地址" }}'}             ,{field: 'sport', title: '{{ lang006[g_lang] || "源端口" }}'}             ,{field: 'dst', title: '{{ lang005[g_lang] || "目标地址" }}'}             ,{field: 'dport', title: '{{ lang007[g_lang] || "目标端口" }}'}             ,{field: 'appcname', title: '{{ lang009[g_lang] || "应用名称" }}', templet: function(r){                 return g_lang == "ch" ? r.appcname : r.appname;             }}             ,{field: 'policy_id', title: '{{ lang010[g_lang] || "策略编号" }}'}             ,{field: 'desc', title: '{{ lang011[g_lang] || "描述" }}',templet:col_render} ]],     });       util.event('ipview_event', event_center);     form.on('input-affix(clear_blocklog_search)', table_search); form.on('select(select_blocklog_refresh)', table_search); form.on('submit(submit_blocklog_search)', function(obj){ table_search(); return false; });     pa_timer.render('select_blocklog_refresh', table_search); }); </script>