{{# var lang001 = {"ch": "自动刷新", "en": "Refresh"}, lang002 = {"ch": "不刷新", "en": "No Refresh"}, lang003 = {"ch": "5秒", "en": "5s"}, lang004 = {"ch": "10秒", "en": "10s"}, lang005 = {"ch": "20秒", "en": "20s"}, lang006 = {"ch": "60秒", "en": "60s"}, lang007 = {"ch": "所有状态", "en": "All Status"}, lang008 = {"ch": "正常", "en": "Up"}, lang009 = {"ch": "断开", "en": "Down"}, lang010 = {"ch": "待机", "en": "Standby"}, lang011 = {"ch": "禁用", "en": "Disabled"}, lang012 = {"ch": "关键字搜索", "en": "Search"}, lang013 = {"ch": "批量操作", "en": "Batch Operation"}, lang014 = {"ch": "编辑", "en": "Edit"}, lang015 = {"ch": "启用", "en": "Enable"}, lang016 = {"ch": "删除", "en": "Delete"}, lang017 = {"ch": "添加", "en": "Add"}, lang018 = {"ch": "单个添加", "en": "Single Add"}, lang019 = {"ch": "批量添加", "en": "Batch Add"}, lang020 = {"ch": "导入", "en": "Import"}, lang021 = {"ch": "导出", "en": "Export"}, lang022 = {"ch": "查看状态", "en": "View Status"}, lang023 = {"ch": "快速编辑", "en": "Quick Edit"}, lang024 = {"ch": "请先选择需要操作的监控对象", "en": "Please select the monitoring object to operate first"}, lang025 = {"ch": "确定要", "en": "Confirm to "}, lang026 = {"ch": "批量编辑", "en": "Batch Edit"}, lang027 = {"ch": "序号", "en": "No."}, lang028 = {"ch": "接口名称", "en": "Interface Name"},     lang029 = {"ch": "对象类型", "en": "Object Type"},     lang030 = {"ch": "对象名称", "en": "Object Name"},     lang031 = {"ch": "对象状态", "en": "Object Status"},     lang032 = {"ch": "最近状态变化", "en": "Last Status Change"}, lang033 = {"ch": "流出速率", "en": "Out(bps)"}, lang034 = {"ch": "操作", "en": "Action"}, lang035 = {"ch": "所有类型", "en": "All Types"}, lang036 = {"ch": "确定要导出当前条件的线路吗？", "en": "Confirm to export the interfaces that match the current conditions?"}, lang037 = {"ch": "系统错误，导出失败", "en": "System error, export failed"}, lang038 = {"ch": "监测日志", "en": "Monitoring log"}, lang039 = {"ch": "关联接口名称", "en": "Associated Interface Name"},     lang040 = {"ch": "日志内容", "en": "Log Content"},     lang041 = {"ch": "接口名称", "en": "Interface Name"},     lang042 = {"ch": "监控对象类型", "en": "Monitoring Object Type"},     lang043 = {"ch": "物理网卡", "en": "Physical NIC"},     lang044 = {"ch": "WAN / LAN", "en": "WAN/LAN Virtual Interface"},     lang045 = {"ch": "链路组", "en": "Link Group"},     lang046 = {"ch": "线路组", "en": "Line Group"},     lang047 = {"ch": "监控对象名称", "en": "Monitoring Object Name"}, lang048 = {"ch": "名称", "en": "Name"}, lang049 = {"ch": "类型", "en": "Type"}, lang050 = {"ch": "确定要提交吗", "en": "Confirm to submit?"},     lang051 = {"ch": "固定IP", "en": "Static IP"},     lang052 = {"ch": "确定要删除选中对象吗", "en": "Are you sure you want to delete the selected object?"},     lang053 = {"ch": "IPv6静态", "en": "IPv6 Static"},     lang054 = {"ch": "IPv4静态", "en": "IPv4 Static"},       lang055 = {"ch": "检测失败后优先级", "en": "Specified Priority"},     lang056 = {"ch": "必须小于VRRP接口优先级；若为0，则不理会设置的监控对象", "en": "If set to 0, the monitoring object will be ignored"},     lang057 = {"ch": "监控检测模式", "en": "Monitoring Detection Mode"},     lang058 = {"ch": "关闭", "en": "Off"},     lang059 = {"ch": "任一监控对象断开时即意味着监控失败", "en": "Monitoring fails when any monitored object disconnects"},     lang060 = {"ch": "所有监控对象都断开时才认为监控失败", "en": "Monitoring is considered failed only when all monitored objects are disconnected"},     lang061 = {"ch": "检测失败后优先级不能大于抢占优先级", "en": "Specified priority cannot be greater than preemptive priority"},     lang062 = {"ch": "范围", "en": "Range"},     lang063 = {"ch": "确定", "en": "OK"};  }}  <style> .layui-form-label {width: 120px;} </style>  <form class="layui-form paui-form paui-bg-white" lay-filter="form_vrrpmon_search" style="padding: 20px;margin-bottom: 10px;"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang057[g_lang] || "监控检测模式"}}</label> <div class="layui-input-inline" id="paui-select-monitor-mode"> <select name="vrrp_monitor_mode" lay-filter="select_vrrp_monitor_mode"> <option value="none">{{ lang058[g_lang] || "关闭"}}</option> <option value="or">{{ lang059[g_lang] || "任一监控对象断开时即意味着监控失败"}}</option> <option value="and">{{ lang060[g_lang] || "所有监控对象都断开时才认为监控失败"}}</option> </select> </div> </div>     <div class="layui-form-item"> <label class="layui-form-label">{{ lang055[g_lang] || "检测失败后优先级" }}</label> <div class="layui-input-inline"> <input type="text" name="vrrp_monitor_priority" lay-verify="required|number" value="0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang062[g_lang] || "范围" }}:0-254，{{ lang056[g_lang] || "必须小于VRRP接口优先级；为0，则不理会设置的监控对象" }}</div> </div>     <div class="layui-form-item"><s></s> <label class="layui-form-label">&nbsp;</label> <div class="layui-input-inline"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_add_lanvrrp" id="submit_add_lanvrrp" style="width: 60px;"> {{ lang063[g_lang] || "确定" }} </button> </div> </div> </form>  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_vrifmon_search"> <div class="layui-form-item paui-table-form-left"> <div class="layui-input-inline" style="width:100px"> <select name="object_type" lay-filter="select_vrifmon_search"> <option value="">{{ lang035[g_lang] || "所有类型" }}</option>                 <option value="ifnet">{{ lang043[g_lang] || "物理网卡" }}</option>                 <option value="proxy">{{ lang044[g_lang] || "WAN / LAN" }}</option>                 <option value="lagroup">{{ lang045[g_lang] || "链路组" }}</option>                 <option value="wangroup">{{ lang046[g_lang] || "线路组" }}</option> </select> </div> <div class="layui-input-inline" style="width:100px"> <select name="object_status" lay-filter="select_vrifmon_search"> <option value="">{{ lang007[g_lang] || "所有状态" }}</option> <option value="active">{{ lang008[g_lang] || "正常" }}</option> <option value="inactive">{{ lang009[g_lang] || "断开" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang012[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_vrifmon_search"> </div> <div class="layui-input-inline" style="width:80px"> <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_vrifmon_search"> <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" paui-vrifmon-event="btnevt_remove"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang016[g_lang] || "删除" }} </span> <span class="abtn" paui-vrifmon-event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>{{ lang017[g_lang] || "添加" }} </span> <span class="layui-hide" id="btn_vrifmon_reload" vrifmon_event="btnevt_reload"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_vrifmon_list" lay-filter="tab_vrifmon_list"></table> <div class="layui-table-page" id="page_vrifmon_tab"></div> </div>  <script id="tpl_lantd_action" type="text/html"> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang016[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script id="tpl_vrrpmon_add" type="text/html"> <div class="layui-margin-2">     <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_vrrpmonitor_search">         <div class="layui-form-item paui-table-form-left">             <div class="layui-input-inline" style="width:100px">                 <select name="objtype" lay-filter="select_vrrpmonitor_search">                     <option value="">{{ lang035[g_lang] || "所有类型" }}</option> <option value="ifnet">{{ lang043[g_lang] || "物理网卡" }}</option>                     <option value="proxy">{{ lang044[g_lang] || "WAN / LAN" }}</option>                     <option value="lagroup">{{ lang045[g_lang] || "链路组" }}</option>                     <option value="wangroup">{{ lang046[g_lang] || "线路组" }}</option>                     <!-- <option value="ifnet">{{ lang043[g_lang] || "物理网卡" }}</option>                     <option value="pppoe">PPPPOE</option>                     <option value="proxy6">{{ lang053[g_lang] || "IPv6静态" }}</option>                     <option value="proxy">{{ lang054[g_lang] || "IPv4静态" }}</option>                     <option value="dhcpwan6">DHCPv6</option>                     <option value="dhcpwan">DHCPv4</option>                     <option value="iwan">iWAN</option>                     <option value="l2tpwan">L2TP</option>                     <option value="ipsecwan">IPSec</option>                     <option value="grewan">GREWAN</option>                     <option value="rtif">LAN v4</option>                     <option value="rtif6">LAN v6</option>                     <option value="grelan">GRELAN</option>                     <option value="vrif">VRRP-IPv4</option>                     <option value="vrif6">VRRP-IPv6</option>                     <option value="lagroup">{{ lang045[g_lang] || "链路组" }}</option>                     <option value="wangroup">{{ lang046[g_lang] || "线路组" }}</option> -->                 </select>               </div>             <div class="layui-input-inline">                 <input type="text" name="keyword" class="layui-input" autocomplete="off"                 placeholder='{{ lang012[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_vrrpmonitor_search">             </div>             <div class="layui-input-inline" style="width:auto">                 <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_vrrpmonitor_search">                     <i class="layui-icon layui-icon-search"></i>                 </button>             </div>         </div>     </form>      <div class="paui-table-card">         <table id="tab_vrrpmonitor_objlist" lay-filter="tab_vrrpmonitor_objlist"></table>         <div class="layui-table-page" id="page_vrrpmonitor_objlist"></div>     </div>      <form class="layui-hide layui-form">         <button id="submit_vrrpmonitor_obj" lay-filter="submit_vrrpmonitor_obj" lay-submit></button>     </form> </div> </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, table = layui.table, patpl = layui.patpl;  var pa_table = new Paui_table();     var pa_addmon_table = new Paui_table();  var api = '/cgi-bin/network/ajax_proxy';     var proxy_info = {};  var event_center = {  btnevt_remove: function(){ var monobj = ""; var chk = table.checkStatus('tab_vrifmon_list');  if ( chk.data.length == 0 ) { layer.msg('{{ lang024[g_lang] || "请先选择需要操作的监控对象" }}'); return; }  for(var i = 0; i < chk.data.length; i++){ if(chk.data[i].object_type == "lagroup"){                 monobj += (chk.data[i].object_type + ":" + chk.data[i].object_name.split("lagroup")[1] + ",");     }else{                 monobj += (chk.data[i].object_type + ":" + chk.data[i].object_name + ","); } };  pa_confirm('{{ lang052[g_lang] || "确定要删除选中对象吗" }}', function(index){ layer.close(index); pa_ajax({ url: api, data: {'action': 'del_vrrpmon', 'vrif':"{{d.id}}", 'monobj':monobj}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { table_search(); alert_ok(json.msg); } } }); });  },  btnevt_add: function(){             paopen({ title: '{{ lang017[g_lang] || "添加" }}', area: ["430px", "550px"], btn: "default", subElem: "#submit_vrrpmonitor_obj", content: $("#tpl_vrrpmon_add").html(), success: function(layero, index){                     mon_table_search(); form.render(); form.on('submit(submit_vrrpmonitor_obj)', function(obj){                         var monobj = "";                         var chk = table.checkStatus('tab_vrrpmonitor_objlist');                         layui.each(chk.data, function(index, elem){                             if(elem.type == "lagroup"){                                monobj += (elem.type + ":" + elem.id + ",");                             }else if(elem.type == "wangroup"){                                monobj += (elem.type + ":" + elem.objname + ",");                             }else{                                monobj += (elem.type + ":" + elem.name + ",");                             }                        });                    pa_ajax({               url: api,                   data: {"action":"add_vrrpmon","vrif":"{{d.id}}","monobj":monobj},                   success: function(json){           if(json.code != 0)           alert_err(json.msg);           else {           alert_ok(json.msg);           layer.close(index);                               table_search();             }              }               });                 return false;                 }); } }); },  tabevt_rmv: function(obj) {         var monobj = obj.data.object_type + ":" + obj.data.object_name; if(obj.data.object_type == "lagroup"){             monobj = obj.data.object_type + ":" + obj.data.object_name.split("lagroup")[1]; } pa_confirm('{{ lang025[g_lang] || "确定要" }}' + '{{ lang016[g_lang] || "删除" }}' + "：" + obj.data.object_name, function(index){ layer.close(index); pa_ajax({ url: api, data: {'action': 'del_vrrpmon', 'vrif':"{{d.id}}", 'monobj':monobj}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { table_search(); alert_ok(json.msg); } } }); });              },      };   var col_render = function(r){ switch(this.field) {             case "type": if(r.type == "proxy"){ return '<span>{{ lang044[g_lang] || "WAN / LAN" }}</span>';                 }else if(r.type == "ifnet"){                     return '<span>{{ lang043[g_lang] || "物理网卡" }}</span>';                 }else if(r.type == "wangroup"){                     return '<span>{{ lang046[g_lang] || "线路组" }}</span>';                 }else{                     return '<span>{{ lang045[g_lang] || "链路组" }}</span>';                 }              case "object_type":                 if(r.object_type == "ifnet"){                     return '<span>{{ lang043[g_lang] || "物理网卡" }}</span>';                 }else if(r.object_type == "proxy"){                     return '<span>{{ lang044[g_lang] || "WAN / LAN" }}</span>';                 }else if(r.object_type == "lagroup"){                     return '<span>{{ lang045[g_lang] || "链路组" }}</span>';                 }else if(r.object_type == "wangroup"){                     return '<span>{{ lang046[g_lang] || "线路组" }}</span>';                 }              case "object_status":                 if(r.object_status == "active"){                    return '<i class="layui-icon layui-icon-ok-circle"></i>';                 }else{                    return '<i class="layui-icon layui-icon-reduce-circle paui-color-disable"></i>';                 }              case "action": return patpl( $("#tpl_lantd_action").html() ).render(r); }; };  var table_search = function(){ var search = form.getValue("form_vrifmon_search"); pa_table.reload({ where: search }) };      var mon_table_search = function(){         var search = form.getValue("form_vrrpmonitor_search"); pa_addmon_table.reload({ where: search })     };  /* 基本渲染 */ form.render();      pa_ajax({         url:api,         data:{"action": "load_addproxy_env", "id":"{{d.id}}"},         success:function(json){           proxy_info = json.data.proxy;           form.val("form_vrrpmon_search",json.data.proxy);         }     });  pa_table.render({ elem: '#tab_vrifmon_list', url: api, pageElem: 'page_vrifmon_tab', pageType: 'web', height: 'full-300', where: {"action": "load_vrifmon_list","vrif":"{{d.id}}"}, parseData: function(json){ var data = []; var search = form.getValue("form_vrifmon_search");  layui.each(json.data, function(index, elem){                 if(search.object_type != "" && search.object_type != elem.object_type)                     return;                 if(search.object_status != "" && search.object_status != elem.object_status)                     return;                 data.push(elem);             });  json.data = data; return json; }, cols: [[ {type: 'checkbox'} ,{field: 'id', title: 'ID', width: 36} ,{field: 'interface_name', title: '{{ lang028[g_lang] || "接口名称" }}', sort: true} ,{field: 'object_type', title: '{{ lang029[g_lang] || "对象类型" }}', sort: true ,templet:col_render} ,{field: 'object_name', title: '{{ lang030[g_lang] || "对象名称" }}', sort: true} ,{field: 'object_status', title: '{{ lang031[g_lang] || "对象状态" }}', sort: true, templet:col_render} ,{field: 'lsc_time', title: '{{ lang032[g_lang] || "最近状态变化" }}', sort: true} ,{field: 'action', title: '{{ lang034[g_lang] || "操作" }}', width: 80, align: 'right', templet: col_render} ]] });       pa_addmon_table.render({         elem: '#tab_vrrpmonitor_objlist',         height: '350',         page: true,         pageElem: 'page_vrrpmonitor_objlist',         pageType: 'web',         url: api,         where: {action: 'load_vrrpmon_type_list'},         parseData: function(json){             var data = [];             var search = form.getValue('form_vrrpmonitor_search');             layui.each(json.data, function(index, elem){                 if(!pa_str_find(elem.name, search.keyword))                         return;                 if(search.objtype != "" && search.objtype != elem.type)                     return;                 data.push(elem);             });             json.data = data;             return json;         },         cols: [[             {type: 'checkbox'},             {type: 'numbers', title: '{{ lang027[g_lang] || "序号" }}'},             {field: 'name', title: '{{ lang048[g_lang] || "名称" }}'},             {field: 'type', title: '{{ lang049[g_lang] || "类型" }}', templet: col_render}         ]]     });  /* 事件绑定 */ table.on('sort(tab_vrifmon_list)', function(obj){ table_search(); });  table.on('tool(tab_vrifmon_list)', function(obj){ event_center[obj.event](obj); });  form.on('input-affix(clear_vrifmon_search)', table_search); form.on('select(select_vrifmon_search)', table_search); form.on('submit(submit_vrifmon_search)', function(obj){ table_search(); return false; });            form.on('select(select_vrrpmonitor_search)', mon_table_search);     form.on('input-affix(clear_vrrpmonitor_search)', mon_table_search);     form.on('submit(submit_vrrpmonitor_search)', function(obj){         mon_table_search();         return false;     });      form.on('submit(submit_add_lanvrrp)', function(obj){ if(obj.field.vrrp_monitor_priority){            if(obj.field.vrrp_monitor_priority*1 > proxy_info.vrrp_priority*1) {    alert_err('{{ lang061[g_lang] || "检测失败后优先级不能大于抢占优先级" }}');    return false;    } };         obj.field.action = "set_vrrp_mon"; obj.field.name = proxy_info.name; pa_confirm('{{ lang050[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); } } }); }); return false; });   util.event('paui-vrifmon-event', event_center); }); </script>