{{# var lang001 = {"ch": "策略序号", "en": "Policy ID"},     lang002 = {"ch": "策略备注", "en": "Policy Remarks"},     lang003 = {"ch": "匹配条件", "en": "Match Conditions"},     lang004 = {"ch": "VLAN", "en": "VLAN (Virtual LAN)"},     lang005 = {"ch": "为空或者0-0表示任意", "en": "Empty/0-0 means any"},     lang006 = {"ch": "源/目地址", "en": "Src/Dst Address"},     lang007 = {"ch": "源/目端口", "en": "Src/Dst Port"},     lang008 = {"ch": "攻击类型", "en": "Attack Type"},     lang009 = {"ch": "单IP阈值(源)", "en": "Single IP Threshold (Source)"},     lang010 = {"ch": "<0-1000000>pps,为空或者0表示不防护", "en": "<0-1000000>pps (0 means no protection)"},     lang011 = {"ch": "单IP阈值(目)", "en": "Single IP Threshold (Dst)"},     lang012 = {"ch": "总阈值", "en": "Total Threshold"},     lang013 = {"ch": "防护动作", "en": "Protection Action"},     lang014 = {"ch": "告警", "en": "Security Alert"},     lang015 = {"ch": "丢弃", "en": "Packet Drop"},     lang016 = {"ch": "确定要提交吗", "en": "Confirm Submission"},     lang017 = {"ch": "源地址", "en": "Src Address"},     lang018 = {"ch": "目的地址", "en": "Target Address"}; }}  <style> #form_add_attackpro_policy .layui-input-inline{width: 200px} </style>  <form class="layui-form paui-form" id="form_add_attackpro_policy" lay-filter="form_add_attackpro_policy" style="padding-top:20px;"></form> <script id="tpl_add_attackpro_policy" type="text/html">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "策略序号" }}</label>         <div class="layui-input-inline">             <input type="hidden" name="action" value="add_policy">             <input type="hidden" name="action_" value="{{d.action || "add_policy"}}">             <input type="text" name="id" class="layui-input" lay-verify="required|number">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "策略备注" }}</label>         <div class="layui-input-inline">             <input type="text" name="desc" class="layui-input">         </div>     </div>     <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">         <legend>{{ lang003[g_lang] || "匹配条件" }}</legend>     </fieldset>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang004[g_lang] || "VLAN" }}</label>         <div class="layui-input-inline">             <input type="text" name="vlan" class="layui-input" value="0-0">         </div>          <div class="layui-form-mid layui-word-aux">{{ lang005[g_lang] || "为空或者0-0表示任意" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang006[g_lang] || "源/目地址" }}</label>         <div class="layui-input-inline" style="width: 448px; margin: 0px; padding-left: 0px;">             <input type="hidden" name="submit_srcip">             <input type="hidden" name="submit_dstip">             <input type="hidden" name="edit_srcip">             <input type="hidden" name="edit_dstip">             <div class="layui-inline" style="width: 200px; margin: 0px 0px 2px 0px;" attackpro-add-event="btnevt_add_srcip">                 <textarea name="show_srcip" title='{{lang017[g_lang] || "源地址" }}' class="layui-textarea" readonly style="resize: none; min-height: 80px;"></textarea>             </div>             <div class="layui-inline" style="margin: 0px -2px 0px 2px">/</div>             <div class="layui-inline" style="width: 200px; margin: 0px 0px 2px 0px;" attackpro-add-event="btnevt_add_dstip">                 <textarea name="show_dstip" title='{{lang018[g_lang] || "目标地址" }}' class="layui-textarea" readonly style="resize:none; min-height: 80px;"></textarea>             </div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang007[g_lang] || "源/目端口" }}</label>         <div class="layui-input-inline">             <input type="text" name="inport" value="0" class="layui-input">         </div>         <div class="layui-form-mid" style="width:2px; margin:0px 0px 0px -4px;">/</div>         <div class="layui-input-inline">             <input type="text" name="outport" value="0" class="layui-input">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang008[g_lang] || "攻击类型" }}</label>         <div class="layui-input-inline">             <select name="floodtype" id="floodtype" lay-filter="select_floodtype">                  <option value="synflood">SYN Flood</option>                  <option value="udpflood">UDP Flood</option>                  <option value="icmpflood">ICMP Flood</option>             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang009[g_lang] || "单IP阈值(源)" }}</label>         <div class="layui-input-inline">             <input type="text" name="detect_src" id="detect_src" class="layui-input" lay-verify="number" value="0" maxlength="7">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang010[g_lang] || "<0-1000000>pps,为空或者0表示不防护" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang011[g_lang] || "单IP阈值(目)" }}</label>         <div class="layui-input-inline">             <input type="text" name="detect_dst" id="detect_dst" class="layui-input" lay-verify="number" value="0" maxlength="7">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang010[g_lang] || "<0-1000000>pps,为空或者0表示不防护" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang012[g_lang] || "总阈值" }}</label>         <div class="layui-input-inline">             <input type="text" name="detect_all" id="detect_all" class="layui-input" lay-verify="number"  value="0" maxlength="7">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang010[g_lang] || "<0-1000000>pps,为空或者0表示不防护" }}</div>     </div>     <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">         <legend>{{ lang013[g_lang] || "防护动作" }}</legend>     </fieldset>     <div class="layui-form-item">         <label class="layui-form-label"></label>         <div class="layui-input-inline" style="width: 600px;">             <input type="radio" name="operation" value="log" title='{{ lang014[g_lang] || "告警" }}' checked> <input type="radio" name="operation" value="drop" title='{{ lang015[g_lang] || "丢弃" }}'>         </div>     </div>     <div class="layui-hide">         <button id="submit_add_policy" lay-filter="submit_add_policy" lay-submit></button>     </div> </script>   <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/protection/ajax_attackpro';     var l_policy_env = {};      /* 事件中心 */ var event_center = {         btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang017[g_lang] || "编辑源地址" }}',                 data: {module: 'route', type: 'src', form: 'form_add_attackpro_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_add_dstip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang018[g_lang] || "编辑目标地址" }}',                 data: {module: 'route', type: 'dst', form: 'form_add_attackpro_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          make_policy_value: function(obj){ var data = obj.policy;             data.ifname = data.ifname == "NULL" ? "any" : data.ifname;             data.desc = data.desc.indexOf("%20") == -1 ? data.desc : data.desc.replaceAll("%20"," ");              /* 源目IP */             data = paui_policy_srcdstip(data, 'inip', 'outip');              /* 端口参数 */             if(data.inport == "any") data.inport = "0";             if(data.outport == "any") data.outport = "0";              /* 应用协议 */             if(g_lang != "ch"){                 data.appname = data.appid;             }  return data; }  };        /* 页面渲染 */     form.render();      var arpflood_data={};     pa_ajax({         url: api,         data: {'action': 'load_addpolicy_env', 'id': '{{d.id||""}}', 'group': '{{d.group||""}}'},         success: function(json){             l_policy_env = json.data;             if(json.data.policy){             l_policy_env.policy.operation = l_policy_env.policy.action;             }              patpl( $("#tpl_add_attackpro_policy").html() ).render(json.data, function(html){                 $("#form_add_attackpro_policy").html(html);             });              if (json.data.policy) {                 var data = event_center.make_policy_value(l_policy_env);                 delete data.action;                 form.val("form_add_attackpro_policy", data);                 arpflood_data = {'floodtype':data.floodtype,'detect_src':data.detect_src,'detect_dst':data.detect_dst,'detect_all':data.detect_all};                 delete l_policy_env.policy.show_srcip; delete l_policy_env.policy.show_dstip;             } else {                 form.render();             }         }     });      /* 事件绑定 */     util.event('attackpro-add-event', event_center);      form.on('select(select_floodtype)',function(obj){         if(obj.value == arpflood_data.floodtype){            form.val("form_add_attackpro_policy", arpflood_data);         }else{            form.val("form_add_attackpro_policy", {"detect_src":0,"detect_dst":0,"detect_all":0});         }     });  /* 表单提交 */ form.on('submit(submit_add_policy)', function(obj){         obj.field.oldid = "{{d.id}}" ? "{{d.id}}" : "";         obj.field.enable = "{{d.enable}}" ? "{{d.enable}}" : 1; pa_confirm('{{ lang016[g_lang] || "确定要提交吗" }}?', function(index){ layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     if(json.code != 0) {                         alert_err(json.msg);                     } else {                         layer.closeAll();                         alert_ok(json.msg);                         $("#paui-btn-reload-attackpro").click();                     }                 }             }); }); return false; });  }); </script>