{{# var lang001 = {"ch": "关键字查询", "en": "Search"},     lang002 = {"ch": "强制下线", "en": "Force Offline"},     lang003 = {"ch": "本地侧", "en": "Local"},     lang004 = {"ch": "代理侧", "en": "Proxy"},     lang005 = {"ch": "踢线", "en": "Kick"},     lang006 = {"ch": "请选择需要下线的用户", "en": "Select a user first"},     lang007 = {"ch": "确定要强制选中用户下线", "en": "Confirm to force the selected user offline"},     lang008 = {"ch": "用户详情", "en": "User Details"},     lang009 = {"ch": "确定要强制该用户下线", "en": "Confirm to force this user offline"},     lang010 = {"ch": "序号", "en": "No."},     lang011 = {"ch": "账号", "en": "Account"},     lang012 = {"ch": "用户组", "en": "Group"},     lang013 = {"ch": "服务器", "en": "Server"},     lang014 = {"ch": "状态", "en": "Status"},     lang015 = {"ch": "流入速率", "en": "In(bps)"},     lang016 = {"ch": "流出速率", "en": "Out(bps)"},     lang017 = {"ch": "限速(上/下)", "en": "Limit (up/down)"},     lang018 = {"ch": "在线时间", "en": "Online Time"},     lang019 = {"ch": "用户信息", "en": "User Details"},     lang020 = {"ch": "操作", "en": "Actions"};  }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_pxyuser_search">     <div class="layui-form-item paui-table-form-left">         <div class="layui-input-inline" style="width:240px">             <input type="text" name="keyword" class="layui-input" placeholder='{{ lang001[g_lang] || "关键字查询" }}'             lay-verify="isName" lay-affix="clear" lay-filter="clear_pxyuser_search">         </div>         <div class="layui-form-mid" style="padding:0px!important">             <button class="layui-btn layui-btn-sm layui-btn-normal" id="submit_pxyuser_search" lay-submit lay-filter="submit_pxyuser_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" pxyuser_event="btnevt_kick">                 <i class="pa-icon pa-block"></i>&nbsp;{{ lang002[g_lang] || "强制下线" }}             </span> <span class="abtn paui-pppoepxyuser-table-filter"> <i class="pa-icon pa-filter"></i> </span>         </div>     </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_pppoe_pxyuser" lay-filter="tab_pppoe_pxyuser"></table>     <div class="layui-table-page" id="page_pppoe_pxyuser"></div> </div>  <script id="tpl_proxyuser_info" type="text/html"> <span class="abtn" lay-event="tabevt_info_local">{{ lang003[g_lang] || "本地侧" }}</span> <span class="abtn" lay-event="tabevt_info_proxy">{{ lang004[g_lang] || "代理侧" }}</span> </script>  <script id="tpl_proxyuser_action" type="text/html"> <span class="abtn" lay-event="tabevt_kick">{{ lang005[g_lang] || "踢线" }}</span> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();      var api = '/cgi-bin/auth/ajax_pppoesvr';     var l_sort = {"field": "inbpsfmt", "type": "asc"};       var event_center = {         btnevt_kick: function(){ var data = ""; var chk = table.checkStatus('tab_pppoe_pxyuser'); if(chk.data.length == 0){ layer.msg('{{ lang006[g_lang] || "请选择需要下线的用户" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + " mac=" + elem.clntmac; }); pa_confirm('{{ lang007[g_lang] || "确定要强制选中用户下线" }}？', function(index){                 layer.close(index); pa_ajax({ url: api, data: {"action": "kick_pppoelocal_user", "maclist": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          tabevt_ippool: function(obj){             popupUserGroup(obj.data.poolid);         },          tabevt_name: function(obj){             popupUserAccount(obj.data.name, 'proxy');         },          tabevt_svr: function(obj){             /*             var url = "/cgi-bin/Monitor/proxy_show?proxyname=" + obj.data.svrname;             ShowWindow(url, "", 650, 680);             */             popupProxy('', '', obj.data.svrname);         },          tabevt_info_local: function(obj){             popupWindow({                 "mac": obj.data.clntmac,                 "pop_title": '{{ lang008[g_lang] || "用户详情" }}',                 "pop_route":"auth/dump_user_info"             }, 440, 600);         },          tabevt_info_proxy: function(obj){             popupWindow({                 "name": obj.data.uid,                 "pop_title": '{{ lang008[g_lang] || "用户详情" }}',                 "pop_route":"auth/dump_pxyuser_info"             }, 440, 660);         },          tabevt_kick: function(obj){ pa_confirm('{{ lang009[g_lang] || "确定要强制该用户下线" }}？', function(index){                 layer.close(index); pa_ajax({ url: api, data: {"action": "kick_pppoelocal_user", "maclist": "mac=" + obj.data.clntmac}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         }     };       var col_render = function(r){         switch(this.field){             case "name":                 return '<span class="abtn" lay-event="tabevt_name">'+ r.name +'</span>';              case "poolname":                 return '<span class="abtn" lay-event="tabevt_ippool">'+ r.poolname +'</span>';              case "svrname":                 return '<span class="abtn" lay-event="tabevt_svr">'+ r.svrname +'</span>';              case "vlan0":                 return r.vlan0 + "/" + r.vlan1;              case "rateout":                 return r.rateout + "/" + r.ratein;              case "action":                 return '<span class="abtn" lay-event="tabevt_kick">{{ lang005[g_lang] || "踢线" }}</span>';             default:                 return "-";         }     };       var table_search = function(){         var search = form.getValue("form_pxyuser_search");         var sort_type = {             'ipaddr': '-nk10',             'clntmac': '-k9',             'name': '-k3',             'vlan0': '-k7',             'mtu': '-k5',             'poolname': '-k18',             'svrname': '-k17',             'inbpsfmt': '-nk12',             'outbpsfmt': '-nk14',             'onlinetime': '-k16'         };         if(l_sort.type == "desc")             search.sort = "-r " + sort_type[l_sort.field];         else             search.sort = sort_type[l_sort.field];         pa_table.reload({             initSort: l_sort,             where: search         })     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_pppoe_pxyuser',         url: api,         where: {'action': 'load_pppoepxy_user'},         height: 'full-190',         pageElem: 'page_pppoe_pxyuser',         initSort: l_sort,         autoSort: false, dbkey: "tab_pppoepxyuser_cols", filterElem: '.paui-pppoepxyuser-table-filter',         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {type: 'checkbox'}             ,{field: 'id', title: '{{ lang010[g_lang] || "序号" }}', width: 60}             ,{field: 'ipaddr', title: 'IP', sort: true}             ,{field: 'clntmac', title: 'MAC', sort: true, width: 160}             ,{field: 'name', title: '{{ lang011[g_lang] || "账号" }}', sort: true, templet: col_render}             ,{field: 'vlan0', title: 'VLAN', sort: true, templet: col_render}             ,{field: 'mtu', title: 'MTU', sort: true}             ,{field: 'poolname', title: '{{ lang012[g_lang] || "用户组" }}', sort: true, templet: col_render}             ,{field: 'svrname', title: '{{ lang013[g_lang] || "服务器" }}', sort: true, templet: col_render}             ,{field: 'state', title: '{{ lang014[g_lang] || "状态" }}'}             ,{field: 'inbpsfmt', title: '{{ lang015[g_lang] || "流入速率" }}', sort: true}             ,{field: 'outbpsfmt', title: '{{ lang016[g_lang] || "流出速率" }}', sort: true}             ,{field: 'rateout', title: '{{ lang017[g_lang] || "限速(上/下)" }}', templet: col_render}             ,{field: 'onlinetime', title: '{{ lang018[g_lang] || "在线时间" }}', sort: true}             ,{field: 'info', title: '{{ lang019[g_lang] || "用户信息" }}', width:100, align: 'right', templet: '#tpl_proxyuser_info'}             ,{field: 'action', title: '{{ lang020[g_lang] || "操作" }}', width: 40, align: 'right', templet: '#tpl_proxyuser_action'}         ]] ,done: function(json){ var obj = $("#tab_pppoe_localuser").next(); layui.each(json.data, function(index, elem){ if(elem.expired == "1") obj.find('tr[data-index="' + index + '"]').addClass("paui-color-danger"); }); }     });       /* 事件绑定 */     form.on('input-affix(clear_pxyuser_search)', table_search);     form.on('submit(submit_pxyuser_search)', function(obj){         table_search();         return false;     });      util.event('pxyuser_event', event_center);      table.on('tool(tab_pppoe_pxyuser)', function(obj){         event_center[obj.event](obj);     });      table.on('sort(tab_pppoe_pxyuser)', function(obj){         l_sort = obj;         table_search();     }); }); </script>