{{# var lang001 = {"ch": "关键字搜索", "en": "Search"}, lang002 = {"ch": "网桥", "en": "Bridge"}, lang003 = {"ch": "WAN线路", "en": "WAN Link"}, lang004 = {"ch": "不启用", "en": "Disable"}, lang005 = {"ch": "启用", "en": "Enable"}, lang006 = {"ch": "序号", "en": "No."}, lang007 = {"ch": "线路名称", "en": "Link Name"}, lang008 = {"ch": "类型", "en": "Type"}, lang009 = {"ch": "带宽", "en": "Bandwidth"}, lang010 = {"ch": "动态限速", "en": "Dynamic Rate Limiting"}, lang011 = {"ch": "速度维持时间(秒)", "en": "Hold Time (seconds)"}, lang012 = {"ch": "带宽使用率(上限/下限)", "en": "Usage (High/Low Watermark)"}, lang013 = {"ch": "加速比", "en": "Acceleration Ratio"}, lang014 = {"ch": "减速比", "en": "Deceleration Ratio"}, lang015 = {"ch": "动态限速", "en": "Dynamic Rate Limiting"}; }}  <div style="padding: 10px 10px 0px 10px">     <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_plink_search">         <div class="layui-form-item paui-table-form-left">             <div class="layui-input-inline">                 <input type="text" name="keyword" class="layui-input" autocomplete="off"                 placeholder='{{ lang001[g_lang] || "关键字搜索" }}' lay-affix="clear">             </div>             <div class="layui-input-inline" style="width:80px">                 <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_plink_search">                     <i class="layui-icon layui-icon-search"></i>                 </button>             </div>         </div>     </form>      <div class="layui-row paui-table-card">         <table id="tab_plink_list" lay-filter="tab_plink_list"></table>     </div> </div>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();     var api = '/cgi-bin/flowcontrol/ajax_plink';       var col_render = function(r){         switch(this.field){             case "name":                 return '<span class="abtn" lay-event="tabevt_name">'+ r.name +'</span>';                          case "type":                 return r.type == "bridge" ? '{{ lang002[g_lang] || "网桥" }}' : '{{ lang003[g_lang] || "WAN线路" }}';              case "enable":                 if(r.enable == 0)                     return '<i class="layui-icon layui-icon-close-fill" title={{ lang004[g_lang] || "不启用" }}></i>';                 else                     return '<i class="layui-icon layui-icon-ok-circle" title={{ lang005[g_lang] || "启用" }}></i>';              case "lowwater":                 return r.lowwater + "%/" + r.highwater + "%";              case "speedup":                 return r.speedup + "%";                          case "speeddown":                 return r.speeddown + "%";         }     };       var table_search = function(){         var search = form.getValue("form_plink_search");         pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();     pa_table.render({         elem: '#tab_plink_list',         url: api,         where: {'action': 'list_plink'},         height: 'full-65',         cols: [[             {type:'numbers', title: '{{ lang006[g_lang] || "序号" }}'}             ,{field:'name', title:'{{ lang007[g_lang] || "线路名称" }}', sort: true, templet: col_render}             ,{field:'type', title:'{{ lang008[g_lang] || "类型" }}', templet: col_render}             ,{field:'bandwidth', title:'{{ lang009[g_lang] || "带宽" }}(kbps)', sort: true, align: 'center'}             ,{field:'enable', title:'{{ lang010[g_lang] || "动态限速" }}', templet: col_render, align: 'center'}             ,{field:'holdtime', title:'{{ lang011[g_lang] || "速度维持时间(秒)" }}', sort: true, width: 150, align: 'center'}             ,{field:'lowwater', title:'{{ lang012[g_lang] || "带宽使用率(上限/下限)" }}', width: 150, align: 'center', templet: col_render}             ,{field:'speedup', title:'{{ lang013[g_lang] || "加速比" }}', sort: true, align: 'center', templet: col_render}             ,{field:'speeddown', title:'{{ lang014[g_lang] || "减速比" }}', sort: true, align: 'center', templet: col_render}         ]]     });       /* 事件绑定 */     form.on('submit(submit_plink_search)', function(obj){         table_search();         return false;     });      table.on('tool(tab_plink_list)', function(obj){         obj.data.pop_title = '{{ lang015[g_lang] || "动态限速" }}->' + obj.data.name;         obj.data.pop_route = "flowcontrol/policy_link_set";         var url =  location.href.split("?")[0] + objtourl(obj.data);         location.href = url;     });      setInterval(table_search, 5000); }); </script>