{{# var lang001 = {"ch": "状态", "en": "Status"}, lang002 = {"ch": "关键字搜索", "en": "Search"}, lang003 = {"ch": "批量操作", "en": "Batch"}, lang004 = {"ch": "禁用策略", "en": "Disable Policy"}, lang005 = {"ch": "启用策略", "en": "Enable Policy"}, lang006 = {"ch": "删除策略", "en": "Delete Policy"}, lang007 = {"ch": "添加策略", "en": "Add Policy"}, lang008 = {"ch": "编辑", "en": "Edit"}, lang009 = {"ch": "删除", "en": "Delete"}, lang010 = {"ch": "禁用", "en": "Disable"}, lang011 = {"ch": "启用", "en": "Enable"}, lang012 = {"ch": "确定要删除选中策略", "en": "Confirm to delete the policy"}, lang013 = {"ch": "确定要禁用选中策略", "en": "Confirm to disable the policy"}, lang014 = {"ch": "请选择需要操作的策略", "en": "Select the policy first"}, lang015 = {"ch": "确定要启用选中策略", "en": "Confirm to enable the policy"}, lang016 = {"ch": "添加策略", "en": "Add Policy"}, lang017 = {"ch": "编辑策略", "en": "Edit Policy"}, lang018 = {"ch": "确定要删除策略", "en": "Confirm to delete the policy"}, lang019 = {"ch": "确定要禁用策略", "en": "Confirm to disable the policy"}, lang020 = {"ch": "确定要启用策略", "en": "Confirm to enable the policy"}, lang021 = {"ch": "序号", "en": "No."}, lang022 = {"ch": "VLAN", "en": "VLAN"},     lang023 = {"ch": "源地址", "en": "Src Address"},     lang024 = {"ch": "目标地址", "en": "Dst Address"},     lang025 = {"ch": "攻击类型", "en": "Attack Type"},     lang026 = {"ch": "阈值", "en": "Threshold"},     lang027 = {"ch": "动作", "en": "Action"}, lang028 = {"ch": "操作", "en": "Action"}, lang029 = {"ch": "复制策略", "en": "Copy"},     lang030 = {"ch": "请选择", "en": "Please select"},     lang031 = {"ch": "告警", "en": "Alert"},     lang032 = {"ch": "丢弃", "en": "Drop"},     lang033 = {"ch": "复制", "en": "Copy"}, lang034 = {"ch": "命中数", "en": "Hit Count"},     lang035 = {"ch": "备注", "en": "Description"}; }}  <div class="paui-page-attackpro—list"> <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_attackpro_search"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label">{{ lang001[g_lang] || "状态" }}</label> <div class="layui-input-inline" style="width:80px"> <select name="enable" lay-filter="select_attackpro_refresh" id="select_attackpro_refresh"> <option value="">{{ lang030[g_lang] || "请选择" }}</option> <option value="1">{{ lang011[g_lang] || "启用" }}</option> <option value="0">{{ lang010[g_lang] || "禁用" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang002[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_attackpro_search"> </div> <div class="layui-input-inline" style="width:40px"> <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_attackpro_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" paui-hover-evt="paui_btn_more" style="margin-right:0px"> <span class="abtn"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang003[g_lang] || "批量操作" }} </span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn" attackpro-event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang004[g_lang] || "禁用策略" }} </span> </dd> <dd> <span class="abtn" attackpro-event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang005[g_lang] || "启用策略" }} </span> </dd> <dd> <span class="abtn" attackpro-event="btnevt_remove"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang006[g_lang] || "删除策略" }} </span> </dd> </dl> </div> <div class="layui-form-mid"> <span class="abtn" attackpro-event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>{{ lang007[g_lang] || "添加策略" }} </span> <span class="abtn paui-attackpro-table-filter"> <i class="pa-icon pa-filter"></i> </span> <span class="layui-hide" id="paui-btn-reload-attackpro" attackpro-event="btnevt_reload"></span> </div> </div> </form> <div class="layui-row paui-table-card"> <table id="tab_attackpro_list" lay-filter="tab_attackpro_list"></table> <div class="layui-table-page" id="page_attackpro_list"></div> </div> </div>  <script id="tpl_attackpro_action" type="text/html">     <span class="abtn" lay-event="tabevt_copy" title='{{ lang033[g_lang] || "复制" }}'>         <i class="layui-icon layui-icon-templeate-1"></i>     </span>     <span class="abtn" lay-event="tabevt_edit" title='{{ lang008[g_lang] || "编辑" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang009[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> {%# if (d.enable == 1) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang010[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang011[g_lang] || "启用" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table, patpl = layui.patpl;  var api = '/cgi-bin/protection/ajax_attackpro';  var pa_table = new Paui_table();   var event_center = {         btnevt_disable: function(){ var data = ""; var chk = table.checkStatus('tab_attackpro_list'); if(chk.data.length == 0){ layer.msg('{{ lang014[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; }); pa_confirm('{{ lang013[g_lang] || "确定要禁用选中策略" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btndisable_policy", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_enable: function(){ var data = ""; var chk = table.checkStatus('tab_attackpro_list'); if(chk.data.length == 0){ layer.msg('{{ lang014[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; }); pa_confirm('{{ lang015[g_lang] || "确定要启用选中策略" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btnenable_policy", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },  btnevt_remove: function(){ var data = ""; var chk = table.checkStatus('tab_attackpro_list'); if(chk.data.length == 0){ layer.msg('{{ lang014[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; });  pa_confirm('{{ lang012[g_lang] || "确定要删除选中策略" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btnremove_policy", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_add: function(){ paopen({ title: '{{ lang016[g_lang] || "添加策略" }}', url: '/html/protection/attackpro_add.html', data: {'action': 'add_policy'}, area: ['790px', '650px'], btn: 'default', subElem: '#submit_add_policy' }); },  btnevt_reload: function(){ table_search(); },  tabevt_copy: function(obj){ obj.data.action = "add_policy"; paopen({ title: '{{ lang029[g_lang] || "复制策略" }}' + obj.data.id, url: '/html/protection/attackpro_add.html', data: obj.data, area: ['790px', '600px'], btn: 'default', subElem: '#submit_add_policy' }); },  tabevt_edit: function(obj){ obj.data.action = "edit_policy"; paopen({ title: '{{ lang017[g_lang] || "编辑策略" }}' + obj.data.id, url: '/html/protection/attackpro_add.html', data: obj.data, area: ['790px', '650px'], btn: 'default', subElem: '#submit_add_policy' }); },  tabevt_rmv: function(obj){ pa_confirm('{{ lang018[g_lang] || "确定要删除策略" }}' + obj.data.id, function(index){ layer.close(index); obj.data.action = "remove_policy"; pa_ajax({ url: api, data: obj.data, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },          tabevt_disable: function(obj){             pa_confirm('{{ lang019[g_lang] || "确定要禁用策略" }}' + obj.data.id, function(index){                 layer.close(index);                 obj.data.action = "disable_policy";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_enable: function(obj){             pa_confirm('{{ lang020[g_lang] || "确定要启用策略" }}' + obj.data.id, function(index){                 layer.close(index);                 obj.data.action = "enable_policy";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         }  };   var col_render = function(r){ switch(this.field){  case "id":                 return '<span class="abtn" lay-event="tabevt_edit">'+ r.id +'</span>';                          case "inip":                 r.inport = r.inport == 0 ? "any" : r.inport;                 if(r.inip == "" && r.inport == "any")                     return '<div style="padding: 5px 0px;">any</div>';                 else                     return patpl($("#paui-tpl-policy-ip").html()).render({ip: r.inip, port: r.inport});              case "outip":                 r.outport = r.outport == 0 ? "any" : r.outport;                 if(r.outip == "" && r.outport == "any")                     return '<div style="padding: 5px 0px;">any</div>';                 else                     return patpl($("#paui-tpl-policy-ip").html()).render({ip: r.outip, port: r.outport});  case "vlan": return r.vlan == 0 ? "any" : r.vlan;              case "detect":                 return r.detect_src+"/"+r.detect_dst+"/"+r.detect_all;  case "hits":                 return r.hits_src+"/"+r.hits_dst+"/"+r.hits_all;  case "action":                 switch(r.action){ case "log": return '<span class="paui-color-danger">{{ lang031[g_lang] || "告警" }}</span>'; case "drop": return '{{ lang032[g_lang] || "丢弃" }}'; default: return r.action; };  case "act": return patpl($("#tpl_attackpro_action").html()).render(r); } };   var table_search = function(){ var search = form.getValue("form_attackpro_search"); pa_table.reload({ where: search }) };   var load_policy = function(){ pa_table.render({ elem: '#tab_attackpro_list', height: 'full-{{d.pop_route ? "150" : "190"}}', url: api, where: {'action': 'load_policy'}, page: true,     pageType: 'web', pageElem: 'page_attackpro_list',             dbkey: "new_tab_attackpros_col",             filterElem: '.paui-attackpro-table-filter', colHeight: 'auto', parseData: function(json){ var data = []; var search = form.getValue("form_attackpro_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: 'checkbox'} ,{field: 'id', title: '{{ lang021[g_lang] || "序号" }}', minWidth: 40, templet:col_render} ,{field: 'vlan', title: '{{ lang022[g_lang] || "VLAN" }}', minWidth:50, templet: col_render}                 ,{field: 'inip', title: '{{ lang023[g_lang] || "源地址" }}', minWidth:100, templet:col_render}                 ,{field: 'outip', title: '{{ lang024[g_lang] || "目标地址" }}', minWidth:100, templet:col_render}                 ,{field: 'floodtype', title: '{{ lang025[g_lang] || "攻击类型" }}', minWidth:100}                 ,{field: 'detect', title: '{{ lang026[g_lang] || "阈值" }}', minWidth:100,templet: col_render} ,{field: 'hits', title: '{{ lang034[g_lang] || "命中数" }}', minWidth:100,templet: col_render} ,{field: 'desc', title: '{{ lang035[g_lang] || "备注" }}', minWidth:100} ,{field: 'action', title: '{{ lang027[g_lang] || "动作" }}', templet: col_render} ,{field: 'act', title: '{{ lang028[g_lang] || "操作" }}', minWidth: 100, align: 'right', templet: col_render} ]] }); };   /* 页面渲染 */ form.render(); load_policy();   /* 事件绑定 */ util.event("attackpro-event", event_center); table.on('tool(tab_attackpro_list)', function(obj){ event_center[obj.event](obj); });  table.on('checkbox(tab_attackpro_list)', function(obj){ $("#select_attackpro_refresh").val(""); form.render(); });  form.on('select(select_attackpro_refresh)',table_search); form.on('input-affix(clear_attackpro_search)', table_search); form.on('submit(submit_attackpro_search)', function(obj){ table_search(); return false; });  }); </script>