{{# var lang001 = {"ch": "策略ID", "en": "Policy ID"}, lang002 = {"ch": "序号小的优先匹配", "en": "Priority matching by lower ID"}, lang003 = {"ch": "策略条件", "en": "Policy Conditions"}, lang004 = {"ch": "当", "en": "When"}, lang005 = {"ch": "触发告警", "en": "Trigger Alert"}, lang006 = {"ch": "不触发告警", "en": "Do Not Trigger Alert"}, lang007 = {"ch": "只通知一次", "en": "Notify Only Once"}, lang008 = {"ch": "持续时间超过", "en": "Duration exceeds"}, lang009 = {"ch": "秒", "en": "sec"}, lang010 = {"ch": "则标记为", "en": "then labeled as"}, lang011 = {"ch": "有效可通知事件", "en": "Valid Notifiable Event"}, lang012 = {"ch": "间隔", "en": "Interval"}, lang013 = {"ch": "只通知一次", "en": "Notify Only Once"}, lang014 = {"ch": "分钟", "en": "min"}, lang015 = {"ch": "小时", "en": "hours"}, lang016 = {"ch": "天", "en": "day"}, lang017 = {"ch": "通知一次，0表示不通知", "en": "Notify once, 0 means no notification"}, lang018 = {"ch": "监测时间", "en": "Monitoring Time"}, lang019 = {"ch": "表示全天", "en": "means All Day"}, lang020 = {"ch": "告警等级", "en": "Alert Level"}, lang021 = {"ch": "该策略产生于", "en": "This policy originates from"}, lang022 = {"ch": "任意协议", "en": "Any Protocol"}, lang023 = {"ch": "任意", "en": "Any"}, lang024 = {"ch": "告警阈值", "en": "Alert Threshold"}, lang025 = {"ch": "天", "en": "days"}, lang026 = {"ch": "毫秒", "en": "ms"}, lang027 = {"ch": "发生变化", "en": "Changed"}, lang028 = {"ch": "大于等于", "en": "Greater than or Equal to"}, lang029 = {"ch": "小于等于", "en": "Less than or Equal to"}, lang030 = {"ch": "修改时间", "en": "Modification Time"}, lang031 = {"ch": "策略已不存在", "en": "The policy no longer exists"}, lang032 = { "ch": "如果是做白名单，则当前的策略ID须小于对象和属性相同，监控范围是“任意”的策略的ID，方能达到目的。确定要提交吗", "en": "For whitelisting, the current policy ID must be lower than the ID of the 'Any' scope policy with the same object and attribute. Confirm submit?" }, lang033 = {"ch": "确定要提交吗", "en": "Confirm Submit?"}, lang034 = {"ch": "百分比不能大于100", "en": "Percentage cannot exceed 100"}; }}  <style> #paui_form_add_alert_policy{padding-top: 20px} #paui_form_add_alert_policy .layui-form-label{width: 60px;} .paui-alert-tips-when{     float: left;     width: 40px;     padding: 7px 5px;     height: 28px;     line-height: 12px;     margin-right: -4px;     margin-left: 2px;     text-align: center;     overflow: hidden;     box-sizing: border-box;     border: 1px solid #C1C1C1;     background-color: #FAFAFA;     border-radius: 0px; } #paui_form_add_alert_policy .layui-form-select dl{max-height: 200px} </style>   <form class="layui-form paui-form" id="paui_form_add_alert_policy" lay-filter="form_add_alert_policy"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "策略ID" }}</label> <div class="layui-input-inline" style="width: 148px;"> <input class="layui-input" type="text" name="id" lay-verify="required|number|isPort"> </div> <div class="layui-form-mid layui-word-aux">1~65535,{{ lang002[g_lang] || "序号小的优先匹配" }}</div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang003[g_lang] || "策略条件" }}</label> <div class="paui-alert-tips-when">{{ lang004[g_lang] || "当" }}</div>  <!-- 告警类型 --> <div class="layui-input-inline" id="paui-alert-add-policy-evtype" style="width: 110px;"> <input type="hidden" name="rid">             <input type="hidden" name="action" value='add_alert_policy'> <select name="evtype" lay-filter="select_event_type"> {{# layui.each(alert_event_object, function(index, elem){ }}                 <option value="{{ elem.evtype }}">{{ elem.evname }}</option> {{# }); }} </select> </div>  <!-- 系统告警类型 --> <div class="layui-input-inline" id="paui-alert-add-policy-sysevtype" style="width: 110px;"> <select name="row_evtype" id="select_event_rowtype" lay-filter="select_event_rowtype"></select> </div>  <!-- 类型对象 --> <div class="layui-input-inline" id="paui-alert-add-policy-objname" style="width: 110px;"></div>  <!-- 类型属性 --> <div class="layui-input-inline" id="paui-alert-add-policy-evattr" style="width: 184px;"></div>  <!-- 并列操作符 --> <div class="layui-input-inline paui-alert-valtype" id="paui-alert-add-policy-evopand" style="width: 170px; margin-right: 0px;"></div>  <!-- 操作符 --> <div class="layui-input-inline paui-alert-valtype" id="paui-alert-add-policy-evopcode" style="width: 94px;"></div>  <!-- 告警值 --> <div class="layui-input-inline paui-alert-valtype" id="paui-alert-add-policy-evlimit1" style="width: 100px;"></div>  <!-- 告警值类型 --> <div class="layui-input-inline paui-alert-valtype" id="paui-alert-add-policy-evlimit1-type" style="width: 70px;"></div>  <!-- 是否触发告警 --> <div class="layui-input-inline" style="width: 128px;"> <select name="nontrig" lay-filter="select_alert_nontrig"> <option value="0">{{ lang005[g_lang] || "触发告警" }}</option> <option value="1">{{ lang006[g_lang] || "不触发告警" }}</option> </select> </div>  <!-- 通知类型 --> <div class="layui-form-mid paui-alert-valtype paui-alert-valtype-stat layui-hide"> <span class="paui-color-disable">{{ lang007[g_lang] || "只通知一次" }}</span> </div> </div>  <!-- 通知类型 --> <div class="layui-form-item paui-alert-valtype"> <label class="layui-form-label">&nbsp;</label> <div class="layui-form-mid layui-word-aux">{{ lang008[g_lang] || "持续时间超过" }}</div> <div class="layui-input-inline" style="width: 60px;"> <input class="layui-input" type="text" name="dura" value="0" lay-verify="required|number"> </div> <div class="layui-form-mid layui-word-aux"> {{ lang009[g_lang] || "秒" }}，{{ lang010[g_lang] || "则标记为" }} <span class="paui-color-disable">{{ lang011[g_lang] || "有效可通知事件" }}</span> </div> <div class="layui-input-inline" style="width: 131px;"> <select name="notice_type" lay-filter="select_alert_notice_type"> <option value="loop">{{ lang012[g_lang] || "间隔" }}</option> <option value="once">{{ lang013[g_lang] || "只通知一次" }}</option> </select> </div> <div class="paui-alert-notice-loop-div"> <div class="layui-input-inline" style="width: 60px;"> <input type="text" name="notifyinter" value="5" class="layui-input" lay-verify="required|number"> </div> <div class="layui-input-inline" style="width: 70px;"> <select name="time_type"> <option value="60">{{ lang014[g_lang] || "分钟" }}</option> <option value="3600">{{ lang015[g_lang] || "小时" }}</option> <option value="86400">{{ lang016[g_lang] || "天" }}</option> </select> </div> <div class="layui-form-mid layui-word-aux">{{ lang017[g_lang] || "通知一次，0表示不通知" }}</div> </div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang018[g_lang] || "监测时间" }}</label> <div class="layui-input-inline" style="width:148px;"> <select name="start_hour"> {{# var i = -1; while(i++ < 23) { }} <option value="{{i}}">{{i}}:00</option> {{# } }} </select> </div> <div class="layui-form-mid layui-word-aux"> ~ </div> <div class="layui-input-inline" style="width:148px;"> <select name="end_hour"> {{# var i = -1; while(i++ < 23) { }} <option value="{{i}}">{{ i == 0 ? i + ":00" : i + ":59" }}</option> {{# } }} </select> </div> <div class="layui-form-mid layui-word-aux">0:00 ~ 0:00 {{ lang019[g_lang] || "表示全天" }}</div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang020[g_lang] || "告警等级" }}</label> <div class="layui-input-inline" style="width:148px;"> <select name="alarm_level"> {{# layui.each(alert_event_level, function(index, elem){ }} <option value="{{index}}">{{elem}}</option> {{# }); }} </select> </div> </div>  <div class="layui-form-item"> <label class="layui-form-label">&nbsp;</label> <div class="layui-form-mid layui-word-aux"> <div id="paui-alert-add-policy-tips"></div> </div> </div>  <div class="layui-form-item" id="paui-alert-policy-rtime" style="display:none"> <label class="layui-form-label">&nbsp;</label> <div class="layui-form-mid layui-word-aux"> {{ lang021[g_lang] || "该策略产生于" }} {{ layui.util.toDateString(d.rtime * 1000) }} <span id="paui-alert-edit-time"></span> </div> </div>  <div class="layui-hide"> <button lay-submit lay-filter="submit_add_alert_policy" id="submit_add_alert_policy"></button> </div> </form>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, util = layui.util, patpl = layui.patpl;  var api = '/cgi-bin/system/ajax_alert'; var l_select_object = {}; var d = JSON.parse('{{- JSON.stringify(d) }}');  /* 页面联动函数 */ var get_first_elem = function(obj){ var key = Object.keys(obj)[0]; return obj[key]; };   var show_evtype = function(type){ var evtype = find_evtype_info(type); var sys_evtype_dom = $("#paui-alert-add-policy-sysevtype"); var sys_select_dom = $("#select_event_rowtype");  sys_evtype_dom.hide(); sys_select_dom.html('');  if(evtype.child){ sys_evtype_dom.show(); layui.each(evtype.child, function(index, elem){ var option = new Option(elem.evname, index); sys_select_dom.append(option); }); var obj = get_first_elem(evtype.child); show_sysevtype(obj); } else { show_evobject(evtype); show_evattr(evtype.attr); }  form.render(); };   var show_sysevtype = function(obj){ show_evobject(obj); show_evattr(obj.attr);  form.render(); };   var show_evobject = function(evtype){ var dom = $("#paui-alert-add-policy-objname");  switch(evtype.objtype){ case "fixed": dom.hide().html('<input type="hidden" name="objname" value="'+ evtype.objname +'">'); break;  case "select": dom.show().html('<select name="objname" id="select_event_objname" lay-search></select>'); show_select_object(evtype); break;  case "input_app": dom.show().html(''). append('<input type="hidden" name="objname" id="ipt_appname" value="any">'). append('<input type="text" name="objname_ch" id="ipt_appcname" class="layui-input" value="{{ lang022[g_lang] || "任意协议" }}" onclick="select_app()" readonly>'); break;  case "input_hostgroup": dom.show().html(''). append('<input type="hidden" name="pid" value="any" id="ntmhost-add-group-id">'). append('<input type="hidden" name="objname" value="any" id="ntmhost-add-group-objname">'). append('<input type="text" onclick="openHost()" name="objname_ch" value="任意主机" class="layui-input paui-click" id="ntmhost-add-group-name" readonly>'); break; }  form.render(); };   var show_select_object = function(evtype){ var opt = new Option('{{ lang023[g_lang] || "任意" }}'+evtype.evname, 'any'); var select_dom = $("#select_event_objname"); select_dom.append(opt); switch(evtype.evtype){ case "wan": layui.each(l_select_object.wan_list, function(index, elem){ select_dom.append( new Option(elem.name, elem.name) ); }); break;  case "if": layui.each(l_select_object.interface_list, function(index, elem){ select_dom.append( new Option(elem.name, elem.name) ); }); break;  case "ip": /* layui.each(l_select_object.iptab_list, function(index, elem){ select_dom.append( new Option(elem.name, 'iptab.' + elem.id) ); }); layui.each(l_select_object.ippool_list, function(index, elem){ select_dom.append( new Option(elem.name, 'pppoe.' + elem.id) ); }); */ break;  case "statobj": layui.each(l_select_object.statobj_list, function(index, elem){ select_dom.append( new Option(elem.name, elem.name) ); }); break;  case "malicious": layui.each(l_select_object.threat_list, function(index, elem){ select_dom.append( new Option(elem.cname, elem.name) ); }); break;  case "qtde": layui.each(l_select_object.qtde_list, function(index, elem){ select_dom.append( new Option(elem.name, elem.name) ); }); break;  case "ntmlink": layui.each(l_select_object.ntmlink, function(index, elem){ select_dom.append( new Option(elem.name, elem.name) ); }); break;  } };   var show_evattr = function(evattr){ var dom = $("#paui-alert-add-policy-evattr"); var attrs = Object.keys(evattr); var first_elem = evattr[attrs[0]]; var sel = '<select name="evattr" id="select_alert_evattr" lay-filter="select_alert_evattr"></select>';  if(attrs.length == 1){ dom.html([ first_elem.attrname, '<input type="hidden" name="evattr" value=', attrs[0], '>' ].join('')).width('unset').attr("class", "layui-form-mid"); } else { dom.html(sel).width('184px').attr("class", "layui-input-inline"); sel_dom = $("#select_alert_evattr"); layui.each(evattr, function(index, elem){ sel_dom.append( new Option(elem.attrname, index) ); }); }  show_evlimit1_type(first_elem); show_evattr_tips(first_elem); form.render(); };   var show_evlimit1_type = function(evattr){ var limit_dom = $("#paui-alert-add-policy-evlimit1"); var type_dom = $("#paui-alert-add-policy-evlimit1-type"); var input_html = '<input class="layui-input" type="text" name="evlimit1" placeholder="{{ lang024[g_lang] || "告警阈值" }}" lay-verify="required|number">';  type_dom.show().width('unset');  $(".paui-alert-valtype").show(); $(".paui-alert-valtype-stat").addClass('layui-hide');  limit_dom.show().html(input_html);  switch(evattr.valtype){ case "temp": type_dom.html('°C').attr("class", "layui-form-mid"); break;  case "per": type_dom.html('%').attr("class", "layui-form-mid"); break;  case "minute": type_dom.html('分钟').attr("class", "layui-form-mid"); break;  case "bps": var html = [ '<select name="bits">', '<option value="1">Kbps</option>', '<option value="1000" selected>Mbps</option>', '<option value="1000000">Gbps</option>', '</select>' ].join(''); type_dom.html(html).attr("class", "layui-input-inline").width("70px"); break;  case "byte": var html = [ '<select name="byte">', '<option value="1">Kbps</option>', '<option value="1024" selected>MByte</option>', '<option value="1048576">GByte</option>', '</select>' ].join(''); type_dom.html(html).attr("class", "layui-input-inline").width("70px"); break;  case "number": type_dom.html('').hide(); break;  case "day": type_dom.html('{{ lang025[g_lang] || "天" }}').attr("class", "layui-form-mid"); break;  case "stat": /* 状态变化，都是一次性行为 */ type_dom.html('').hide(); limit_dom.html('').hide(); $(".paui-alert-valtype").hide(); $(".paui-alert-valtype-stat").removeClass('layui-hide').show(); break;  case "match": /* 特征匹配，是持续性行为 */ type_dom.html('').hide(); limit_dom.html('').hide(); break;  case "us": case "ms": type_dom.html('{{ lang026[g_lang] || "毫秒" }}').attr("class", "layui-form-mid"); break;  case "delay": type_dom.html('ms').attr("class", "layui-form-mid"); break; }  if(evattr.and){/* obj_threshold */ var html = "";  if(evattr.and_prefix){ html += [ '<div class="layui-form-mid paui-color-disable" style=" margin-right: 3px;">', evattr.and_prefix, ,'</div>' ].join(''); }  switch(evattr.and_type){ /* 便于后续扩展其他类型 */ case "input": html += [ '<div class="layui-input-inline" style="margin: 0px; width: 50px;">', '<input type="text"  class="layui-input" name="obj_threshold" lay-verify="required|number">', '</div>' ].join(''); }  if(evattr.and_suffix){ html += [ '<div class="layui-form-mid paui-color-disable" style=" margin-right: 3px;">', evattr.and_suffix, ,'</div>' ].join(''); }  $("#paui-alert-add-policy-evopand").html(html); }  show_evopcode(evattr); form.render(); };   var show_evopcode = function(evattr){ var dom = $("#paui-alert-add-policy-evopcode");  dom.html('');  switch(evattr.opcode){ case "monitorstat": dom.attr("class", "layui-form-mid").html([ '<input type="hidden" name="evopcode" value="monitorstat">', evattr.opcode_desc || '{{ lang027[g_lang] || "发生变化" }}', ].join('')).width('unset'); break;  default: dom.attr("class", "layui-input-inline").html([ '<select name="evopcode">', '<option value="above">{{ lang028[g_lang] || "大于等于" }}</option>', '<option value="below">{{ lang029[g_lang] || "小于等于" }}</option>', '</select>', ].join('')).width('94px'); break; } };   var show_evattr_tips = function(evattr){ $("#paui-alert-add-policy-tips").html("");  if(! evattr.attrtips) return;  layui.each(evattr.attrtips, function(index, elem){ $("#paui-alert-add-policy-tips").append('<div>' + elem + '</div>'); }); };   var show_notice_type = function(type){ $(".paui-alert-notice-loop-div").hide();  if(type == "loop") $(".paui-alert-notice-loop-div").show(); };   /* 页面初始函数 */ var disable_elem_byname = function(name){ var obj = $("#paui_form_add_alert_policy").find("[name="+ name +"]"); obj.addClass("layui-disabled").attr("disabled", 1); };   var show_policy_data = function(obj){ obj = sys_evtype_check(obj); obj.action = 'edit_alert_policy'; var evattr = find_evattr_info(obj.evattr);  /* 推送时间 */ if(obj.monitor_hour){ obj.start_hour = obj.monitor_hour.split("-")[0]; obj.end_hour   = obj.monitor_hour.split("-")[1]; }  /* 推送间隔 */ obj.notice_type = 'loop';  if ( obj.notifyinter == 1)  obj.notice_type = "once"; else if ( obj.notifyinter > 1 && obj.notifyinter < 60) { obj.notifyinter = 1; obj.time_type = 60; obj.notice_type = "loop"; } else if (obj.notifyinter >= 60 && obj.notifyinter < 3600){ obj.notifyinter = Math.ceil(obj.notifyinter / 60); obj.time_type = 60; obj.notice_type = "loop"; } else if (obj.notifyinter >= 3600 && obj.notifyinter < 86400){ obj.notifyinter = Math.ceil(obj.notifyinter / 3600); obj.time_type = 3600; obj.notice_type = "loop"; } else if (obj.notifyinter >= 86400) { obj.notifyinter = Math.ceil(obj.notifyinter / 86400); obj.time_type = 86400; obj.notice_type = "loop"; }  /* 告警阈值 */ switch(evattr.valtype){ case 'us': obj.evlimit1 /= 1000; break;  case 'bps': obj.evlimit1 = Number(obj.evlimit1); if(obj.evlimit1 < 1000)/* Kbits */ obj.bits = '1'; else if(obj.evlimit1 <= 1000000){ /* Mbits */ obj.evlimit1 /= 1000; obj.bits = '1000'; } else if(obj.evlimit1 <= 1000000000){/* Gbits */ obj.evlimit1 /= 1000000; obj.bits = '1000000'; } break;  case 'byte': obj.evlimit1 = Number(obj.evlimit1); if(obj.evlimit1 < 1024)/* Kbits */ obj.byte = '1'; else if(obj.evlimit1 <= 1048576){ /* Mbits */ obj.evlimit1 /= 1024; obj.byte = '1024'; } else if(obj.evlimit1 <= 1073741824){/* Gbits */ obj.evlimit1 /= 1048576; obj.byte = '1048576'; } break; };  /* 初始dom */ show_evtype(obj.evtype); if(obj.evtype == "sys") show_sysevtype( find_evtype_info(obj.row_evtype) ); show_evlimit1_type(evattr); show_evattr_tips(evattr); show_notice_type(obj.notice_type);  /* 加载数据 */ form.val('form_add_alert_policy', obj); $("#paui-alert-policy-rtime").show(); $("#paui-alert-edit-time").html('，{{ lang030[g_lang] || "修改时间" }}：' +  util.toDateString(obj.mtime * 1000));  /* 禁用元素 */ disable_elem_byname("id"); disable_elem_byname("evtype"); disable_elem_byname("row_evtype"); disable_elem_byname("objname"); disable_elem_byname("evattr"); disable_elem_byname("objname_ch"); form.render(); };   var load_addpolicy_env = function(){ pa_ajax({ url: api, data: { 'action': 'load_addpolicy_env', 'id': '{{ d.id || "" }}', 'evtype': '{{d.evtype || ""}}', 'mtime': '{{d.mtime||""}}' }, success: function(json){ l_select_object = json.data; if(json.data.policy == "none"){ alert_err('{{ lang031[g_lang] || "策略已不存在" }}', function(){ layer.closeAll(); }); } else if(json.data.policy) show_policy_data(json.data.policy); else show_evtype('sys'); } }); };       /* 页面渲染 */     form.render(); load_addpolicy_env();   /* 事件绑定 */ form.on('select(select_event_type)', function(obj){ show_evtype(obj.value); });  form.on('select(select_event_rowtype)', function(obj){ var evtype = find_evtype_info(obj.value); show_sysevtype(evtype); });  form.on('select(select_alert_evattr)', function(obj){ var evattr = find_evattr_info(obj.value); show_evlimit1_type(evattr); show_evattr_tips(evattr); });  form.on('select(select_alert_notice_type)', function(obj){ show_notice_type(obj.value); });  form.on('submit(submit_add_alert_policy)', function(obj){  if(obj.field.pid){ if($("#ntmhost-add-group-id").attr("group") == '0'){ obj.field.objname = form.val("form_add_alert_policy").pid; }else if($("#ntmhost-add-group-id").attr("group") == '1'){ obj.field.objname = 'group_' + form.val("form_add_alert_policy").pid; } } if(obj.field.nontrig == 1) var confirm_title = '{{ lang032[g_lang] || "如果是做白名单，则当前的策略ID须小于对象和属性相同，监控范围是“任意”的策略的ID，方能达到目的。确定要提交吗"}}?'; else var confirm_title = '{{ lang033[g_lang] || "确定要提交吗" }}?';  pa_confirm(confirm_title, function(index){ layer.close(index);  /* 通知间隔 */ if(obj.field.nontrig == 1) obj.field.notifyinter = 0; else if(obj.field.notice_type == "once") obj.field.notifyinter = 1; else obj.field.notifyinter = Number(obj.field.notifyinter) * Number(obj.field.time_type);  /* 还原系统告警类型 */ if(obj.field.evtype == "sys"){ obj.field.evtype = obj.field.row_evtype; delete obj.field.row_evtype; }  var evattr = find_evattr_info(obj.field.evattr);  /* 处理告警阈值 */ switch(evattr.valtype){ case 'per': if(Number(obj.field.evlimit1) > 100){ alert_tips('{{ lang034[g_lang] || "百分比不能大于100" }}'); return false; } break;  case 'bps': obj.field.evlimit1 = Number(obj.field.evlimit1) * Number(obj.field.bits); break;  case 'byte': obj.field.evlimit1 = Number(obj.field.evlimit1) * Number(obj.field.byte); break;  case 'us': obj.field.evlimit1 = Number(obj.field.evlimit1) * 1000; break;  case "stat": case "monitorstat": obj.field.dura = 0; obj.field.evopcode = 'monitorstat'; obj.field.notifyinter = 1; break; }  /* 数据提交 */ 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-alert").click(); } } }); });  return false; });  }); </script>