{{# var lang001 = {"ch": "服务器IP：端口", "en": "Server IP:Port"}, lang002 = {"ch": "是否记录", "en": "Record Status"}, lang003 = {"ch": "不记录", "en": "Disable"}, lang004 = {"ch": "记录", "en": "Enable"}, lang005 = {"ch": "提交", "en": "Submit"}, lang006 = {"ch": "确定要提交吗", "en": "Confirm Submit?"}, lang007 = {"ch": "编辑", "en": "Edit"}, lang008 = {"ch": "事件类型", "en": "Event Type"}, lang009 = {"ch": "日志格式", "en": "Log Format"}, lang010 = {"ch": "接收服务器IP:端口", "en": "Receiver IP:Port"}, lang011 = {"ch": "记录成功", "en": "Saved to Local"}, lang012 = {"ch": "记录失败", "en": "Dropped"}, lang013 = {"ch": "发送成功", "en": "Forward Success"}, lang014 = {"ch": "发送失败", "en": "Forward Error"}, lang015 = {"ch": "操作", "en": "Action"}, lang016 = {"ch": "事件编辑", "en": "Event Edit"}, lang017 = {"ch": "记录失败百分比", "en": "Record Fail(%)"}, lang018 = {"ch": "发送失败百分比", "en": "Forward Fail(%)"}; }}  <div class="layui-row paui-table-card" style="padding:10px"> <table id="tab_logger_event_detail" lay-filter="tab_logger_event_detail"></table> </div>  <script id="tpl_event_set" type="text/html"> <form class="layui-form paui-form" style="margin-top:20px" lay-filter="form_logger_event_set"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "服务器IP：端口" }}</label> <div class="layui-input-inline"> <input type="hidden" name="evtype" value=""> <input type="hidden" name="action" value="set_logger_event"> <input type="text" name="svrip" class="layui-input"> </div> <div class="layui-form-mid" style="width:1px">：</div> <div class="layui-input-inline" style="width:80px"> <input type="text" name="svrport" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "是否记录" }}</label> <div class="layui-input-inline"> <select name="logtype"> <option value="none">{{ lang003[g_lang] || "不记录" }}</option> <option value="syslog">{{ lang004[g_lang] || "记录" }}</option> </select> </div> </div> <div class="layui-form-item layui-hide"> <label class="layui-form-label"></label> <div class="layui-input-inline"> <button class="layui-btn layui-btn-sm layui-btn-primary" lay-submit id="submit_logger_event_set" lay-filter="submit_logger_event_set">{{ lang005[g_lang] || "提交" }}</button>     </div> </div> </form> </script>  <script> layui.use(function(){ var $ = layui.$; form = layui.form, table = layui.table;  var api = "/cgi-bin/system/ajax_panalog"; var pa_table = new Paui_table();   var event_set_submit = function(){ form.on("submit(submit_logger_event_set)", function(obj){ pa_confirm('{{ lang006[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); table.reloadExt("tab_logger_event_detail"); } } }); }); return false; }); };   var col_render = function(r){ switch(this.field){ case "logtype": return r.logtype == "syslog" ? '{{ lang004[g_lang] || "记录" }}' : '{{ lang003[g_lang] || "不记录" }}';  case "svrip":  return r.svrip + ":" + r.svrport;  case "dropped": if (r.dropped == 0) return r.dropped; else return '<span class="paui-color-danger">' + r.dropped + '</span>';  case "per1": if(r.written == 0) return "0.00%"; else return (r.dropped / r.written).toFixed(2) + "%";  case "sentfail": if (r.sentfail == 0) return r.sentfail; else return '<span class="paui-color-danger">' + r.sentfail + '</span>';  case "per2": if(r.sentok == 0) return "0.00%"; else return ((r.sentfail / r.sentok ) * 100).toFixed(2) + '%';  case "action": return '<span class="abtn" lay-event="tabevt_edit">{{ lang007[g_lang] || "编辑" }}</span>'; } };   pa_table.render({ elem: "#tab_logger_event_detail", url: api, where: {"action": "load_logger_event_detail"}, cols: [[ {{# if(g_lang == "ch") { }} {field: "desc", "title": '{{ lang008[g_lang] || "事件类型" }}'}, {{# } else { }} {field: "evtype", "title": '{{ lang008[g_lang] || "事件类型" }}'}, {{# } }} {field: "logtype", "title": '{{ lang009[g_lang] || "日志格式" }}', width: 80, templet: col_render}, {field: "svrip", "title": '{{ lang010[g_lang] || "接收服务器IP:端口" }}', width: 200, templet: col_render}, {field: "written", "title": '{{ lang011[g_lang] || "记录成功" }}'}, {field: "dropped", "title": '{{ lang012[g_lang] || "记录失败" }}', templet: col_render}, {field: 'per1', 'title': '{{ lang017[g_lang] || "记录失败百分比" }}', templet: col_render}, {field: "sentok", "title": '{{ lang013[g_lang] || "发送成功" }}'}, {field: "sentfail", "title": '{{ lang014[g_lang] || "发送失败" }}', templet: col_render}, {field: 'per2', 'title': '{{ lang018[g_lang] || "发送失败百分比" }}', templet: col_render}, {field: "action", "title": '{{ lang015[g_lang] || "操作" }}', width: 80, templet: col_render}, ]] });   table.on('tool(tab_logger_event_detail)', function(obj){ paopen({ {{# if(g_lang == "ch") { }} title: '{{ lang016[g_lang] || "事件编辑" }}->' + obj.data.desc, {{# } else { }} title: '{{ lang016[g_lang] || "事件编辑" }}->' + obj.data.evtype, {{# } }} content: $("#tpl_event_set").html(), area: ["490px", "280px"], btn: 'default', subElem: "#submit_logger_event_set", success: function(json){ form.val("form_logger_event_set", obj.data); event_set_submit(); } }); });  }); </script>