{{# 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": "Delete"}, lang008 = {"ch": "添加", "en": "Add"}, lang009 = {"ch": "编辑", "en": "Edit"}, lang010 = {"ch": "关键字搜索", "en": "Search"}, lang011 = {"ch": "光Bypass管理", "en": "Optical Bypass Mgmt"}, lang012 = {"ch": "心跳超时时间", "en": "Heartbeat Timeout"}, lang013 = {"ch": "秒", "en": "sec"}, lang014 = {"ch": "请选择需要操作的Bypass", "en": "Select Bypass to operate"}, lang015 = {"ch": "确定要删除选中Bypass吗？", "en": "Confirm Delete Selected Bypass?"}, lang016 = {"ch": "添加Bypass", "en": "Add Bypass"}, lang017 = {"ch": "编辑Bypass", "en": "Edit Bypass"}, lang018 = {"ch": "确定要删除该Bypass吗？", "en": "Confirm Delete this Bypass?"}, lang019 = {"ch": "序号", "en": "No."}, lang020 = {"ch": "心跳超时时间", "en": "Heartbeat Timeout"}, lang021 = {"ch": "最近一次收到心跳包的时间", "en": "Last Heartbeat Received"}, lang022 = {"ch": "最近一次心跳超时时间", "en": "Last Heartbeat Timeout Time"}, lang023 = {"ch": "超时次数", "en": "Timeout Count"}, lang024 = {"ch": "操作", "en": "Action"}, lang025 = {"ch": "状态", "en": "Status"}; }}  <div class="layui-tab layui-tab-brief">     <ul class="layui-tab-title">         <li class="layui-this">{{ lang011[g_lang] || "光Bypass管理" }}</li>     </ul>     <div class="layui-tab-content">         <div class="layui-tab-item layui-show">             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_bypass_search">                 <div class="layui-form-item paui-table-form-left">                     <label class="layui-form-label">{{ lang001[g_lang] || "自动刷新" }}</label>                     <div class="layui-input-inline" style="width:100px">                         <select name="refresh" lay-filter="select_bypass_refresh" id="select_bypass_refresh">                             <option value="">{{ lang002[g_lang] || "不刷新" }}</option>                             <option value=5>{{ lang003[g_lang] || "5秒" }}</option>                             <option value=10 selected>{{ lang004[g_lang] || "10秒" }}</option>                             <option value=20>{{ lang005[g_lang] || "20秒" }}</option>                             <option value=60>{{ lang006[g_lang] || "60秒" }}</option>                         </select>                     </div>                     <div class="layui-input-inline">                         <input class="layui-input" name="keyword" type="text" autocomplete="off"                         placeholder='{{ lang010[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_bypass_search">                     </div>                     <div class="layui-input-inline" style="width:40px">                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_bypass_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" bypass_event="btnevt_delete">                             <i class="layui-icon layui-icon-delete"></i>{{ lang007[g_lang] || "删除" }}                         </span>                         <span class="abtn" bypass_event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang008[g_lang] || "添加" }}                         </span>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tab_bypass_list" lay-filter="tab_bypass_list"></table>             </div>         </div>     </div> </div>  <script id="tpl_add_bypass" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_bypass" style="padding-top:20px">         <div class="layui-form-item">             <label class="layui-form-label">Bypass IP</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value='add_bypass'>                 <input type="text" name="ip" class="layui-input" lay-verify="required|isIP">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang012[g_lang] || "心跳超时时间" }}</label>             <div class="layui-input-inline">                 <input type="text" name="ttl" class="layui-input" lay-verify="required">             </div>             <div class="layui-form-mid layui-word-aux">{{ lang013[g_lang] || "秒" }}</div>         </div>         <div class="layui-row layui-hide">             <button lay-submit id="submit_add_bypass" lay-filter="submit_add_bypass"></button>         </div>     </form> </script>  <script id="tpl_bypass_td_action" type="text/html">     <span class="abtn" lay-event="tabevt_edit" title='{{ lang009[g_lang] || "编辑" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang007[g_lang] || "删除" }}'> <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_bypass';       var event_center = {         btnevt_delete: function(){ var data = ""; var chk = table.checkStatus('tab_bypass_list'); if(chk.data.length == 0){ layer.msg('{{ lang014[g_lang] || "请选择需要操作的Bypass" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + elem.ip + " " ; }); pa_confirm('{{ lang015[g_lang] || "确定要删除选中Bypass吗？" }}', function(index){ pa_ajax({ url: api, data: {"action": "btnrmv_bypass", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else {                             table_search(); alert_ok(json.msg); } } }); });         },          btnevt_add: function(){             paopen({                 title: '{{ lang016[g_lang] || "添加Bypass" }}',                 area: ['400px', '200px'],                 content: $("#tpl_add_bypass").html(),                 btn: 'default',                 subElem: '#submit_add_bypass'             });         },          tabevt_edit: function(obj){             paopen({                 title: '{{ lang017[g_lang] || "编辑Bypass" }}',                 area: ['400px', '200px'],                 content: $("#tpl_add_bypass").html(),                 btn: 'default',                 subElem: '#submit_add_bypass',                 success: function(){                     obj.data.action = 'edit_bypass';                     form.val('form_add_bypass', obj.data);                 }             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang018[g_lang] || "确定要删除该Bypass吗？" }}', function(index){                 layer.close(index);                 obj.data.action = "rmv_bypass";                 pa_ajax({                     url: api,                     data: obj.data,                     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 "active":                 if(r.active == "0")                     return '<i class="layui-icon layui-icon-ok-circle paui-color-normal"></i>';                 else                     return '<i class="layui-icon layui-icon-close-fill paui-color-danger"></i>';         }     };       var table_search = function(){         var search = form.getValue('form_bypass_search');          pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();     pa_table.render({         elem: '#tab_bypass_list',         height: 'full-145',         url: api,         where: {'action': 'list_bypass'},         cols: [[             {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang019[g_lang] || "序号" }}'}             ,{field: 'ip', title: 'IP'}             ,{field: 'ttl', title: '{{ lang020[g_lang] || "心跳超时时间" }}'}             ,{field: 'active', title: '{{ lang025[g_lang] || "状态" }}', templet: col_render}             ,{field: 'ltime', title: '{{ lang021[g_lang] || "最近一次收到心跳包的时间" }}'}             ,{field: 'last_timeout', title: '{{ lang022[g_lang] || "最近一次心跳超时时间" }}'}             ,{field: 'timeout_cnt', title: '{{ lang023[g_lang] || "超时次数" }}', sort: true}             ,{field: 'act', title: '{{ lang024[g_lang] || "操作" }}', width: 80, align: 'right', templet: '#tpl_bypass_td_action'}         ]]     });       /* 事件绑定 */     util.event('bypass_event', event_center);      table.on('tool(tab_bypass_list)', function(obj){         event_center[obj.event](obj);     });      form.on('input-affix(clear_bypass_search)', table_search);     form.on('submit(submit_bypass_search)', function(obj){         table_search();         return false;     });      form.on('submit(submit_add_bypass)', function(obj){         pa_ajax({             url: api,             data: obj.field,             success: function(json){                 if(json.code != 0)                     alert_err(json.msg);                 else {                     layer.closeAll();                     table_search();                     alert_ok(json.msg);                 }              }         });         return false;     });  pa_timer.render('select_bypass_refresh', table_search, 10);  }); </script>