{{# var lang001 = {"ch": "编辑", "en": "Edit"}, lang002 = {"ch": "确定要删除吗？", "en": "Confirm Delete?"}, lang003 = {"ch": "启用", "en": "Enable"}, lang004 = {"ch": "禁用", "en": "Disable"}, lang005 = {"ch": "开始，已经Ping", "en": "Started, Pinged "}, lang006 = {"ch": "次", "en": " times"}, lang007 = {"ch": "检测中", "en": "Checking"}, lang008 = {"ch": "未启动", "en": "Not Started"}, lang009 = {"ch": "管理口", "en": "MGMT Port"}, lang010 = {"ch": "序号", "en": "No."}, lang011 = {"ch": "Ping对象", "en": "Ping Target"}, lang012 = {"ch": "Ping接口", "en": "Ping Interface"}, lang013 = {"ch": "下一跳", "en": "Next Hop"}, lang014 = {"ch": "告警", "en": "Alert"}, lang015 = {"ch": "对象备注", "en": "Target Note"}, lang016 = {"ch": "当前时延", "en": "Current Latency"}, lang017 = {"ch": "平均时延", "en": "Average Latency"}, lang018 = {"ch": "最大时延", "en": "Max Latency"}, lang019 = {"ch": "最小时延", "en": "Min Latency"}, lang020 = {"ch": "丢包次数", "en": "Packet Loss Count"}, lang021 = {"ch": "丢包率", "en": "Loss Ratio"}, lang022 = {"ch": "操作", "en": "Action"};      var $ = layui.$, patpl = layui.patpl;     var tpl = $("#tpl_pingmonitor_form").html();     var form_html = patpl(tpl).render({"type": "tab"}); }}   {{- form_html }}  <div class="paui-table-card">     <table id="tab_pingmonitor_obj" lay-filter="tab_pingmonitor_obj"></table>     <div class="layui-table-page" id="page_pingmonitor_obj"></div> </div>   <script id="tpl_pingmonitor_td_action" type="text/html">     <span class="abtn" lay-event="tabet_edit">         <i class="layui-icon layui-icon-edit"></i>     </span>     <span class="abtn" lay-event="tabevt_delete">         <i class="layui-icon layui-icon-delete"></i>     </span> </script>   <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();     var pa_timer = new Paui_timer();      var api = '/cgi-bin/system/ajax_pingmonitor';       var event_center = {         tabevt_pxy: function(obj){             popupProxy(obj.data.pxy_id);         },          tabet_edit: function(obj){             paopen({                 title: '{{ lang001[g_lang] || "编辑" }}',                 area: ['600px', '360px'],                 url: '/html/system/sys_check_ping_edit.html',                 data: obj.data,                 btn: 'default',                 subElem: '#submit_edit_pingobj'             });         },          tabevt_delete: function(obj){             pa_confirm('{{ lang002[g_lang] || "确定要删除吗？" }}', function(index){                 layer.close(index);                 obj.data.action = "rmv_pingmonitor_obj";                 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 'pxy_name':                 if(r.pxy_id == 0)                     return r.pxy_name;                 else                     return '<span class="abtn" lay-event="tabevt_pxy">'+ r.pxy_name +'</span>';                              case 'cur':                 if(r.cur == 0)                     return '<span class="paui-color-danger">' + r.cur + '</span>';                 else                     return '<span class="paui-color-good">' + r.cur + '<span>';              case 'warring':                 return r.warring == "1" ? '{{ lang003[g_lang] || "启用" }}' : '{{ lang004[g_lang] || "禁用" }}';              case 'rate':                 return r.rate + '%';                              case 'act':                 return '';         }     };       var table_search = function(){         var search = form.getValue('form_pingmonitor_tab_search');         pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();     pa_table.render({         elem: '#tab_pingmonitor_obj',         height: 'full-190',         page: true,         pageElem: 'page_pingmonitor_obj',         pageType: 'web',         url: api,         where: {'action': 'load_pingmonitor_stat'},         parseData: function(json){             var data = [];              if(json.data.time){                 $("#paui-pingmonitor-stat").html([                     util.toDateString(json.data.time.my_start_time*1000),                     '{{ lang005[g_lang] || "开始，已经Ping了" }}',                     json.data.time.do_ping_times,                     '{{ lang006[g_lang] || "次" }}',                 ].join(''));             } else {                 if(json.data.running == "yes")                     $("#paui-pingmonitor-stat").html('{{ lang007[g_lang] || "检测中" }}');                 else                     $("#paui-pingmonitor-stat").html('{{ lang008[g_lang] || "未启动" }}');             }              layui.each(json.data.conf, function(index, elem){                 if(elem.pxy_id == 0)                     elem.pxy_name = '{{ lang009[g_lang] || "管理口" }}';                 else{                     /* 判断线路是否存在 */                     if(!json.data.pxy['pxy_' + elem.pxy_id]) return;                     elem.pxy_name = json.data.pxy['pxy_' + elem.pxy_id];                 }                  if(json.data.stat){                     elem.cur = json.data.stat['api_' + elem.id].cur;                     elem.avg = json.data.stat['api_' + elem.id].avg;                     elem.min = json.data.stat['api_' + elem.id].min;                     elem.max = json.data.stat['api_' + elem.id].max;                     elem.miss = json.data.stat['api_' + elem.id].miss;                     elem.rate = json.data.stat['api_' + elem.id].rate;                 } else {                     elem.cur = '-';                     elem.avg = '-';                     elem.min = '-';                     elem.max = '-';                     elem.miss = '-';                     elem.rate = '-';                 }                  data.push(elem);             });             json.data = layui.sort(data, 'id');             return json;         },         cols: [[             {type: 'checkbox'},             {type: 'numbers', title: '{{ lang010[g_lang] || "序号" }}'},             {field: 'obj', title: '{{ lang011[g_lang] || "Ping对象" }}'},             {field: 'pxy_name', title: '{{ lang012[g_lang] || "Ping接口" }}', templet: col_render},             {field: 'nexthop', title: '{{ lang013[g_lang] || "下一跳" }}'},             {field: 'warring', title: '{{ lang014[g_lang] || "告警" }}', templet: col_render},             {field: 'desc', title: '{{ lang015[g_lang] || "对象备注" }}', minWidth: 160},             {field: 'cur', title: '{{ lang016[g_lang] || "当前时延" }}', sort: true, templet: col_render},             {field: 'avg', title: '{{ lang017[g_lang] || "平均时延" }}', sort: true},             {field: 'max', title: '{{ lang018[g_lang] || "最大时延" }}', sort: true},             {field: 'min', title: '{{ lang019[g_lang] || "最小时延" }}', sort: true},             {field: 'miss', title: '{{ lang020[g_lang] || "丢包次数" }}', sort: true},             {field: 'rate', title: '{{ lang021[g_lang] || "丢包率" }}', sort: true, templet: col_render},             {field: 'act', title: '{{ lang022[g_lang] || "操作" }}', width: 80, align: 'right', templet: '#tpl_pingmonitor_td_action'}         ]]     });       /* 事件绑定 */     form.on('submit(submit_pingmonitor_search)', function(index, elem){         table_search();         return false;     });      table.on('checkbox(tab_pingmonitor_obj)', function(obj){ $("#select_pingmonitor_tab_refresh").val(""); form.render(); pa_timer.stop(); });      table.on('tool(tab_pingmonitor_obj)', function(obj){         event_center[obj.event](obj);     });       /* 定时刷新 */     pa_timer.render('select_pingmonitor_tab_refresh', table_search, 5); }); </script>