{{# var lang001 = {"ch": "告警对象", "en": "Alert Object"}, lang002 = {"ch": "所有对象", "en": "All Objects"}, lang003 = {"ch": "关键字搜索", "en": "Search"}, lang004 = {"ch": "删除选中", "en": "Delete Selected"}, lang005 = {"ch": "列表", "en": "List View"}, lang006 = {"ch": "折叠", "en": "Card View"}, lang007 = {"ch": "请选择需要删除的事件", "en": "Select the event(s) to delete first"}, lang008 = {"ch": "确定要删除选中事件？", "en": "Confirm deletion of selected events?"}, lang009 = {"ch": "编辑策略", "en": "Edit Policy"}, lang010 = {"ch": "确定要删除吗？", "en": "Confirm Deletion?"}, lang011 = {"ch": "规则修改", "en": "Policy Modified"}, lang012 = {"ch": "状态变化", "en": "State Changed"}, lang013 = {"ch": "低于阈值", "en": "Below Threshold"}, lang014 = {"ch": "高于阈值", "en": "Above Threshold"}, lang015 = {"ch": "不满足阈值范围", "en": "Outside Threshold Range"}, lang016 = {"ch": "匹配结束", "en": "Match Ended"}, lang017 = {"ch": "操作", "en": "Action"}, lang018 = {"ch": "未知原因", "en": "Unknown Reason"}, lang019 = {"ch": "有效，未通知", "en": "Valid, Not Notified"}, lang020 = {"ch": "无效，不通知", "en": "Invalid, No Notification"}, lang021 = {"ch": "编号", "en": "ID"}, lang022 = {"ch": "实例名称", "en": "Instance Name"}, lang023 = {"ch": "实例类型", "en": "Instance Type"}, lang024 = {"ch": "实例属性", "en": "Instance Attribute"}, lang025 = {"ch": "触发策略", "en": "Trigger Policy"}, lang026 = {"ch": "事件详情", "en": "Event Details"}, lang027 = {"ch": "起始时间", "en": "Start Time"}, lang028 = {"ch": "结束时间", "en": "End Time"}, lang029 = {"ch": "持续时长", "en": "Duration"}, lang030 = {"ch": "首次触发值", "en": "First Trigger Value"}, lang031 = {"ch": "事件结束值", "en": "Event End Value"}, lang032 = {"ch": "结束原因", "en": "End Reason"}, lang033 = {"ch": "最近通知", "en": "Last Notification Time"}, lang034 = {"ch": "一键清空", "en": "Clear All"},     lang035 = {"ch": "告警等级", "en": "Severity"},     lang036 = {"ch": "任意", "en": "Any"},     lang037 = {"ch": "一般告警", "en": "Informational"},     lang038 = {"ch": "次要告警", "en": "Minor"},     lang039 = {"ch": "主要告警", "en": "Major"},     lang040 = {"ch": "严重告警", "en": "Critical"},     lang041 = {"ch": "状态", "en": "Status"},     lang042 = {"ch": "已读", "en": "Read"},     lang043 = {"ch": "未读", "en": "Unread"}; }}  <style> .rdstat{ display: inline-block; cursor: pointer;} </style>  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_alert_search_end">     <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:100px">             <select name="evtype" lay-filter="select_alert_search_end" lay-search>                 <option value="">{{ lang002[g_lang] || "所有对象" }}</option> {{# layui.each(alert_event_object, function(index, elem){ }} {{#  if(elem.evtype == "sys"){ elem.evtype = "cpu"; } }} {{# if(d.evtype == elem.evtype){ }} <option value="{{ elem.evtype }}" selected>{{ elem.evname }}</option> {{# }else{ }} <option value="{{ elem.evtype }}">{{ elem.evname }}</option> {{# } }}  {{# }); }}             </select>         </div>  <label class="layui-form-label">{{ lang035[g_lang] || "告警等级" }}</label> <div class="layui-input-inline" style="width:100px"> <select name="alarm_level" lay-filter="select_alert_alarm_level" lay-search> <option value="">{{ lang036[g_lang] || "任意" }}</option> <option value="0">{{ lang037[g_lang] || "一般告警" }}</option> <option value="1">{{ lang038[g_lang] || "次要告警" }}</option> <option value="2">{{ lang039[g_lang] || "主要告警" }}</option> <option value="3">{{ lang040[g_lang] || "严重告警" }}</option> </select> </div>  <label class="layui-form-label">{{ lang041[g_lang] || "状态" }}</label> <div class="layui-input-inline" style="width:100px"> <select name="rdstat" lay-filter="select_alert_rdstat" lay-search> <option value="">{{ lang036[g_lang] || "任意" }}</option> <option value="1">{{ lang042[g_lang] || "已读" }}</option> <option value="0">{{ lang043[g_lang] || "未读" }}</option> </select> </div> <div class="layui-input-inline" style="width: 140px;"> <input type="text" name="keyword" class="layui-input" autocomplete="off" value="{{ d.keyword || ''}}" placeholder='{{ lang003[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_alert_search_end"> </div>          <div class="layui-input-inline" style="width:40px">             <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_alert_search_end" id="submit_alert_search_end">                 <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" sys-alert-endevent="btnevt_remove">                 <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang004[g_lang] || "删除选中" }}             </span>             <span class="abtn" sys-alert-endevent="btnevt_clear">                 <i class="layui-icon layui-icon-refresh"></i>&nbsp;{{ lang034[g_lang] || "一键清空" }}             </span> {{# if(g_sys_env.have_disk && g_sys_env.ntm == 1) { }}             <span class="abtn" sys-alert-endevent="btnevt_rdstat1">                 &nbsp;全部已读             </span>             <span class="abtn" sys-alert-endevent="btnevt_rdstat0">                 &nbsp;全部未读             </span> {{# } }} <span class="abtn paui-event-table-filter"> <i class="pa-icon pa-filter"></i> </span>         </div>         <div class="layui-input-inline" style="width:92px; margin-right:0px;">             <div class="layui-btn-group">                 <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">                     {{ lang005[g_lang] || "列表" }}                 </button>                 <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" sys-alert-endevent="btnevt_show_card">                     {{ lang006[g_lang] || "折叠" }}                 </button>             </div>         </div>     </div> </form>  <div class="layui-row paui-table-card">     <table id="tab_alert_history" lay-filter="tab_alert_history"></table>     <div class="layui-table-page" id="page_alert_history"></div> </div>   <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     util = layui.util,     patpl = layui.patpl, layer = layui.layer,     table = layui.table;          var pa_table = new Paui_table();       var api = '/cgi-bin/system/ajax_alert'; var parent_data = JSON.parse('{{- JSON.stringify(d) }}');           var failure_desc = {         "rule_changed": '{{ lang011[g_lang] || "规则修改" }}',         "stat_changed": '{{ lang012[g_lang] || "状态变化" }}',         "below": '{{ lang013[g_lang] || "低于阈值" }}',         "above": '{{ lang014[g_lang] || "高于阈值" }}',         "out_range": '{{ lang015[g_lang] || "不满足阈值范围" }}',         "match_end": '{{ lang016[g_lang] || "匹配结束" }}',         "unknown": '{{ lang018[g_lang] || "未知原因" }}'     };       var event_center = {         btnevt_show_card: function(){             $("#paui-btn-reload-alert-endevent").click();         },          btnevt_remove: function(){ var data = ""; var chk = table.checkStatus('tab_alert_history'); if(chk.data.length == 0){ layer.msg('{{ lang007[g_lang] || "请选择需要删除的事件" }}'); return; } layui.each(chk.data, function(index, elem){ data += ',' + elem.id; }); pa_confirm('{{ lang008[g_lang] || "确定要删除选中事件？" }}', function(index){ pa_ajax({ url: api, data: {"action": "rmv_history_event", "id": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_clear: function(){             pa_confirm("确定要清空所有事件吗？", function(index){                 pa_ajax({                     url: api,                     data: {'action': 'delete_all_event'},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_edit: function(obj){             obj.data.action = 'edit_alert_policy';             obj.data.id = obj.data.rid;             paopen({                 title: '{{ lang009[g_lang] || "编辑策略" }}',                 url: '/html/warring/alert_policy_add.html',                 data: obj.data,                 area: ['1160px', '550px'],                 btn: 'default',                 subElem: '#submit_add_alert_policy'             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang010[g_lang] || "确定要删除吗？" }}', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'rmv_history_event', 'id': ',' + obj.data.id},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },  tabevt_rdstat0: function(obj){             pa_ajax({                 url: api,                 data: {'action': 'nevtlog_rdstat', 'id': obj.data.id, "rdstat": "1"},                 success: function(json){                     if(json.code == 0){ table_search(); }                 }             });         },  tabevt_rdstat1: function(obj){             pa_ajax({                 url: api,                 data: {'action': 'nevtlog_rdstat', 'id': obj.data.id, "rdstat": "0"},                 success: function(json){                     if(json.code == 0){ table_search(); }                 }             });         },  btnevt_rdstat1: function(){             pa_ajax({                 url: api,                 data: {'action': 'nevtlog_rdstat', 'id': "-1", "rdstat": "1"},                 success: function(json){                     if(json.code == 0){             table_search();             }                 }             });         },  btnevt_rdstat0: function(){             pa_ajax({                 url: api,                 data: {'action': 'nevtlog_rdstat', 'id': "-1", "rdstat": "0"},                 success: function(json){                     if(json.code == 0){             table_search();             }                 }             });         },     };       var col_render = function(r){         switch(this.field){             case "insname":                 return r.insname_ch || r.insname;              case 'evtype':                 var evtype = find_evtype_info(r.evtype);                 return evtype ? evtype.evname : r.evtype;              case 'detail':                 return alert_policy_render(r);              case 'evattr':                 var evattr = find_evattr_info(r.evattr);                 return evattr ? evattr.attrname : r.evattr;              case 'rid':                 return '<span class="abtn" lay-event="tabevt_edit">'+ r.rid + '</span>';              case 'lval':                 return '<span class="paui-color-danger">'+ r.lval +'</span>';                      case 'fval':                 return '<span class="paui-color-danger">'+ r.fval +'</span>';              case 'evt_birth':                 return util.toDateString( r.evt_birth * 1000 );              case 'evdeath':                 return util.toDateString( r.evdeath * 1000 );              case 'keep':                 if(r.keep == 0) return '<span class="paui-color-disable">-</span>';                 return sec_to_str( r.keep );              case 'failure':                 return failure_desc[r.failure] || r.failure;              case "act":                 return '<span class="abtn" lay-event="tabevt_rmv"><i class="layui-icon layui-icon-delete"></i></span>';              case 'reportm':                 if(r.reportm == 0)                     return '<span class="paui-color-disable">' + (r.effective ? '{{ lang019[g_lang] || "有效，未通知" }}' :  '{{ lang020[g_lang] || "无效，不通知" }}') + '</span>';                  return util.toDateString( r.reportm * 1000 );  case "rdstat": var rdstat = ''; if(r.rdstat) rdstat = '<span lay-event="tabevt_rdstat1" class="rdstat" style="color: #999">已读</span>'; else rdstat = '<span lay-event="tabevt_rdstat0" class="rdstat" style="color: #4E97EE">未读</span>';      return rdstat;  case "alarm_level":     return '<span class="paui-alert-label paui-alert-label-'+r.alarm_level+'">'+ alert_event_level[r.alarm_level] +'</span>';         }     };       var table_search = function(){         pa_table.reload();         return false;     };       /* 页面渲染 */     form.render();  var table_search2 = function(){     var search = form.getValue('form_alert_search_end');     pa_table.reload({         where: search     });         return false; };      pa_table.render({         elem: '#tab_alert_history', height: 'full-{{d.pop_route ? 115 : 190}}',         url: api, {{# if(d.today == "1") { }} where: {'action': 'load_alert_event', 'type': 'history', "today": "1"}, {{# }else{ }} where: {'action': 'load_alert_event', 'type': 'history'}, {{# } }}                  initSort: {'field': 'evdeath', 'type': 'desc'},         page: true,         pageElem: 'page_alert_history', {{# if(g_sys_env.ntm != "1") { /* NTM版本，在后台分页 */ }}         pageType: 'web', {{# } }}         dbkey: "tab_alert_endevt_cols",         filterElem: '.paui-event-table-filter',         parseData: function(json){             var data = [];             var search = form.getValue('form_alert_search_end'); var newArr = []; if(g_sys_env.ntm == "1"){ json.count = json.data.total || 0; json.data = json.data.data || []; }else{ newArr = json.data; layui.each(newArr, function(index, elem){     elem = sys_evtype_check(elem);      if( search.keyword != "" && !pa_str_find(JSON.stringify(elem), search.keyword) )         return;      if( search.evtype != "" && search.evtype != elem.evtype )         return;      if( search.rdstat != "" && search.rdstat != elem.rdstat )         return;      if( search.alarm_level != "" && search.alarm_level != elem.alarm_level )         return;          elem.keep =  elem.evdeath - elem.evt_birth;      data.push(elem); });  json.data = data; }                          return json;         },         cols: [[             {type: 'checkbox'}             ,{field: 'id', title: 'ID', width: 30}             ,{field: 'evtype', title: '{{ lang023[g_lang] || "实例类型" }}', width: 70, templet: col_render}             ,{field: 'insname', title: '{{ lang022[g_lang] || "实例名称" }}', width: 90, templet: col_render}             ,{field: 'evattr', title: '{{ lang024[g_lang] || "实例属性" }}', width: 80, templet: col_render}             ,{field: 'rid', title: '{{ lang025[g_lang] || "触发策略" }}', width: 60, templet: col_render}             ,{field: 'detail', title: '{{ lang026[g_lang] || "事件详情" }}', templet: col_render}             ,{field: 'evt_birth', title: '{{ lang027[g_lang] || "起始时间" }}', width: 150, sort: true, templet: col_render}             ,{field: 'evdeath', title: '{{ lang028[g_lang] || "结束时间" }}', width: 150, sort: true, templet: col_render}             ,{field: 'keep', title: '{{ lang029[g_lang] || "持续时长" }}', width: 80, sort: true, templet: col_render}             ,{field: 'fval', title: '{{ lang030[g_lang] || "首次触发值" }}', width: 70, templet: col_render}             ,{field: 'lval', title: '{{ lang031[g_lang] || "事件结束值" }}', width: 70, templet: col_render}             ,{field: 'failure', title: '{{ lang032[g_lang] || "结束原因" }}', width: 70, templet: col_render}             ,{field: 'reportm', title: '{{ lang033[g_lang] || "最近通知" }}', width: 118, sort: true, templet: col_render} {{# if(g_sys_env.have_disk && g_sys_env.ntm == 1) { }}             ,{field: 'rdstat', title: '状态', width: 40, templet: col_render}             ,{field: 'alarm_level', title: '{{ lang035[g_lang] || "告警等级" }}', width: 80, templet: col_render} {{# } }}             ,{field: 'act', title: '{{ lang017[g_lang] || "操作" }}', width: 40, align: 'right', templet: col_render}         ]]     });       /* 事件绑定 */ form.val("form_alert_search_end", parent_data); form.render();     util.event('sys-alert-endevent', event_center);      if(parent_data.pop_route){     table_search2();     }       if(g_sys_env.ntm != "1"){     form.on('submit(submit_alert_search_end)', table_search); form.on('input-affix(clear_alert_search_end)', table_search); form.on('select(select_alert_search_end)', table_search); form.on('select(select_alert_alarm_level)', table_search); form.on('select(select_alert_rdstat)', table_search); }else{     form.on('submit(submit_alert_search_end)', table_search2); form.on('input-affix(clear_alert_search_end)', table_search2); form.on('select(select_alert_search_end)', table_search2); form.on('select(select_alert_alarm_level)', table_search2); form.on('select(select_alert_rdstat)', table_search2); }      table.on('tool(tab_alert_history)', function(obj){         event_center[obj.event](obj);     });    }); </script>