{{# var lang001 = {"ch": "VRRP联动", "en": "VRRP Linkage"}, lang002 = {"ch": "联动接口选择", "en": "Select Linkage Interface"}, lang003 = {"ch": "联动说明", "en": "Linkage Description"}, lang004 = {"ch": "监控指定的VRRP接口的状态", "en": "Monitor the status of the specified VRRP interface"}, lang005 = {"ch": "当VRRP接口为backup状态时，关闭所有WAN线路和LAN接口的输入输出", "en": "When the VRRP interface is in the Backup state, disable traffic on all WAN and LAN interfaces"}, lang006 = {"ch": "当VRRP接口为master状态时，恢复所有WAN线路和LAN接口的输入输出", "en": "When the VRRP interface is in the Master state, restore traffic on all WAN and LAN interfaces"}, lang007 = {"ch": "联动接口", "en": "Linkage Interface"}, lang008 = {"ch": "不指定", "en": "Do Not Specify"}, lang009 = {"ch": "提交", "en": "Submit"}, lang010 = {"ch": "联动事件", "en": "Linkage Event Log"}, lang011 = {"ch": "切换至", "en": "Switch to "}, lang012 = {"ch": "工作状态", "en": "Master State"}, lang013 = {"ch": "待机状态", "en": "Backup State"}, lang014 = {"ch": "序号", "en": "No."}, lang015 = {"ch": "时间", "en": "Time"}, lang016 = {"ch": "事件", "en": "Event"}, lang017 = {"ch": "当前状态", "en": "Current Status"}, lang018 = {"ch": "未指定VRRP接口", "en": "VRRP interface not specified"}, lang019 = {"ch": "当前为backup状态，关闭所有WAN线路和LAN接口的输入输出", "en": "Currently in Backup state; traffic on all WAN and LAN interfaces is disabled"}, lang020 = {"ch": "当前为master状态，恢复所有WAN线路和LAN接口的输入输出", "en": "Currently in Master state; traffic on all WAN and LAN interfaces is restored"}, lang021 = {"ch": "接口状态", "en": "Interface Status"}, lang022 = {"ch": "功能说明", "en": "Description"}, lang023 = {"ch": "注意事项", "en": "Note"}, lang024 = {"ch": "此功能只需要在备机上启用", "en": "This feature should only be enabled on the standby device"}, lang025 = {"ch": "不联动", "en": "No Linkage"}, lang026 = {"ch": "联动接口", "en": "Linkage Interface"}, lang027 = {"ch": "VRRP状态", "en": "VRRP Status"}; }}  <div class="layui-card">     <div class="layui-card-header">{{ lang022[g_lang] || "功能说明" }}</div>     <div class="layui-card-body">         <div class="layui-row">             {{ lang004[g_lang] || "监控指定的VRRP接口的状态" }}<br>             {{ lang005[g_lang] || "当VRRP接口为backup状态时，关闭所有WAN线路和LAN接口的输入输出" }}<br>             {{ lang006[g_lang] || "当VRRP接口为master状态时，恢复所有WAN线路和LAN接口的输入输出" }}         </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">{{ lang002[g_lang] || "联动接口选择" }}</div>             <div class="layui-card-body" style="padding-bottom: 0px;">                 <table id="tab_vrif_status_list" lay-filter="tab_vrif_status_list"></table>             </div>         </div>     </div>     <div class="layui-col-xs6">         <div class="layui-card">             <div class="layui-card-header">{{ lang010[g_lang] || "联动事件" }}</div>             <div class="layui-card-body" style="padding-bottom: 0px;">                 <table id="tab_vrrp_standby_log" lay-filter="tab_vrrp_standby_log"></table>                 <div class="layui-table-page" id="page_vrrp_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_proxy';     var vrif_table = new Paui_table();     var logs_table = new Paui_table();           var event_center = {         btnevt_show_status: function(){             var config = form.getValue("form_vrrp_standby");             if(config.trackpxy == "")                 layer.msg('{{ lang018[g_lang] || "未指定VRRP接口" }}');             else                 popupProxy("", "", config.trackpxy);         },          tabevt_name: function(obj){             popupProxy("", "", obj.data.name);         }     };       var col_render = function(r){         switch(this.field){             case "id":                 return r.id == "0" ? "-" : r.id;              case "name":                 if(r.id == "0")                     return '{{ lang025[g_lang] || "不联动" }}';                 else                     return '<span class="abtn" lay-event="tabevt_name">' + r.name + '</span>';              case "state":                 if(r.state == "1")                     return '<span class="paui-color-good">master</span>';                 else                 if(r.state == "0")                     return '<span class="paui-color-danger">backup</span>';                 else                     return r.state;              case "time":                 return util.toDateString(r.time);              case "event":                 if(r.event == "1")                     return '{{ lang019[g_lang] || "当前为backup状态，关闭所有WAN线路和LAN接口的输入输出" }}';                 else                     return '{{ lang020[g_lang] || "当前为master状态，恢复所有WAN线路和LAN接口的输入输出" }}';         }     };       form.render();      vrif_table.render({         elem: '#tab_vrif_status_list',         height: 'full-290',         url: api,         where: {action: 'get_vrrp_standby'},         parseData: function(json){             var data = [{                 id: 0,                 ip: '-',                 vlan: '-',                 state: '-',                 name: 'NULL',             }];              layui.each(json.data.vrif, function(index, elem){                 if(elem.name == json.data.vrrp.trackpxy)                     elem.LAY_CHECKED = true;                 data.push(elem);             });                          layui.each(json.data.vrif6, function(index, elem){                 if(elem.name == json.data.vrrp.trackpxy)                     elem.LAY_CHECKED = true;                 data.push(elem);             });              json.data = layui.sort(data, "id");             return json;         },         cols: [[             {type: 'radio'},             {field: 'id', title: 'ID', width: 80, templet: col_render},             {field: 'name', title: '{{ lang026[g_lang] || "联动接口" }}', templet: col_render},             {field: 'ip', title: 'IP'},             {field: 'vlan', title: 'VLAN'},             {field: 'state', title: '{{ lang027[g_lang] || "VRRP状态" }}', templet: col_render}         ]]     });           logs_table.render({         elem: '#tab_vrrp_standby_log',         height: 'full-336',         page: true,         pageElem: 'page_vrrp_standby_log',         pageType: 'web',         url: api,         where: {action: 'load_vrrp_standby_log'},         cols: [[             {type: 'numbers', title: '{{ lang014[g_lang] || "序号" }}'},             {field: 'time', title: '{{ lang015[g_lang] || "时间" }}', width: 160, templet: col_render},             {field: 'event', title: '{{ lang016[g_lang] || "事件" }}', templet: col_render}         ]]     });       /* 事件绑定 */     table.on('tool(tab_vrif_status_list)', function(obj){         event_center[obj.event](obj);     });      table.on('radio(tab_vrif_status_list)', function(obj){         pa_ajax({             url: api,             data: {'action': 'set_vrrp_standby', 'trackpxy': obj.data.name},             success: function(json){                 if(json.code != 0)                     alert_err(json.msg);                 else                     alert_ok(json.msg);                 vrif_table.reload();             }         });     });  }); </script>