{{# var lang001 = {"ch": "功能说明", "en": "Description"}, lang002 = {"ch": "在主机上监测指定对象的状态", "en": "Monitor the status of the specified object on the host"}, lang003 = {"ch": "当指定对象的状态变成down时，降低所有VRRP线路的抢占优先级", "en": "When the specified object status changes to Down, reduce the preemption priority of all VRRP interfaces"}, lang004 = {"ch": "当指定对象的状态变成up时，提高所有VRRP线路的抢占优先级", "en": "When the specified object status changes to Up, increase the preemption priority of all VRRP interfaces"}, lang005 = {"ch": "监测配置", "en": "Monitoring Configuration"}, lang006 = {"ch": "切换事件", "en": "Failover Event"}, lang007 = {"ch": "降低vrrp线路优先级", "en": "Lower VRRP Interface Priority"}, lang008 = {"ch": "提高vrrp线路优先级", "en": "Increase VRRP Interface Priority"}, lang009 = {"ch": "名称", "en": "Name"}, lang010 = {"ch": "状态", "en": "Status"}, lang011 = {"ch": "时间", "en": "Time"}, lang012 = {"ch": "事件", "en": "Event"}, lang013 = {"ch": "不监测", "en": "Do Not Monitor"}, lang014 = {"ch": "备注", "en": "Notes"}, lang015 = {"ch": "监控", "en": "Monitor"}, lang016 = {"ch": "关闭", "en": "Off"}, lang017 = {"ch": "开启", "en": "On"}, lang018 = {"ch": "切换条件", "en": "Failover Condition"}, lang019 = {"ch": "选中对象全部断开则切换", "en": "Switch if all selected objects disconnect"}, lang020 = {"ch": "任意对象断开则切换", "en": "Switch if any object disconnects"}, lang021 = {"ch": "提交", "en": "Submit"}, lang022 = {"ch": "监控对象", "en": "Monitored Object"}, lang023 = {"ch": "状态", "en": "Status"}, lang024 = {"ch": "添加监控对象", "en": "Add Monitored Object"}, lang025 = {"ch": "确定", "en": "Confirm"}, lang026 = {"ch": "取消", "en": "Cancel"}, lang027 = {"ch": "确定要删除吗", "en": "Confirm deletion?"}, lang028 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang029 = {"ch": "删除", "en": "Delete"}, lang030 = {"ch": "序号", "en": "No."}, lang031 = {"ch": "添加", "en": "Add"}; }}  <div class="layui-card">     <div class="layui-card-header">{{ lang001[g_lang] || "功能说明" }}</div>     <div class="layui-card-body">         <div class="layui-row">             {{ lang002[g_lang] || "在主机上监控指定对象的状态" }}<br>             {{ lang003[g_lang] || "当指定对象状态变成down时，降低所有VRRP线路的抢占优先级" }}<br>             {{ lang004[g_lang] || "当指定对象状态变成up时，提高所有VRRP线路的抢占优先级" }}         </div>     </div> </div> <div class="layui-row layui-col-space8" style="margin-top:4px;">     <div class="layui-col-xs6">         <div class="layui-card">             <div class="layui-card-header">{{ lang005[g_lang] || "监测配置" }}</div>             <div class="layui-card-body">                 <form class="layui-form paui-form" lay-filter="form_vpmonitor_config" style="padding-top: 10px;">                     <div class="layui-form-item">                         <label class="layui-form-label">{{ lang015[g_lang] || "监控" }}</label>                         <div class="layui-input-inline">                             <input type="hidden" name="action" value="set_vpmonitor_conf">                             <select name="monitor_enable">                                 <option value="0">{{ lang016[g_lang] || "关闭" }}</option>                                 <option value="1">{{ lang017[g_lang] || "开启" }}</option>                             </select>                         </div>                     </div>                     <div class="layui-form-item">                         <label class="layui-form-label">{{ lang018[g_lang] || "切换条件" }}</label>                         <div class="layui-input-inline">                             <select name="switch_type">                                 <option value="all">{{ lang019[g_lang] || "选中对象全部断开则切换" }}</option>                                 <option value="any">{{ lang020[g_lang] || "任意对象断开则切换" }}</option>                             </select>                         </div>                     </div>                     <div class="layui-form-item">                         <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_vpmonitor_config">                                 {{ lang021[g_lang] || "提交" }}                             </button>                         </div>                     </div>                 </form>                 <div class="paui-table-card">                     <button class="layui-hide" vpmonitor_event="btnevt_reload" id="reload_vpmonitor_config"></button>                     <table id="tab_pxy_standby_list" lay-filter="tab_pxy_standby_list"></table>                 </div>             </div>         </div>     </div>     <div class="layui-col-xs6">         <div class="layui-card">             <div class="layui-card-header">{{ lang006[g_lang] || "切换事件" }}</div>             <div class="layui-card-body" style="padding-bottom: 0px;">                 <table id="tab_if_standby_log" lay-filter="tab_if_standby_log"></table>                 <div class="layui-table-page" id="page_if_standby_log"></div>             </div>         </div>     </div> </div>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table;      var api = '/cgi-bin/network/ajax_vrrp';     var pxy_table = new Paui_table();     var log_table = new Paui_table();       var show_monitor_tab = function(data){         pxy_table.render({             id: 'tab_pxy_standby_list',             elem: '#tab_pxy_standby_list',             height: 'full-422',             data: data,             cols: [[                 {type: 'numbers', title: '{{ lang030[g_lang] || "序号" }}'},                 {field: 'obj', title: '{{ lang022[g_lang] || "监控对象" }}', templet: col_render},                 {field: 'stat', title: '{{ lang023[g_lang] || "状态" }}', templet: col_render},                 {                     field: 'action',                     title: '<span class="abtn" style="cursor:pointer" vpmonitor_event="btnevt_add">{{ lang031[g_lang] || "添加" }}</span>',                     width: 80,                     align: 'right',                     templet: function(){                         return [                             '<span class="abtn" title={{ lang029[g_lang] || "删除" }} lay-event="tabevt_remove">',                                 '<i class="layui-icon layui-icon-delete"></i>',                             '</span>'                         ].join('');                     }                 }             ]]         });          table.on('tool(tab_pxy_standby_list)', function(obj){             event_center[obj.event](obj);         });     };       var load_config = function(){         pa_ajax({             url: api,             data: {'action': 'get_vpmonitor_conf'},             success: function(json){                 form.val('form_vpmonitor_config', json.data.conf);                 show_monitor_tab(json.data.list);             }         });     };       var event_center = {         btnevt_reload: function(){             load_config();         },          btnevt_add: function(){             paopen({                 title: '{{ lang024[g_lang] || "添加监控对象" }}',                 area: ['520px', '550px'],                 url: '/html/network/vpmonitor_add.html',                 btn: ['{{ lang025[g_lang] || "确定" }}', '{{ lang026[g_lang] || "取消" }}'],                 subElem: '#submit_vpmonitor_obj'             });         },          tabevt_name: function(obj){             if(obj.data.type == "nic")                 popupInterface(obj.data.obj);             else                 popupProxy(obj.data.pid);         },          tabevt_remove: function(obj){             pa_confirm('{{ lang027[g_lang] || "确定要删除吗" }}?', function(index){                 layer.close(index);                 var data = table.getData('tab_pxy_standby_list');                 var nic = [], pxy = [];                 layui.each(data, function(index, elem){                     if(elem.obj == obj.data.obj)                         return;                     if(elem.type == "nic")                         nic.push(elem.obj);                     else                         pxy.push(elem.pid);                 });                  obj.del();                  pa_ajax({                     url: api,                     data: {                         action: 'add_vpmonitor_obj',                         interface: nic.join(','),                         proxy: pxy.join(',')                     },                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             load_config();                         }                     }                 });             });         }     };       var col_render = function(r){         switch(this.field){             case "obj":                 return '<span class="abtn" lay-event="tabevt_name">' + r.obj + '</span>';              case "stat": if(r.stat == "1") return '<i class="layui-icon layui-icon-ok-circle"></i>'; else return '<i class="layui-icon layui-icon-close-fill"></i>';              case "time":                 return util.toDateString(r.time*1000);              case "event":                 if(r.event == "down")                     return 'up -> down,{{lang007[g_lang] || "降低vrrp线路优先级" }}';                 else                     return 'down -> up,{{lang008[g_lang] || "提高vrrp线路优先级" }}';         }     };           /* 页面初始 */     form.render();     load_config();     show_monitor_tab([]);      log_table.render({         elem: '#tab_if_standby_log',         height: 'full-336',         page: true,         pageElem: 'page_if_standby_log',         pageType: 'web',         url: api,         where: {action: 'load_vpmonitor_log'},         cols: [[             {type: 'numbers', title: 'ID'},             {field: 'time', title: '{{ lang011[g_lang] || "时间" }}', width: 160, templet: col_render},             {field: 'event', title: '{{ lang012[g_lang] || "事件" }}', templet: col_render}         ]]     });       /* 事件绑定 */     util.event('vpmonitor_event', event_center);     form.on('submit(submit_vpmonitor_config)', function(obj){         pa_confirm('{{ lang028[g_lang] || "确定要提交吗" }}?', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     load_config();                      if(json.code != 0)                         alert_err(json.msg);                     else                         alert_ok(json.msg);                 }             });         });         return false;     });  }); </script>