{{# var lang001 = {"ch": "用户组", "en": "User Group"},     lang002 = {"ch": "任意", "en": "Any"},     lang003 = {"ch": "关键字查询", "en": "Search"},     lang004 = {"ch": "强制下线", "en": "Force Offline"},     lang005 = {"ch": "强制下线", "en": "Force Offline"},     lang006 = {"ch": "详情", "en": "User Details"},     lang007 = {"ch": "请选择需要下线的用户", "en": "Select a user first"},     lang008 = {"ch": "确定要强制选中用户下线", "en": "Confirm to force the selected user offline"},     lang009 = {"ch": "确定要强制该用户下线", "en": "Confirm to force this user offline"},     lang010 = {"ch": "用户详情", "en": "User Details"},     lang011 = {"ch": "序号", "en": "No."},     lang012 = {"ch": "在线IP", "en": "Online IP"},     lang013 = {"ch": "账号", "en": "Account"},     lang014 = {"ch": "认证方式", "en": "Auth Type"},     lang015 = {"ch": "限速(上/下)", "en": "Limit (up/down)"},     lang016 = {"ch": "用户组", "en": "User Group"},     lang017 = {"ch": "在线时间", "en": "Online Time"},     lang018 = {"ch": "操作", "en": "Actions"},     lang019 = {"ch": "本地", "en": "Local"},     lang020 = {"ch": "微信", "en": "WeChat"},     lang021 = {"ch": "钉钉", "en": "DingTalk"},     lang022 = {"ch": "飞书", "en": "Feishu"};  }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_webauth_user">     <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:120px"> <select name="ippool" lay-filter="select_webauth_user" id="select_webauth_ippool"> <option value="" selected>{{ lang002[g_lang] || "任意" }}</option> </select> </div>         <label class="layui-form-label">{{ lang014[g_lang] || "认证方式" }}</label> <div class="layui-input-inline" style="width:120px"> <select name="utype" lay-filter="select_webauth_user"> <option value="" selected>{{ lang002[g_lang] || "任意" }}</option> <option value="webacct">{{ lang019[g_lang] || "本地" }}</option> <option value="webrad">Radius</option> <option value="adlogin">LDAP</option> <option value="weixin">{{ lang020[g_lang] || "微信" }}</option> <option value="dingding">{{ lang021[g_lang] || "钉钉" }}</option> <option value="feishu">{{ lang022[g_lang] || "飞书" }}</option> <option value="oauth">OAuth</option> </select> </div>         <div class="layui-input-inline" style="width:240px">             <input type="text" name="keyword" class="layui-input" autocomplete="off"             placeholder='{{ lang003[g_lang] || "关键字查询" }}' lay-verify="isName" lay-affix="clear" lay-filter="clear_webauth_user">         </div>         <div class="layui-form-mid" style="padding:0px!important">             <button class="layui-btn layui-btn-sm layui-btn-normal"  id="submit_webauth_user" lay-submit lay-filter="submit_webauth_user">                 <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" webauth_user_event="btnevt_kick">                 <i class="pa-icon pa-block"></i>&nbsp;{{ lang004[g_lang] || "强制下线" }}             </span>         </div>     </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_webauth_user" lay-filter="tab_webauth_user"></table>     <div class="layui-table-page" id="page_webauth_user"></div> </div>  <script id="tpl_webauth_user_action" type="text/html"> <span class="abtn" lay-event="tabevt_kick" title='{{ lang005[g_lang] || "强制下线" }}'> <i class="pa-icon pa-block"></i> </span>     &nbsp;     {%# if(d.utype == "webacct") { %}         <span class="abtn" lay-event="tabevt_info" title='{{ lang006[g_lang] || "详情" }}'>             <i class="layui-icon layui-icon-tips"></i>         </span>     {%# } else { %}         <span class="paui-color-disable">             <i class="layui-icon layui-icon-tips"></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 api = '/cgi-bin/auth/ajax_webauth';     var l_sort = {"field": "birth", "type": "asc"};     var l_auth_desc = {         'webacct': '本地',         'webrad': 'Radius',         'cmccportal': 'CMCC Portal',         'adlogin': 'LDAP',         'weixin': '微信',         'dingding': '钉钉',         'feishu': '飞书',         'oauth': 'OAuth'     };       var event_center = {         btnevt_kick: function(){ var data = ""; var chk = table.checkStatus('tab_webauth_user'); if(chk.data.length == 0){ layer.msg('{{ lang007[g_lang] || "请选择需要下线的用户" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + " " + elem.ipstr; }); pa_confirm('{{ lang008[g_lang] || "确定要强制选中用户下线" }}？', function(index){                 layer.close(index); pa_ajax({ url: api, data: {"action": "kick_webauth_user", "ips": 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, 'local');         },          tabevt_ip: function(obj){             popupIPobj(obj.data.ipstr);         },          tabevt_kick: function(obj){ pa_confirm('{{ lang009[g_lang] || "确定要强制该用户下线" }}？', function(index){                 layer.close(index); pa_ajax({ url: api, data: {"action": "kick_webauth_user", "ips": obj.data.ipstr}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          tabevt_info: function(obj){             popupWindow({                 "mac": obj.data.clntmac,                 "pop_title": '{{ lang010[g_lang] || "用户详情" }}',                 "pop_route":"auth/dump_user_info"             }, 440, 560);         }     };       var col_render = function(r){         switch(this.field){             case "ipstr":                 if(r.ip6str != "NULL") r.ipstr = r.ip6str;                 return '<span class="abtn" lay-event="tabevt_ip">'+ r.ipstr +'</span>';              case "name":                 return '<span class="abtn" lay-event="tabevt_name">'+ r.name +'</span>';              case "poolname":                 if(r.poolname == "NULL") return "";                 return '<span class="abtn" lay-event="tabevt_ippool">'+ r.poolname +'</span>';                          case "ratein":                 return r.rateout + "/" + r.ratein;              case "auth":                 return l_auth_desc[r.utype] || r.utype;              case "action":                 return patpl($("#tpl_webauth_user_action").html()).render(r);         }     };      var table_search = function(){         var search = form.getValue("form_webauth_user");         pa_table.reload({             initSort: l_sort,             where: search         })     };       /* 页面渲染 */     form.render();     pa_ajax({         url: '/cgi-bin/object/ajax_select_object',         data: {'action': 'load_group'},         success: function(json){             var obj = $("#select_webauth_ippool");             obj.html('<option value="">{{ lang002[g_lang] || "任意" }}</option>');             layui.each(json.data, function(index, elem){                 obj.append('<option value="'+ elem.id +'">'+ elem.name +'</option>');             });             form.render();         }     });      pa_table.render({         elem: '#tab_webauth_user',         url: api,         where: {'action': 'load_webauth_user'},         height: 'full-190',         pageElem: 'page_webauth_user',         pageType: 'web',         initSort: l_sort,         autoSort: false,         parseData: function(json){             var data = [];             var search = form.getValue("form_webauth_user");                         layui.each(json.data, function(_, e){                 layui.each(e, function(index, elem){                     if(!pa_str_find(JSON.stringify(elem), search.keyword))                         return;                     if(search.utype != "" && elem.utype != search.utype)                         return;                     data.push(elem);                 });             });                          json.count = data.length;             json.data = layui.sort(data, l_sort.field, l_sort.type == "desc" ? true : false);             return json;         },         cols: [[             {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang011[g_lang] || "序号" }}'}             ,{field: 'ipstr', title: '{{ lang012[g_lang] || "在线IP" }}', sort: true, templet: col_render}             ,{field: 'clntmac', title: 'MAC', sort: true}             ,{field: 'name', title: '{{ lang013[g_lang] ||"账号" }}', sort: true, templet: col_render}             ,{field: 'vlan', title: 'VLAN', sort: true}             ,{field: 'mtu', title: 'MTU', sort: true}             ,{field: 'auth', title: '{{ lang014[g_lang] || "认证方式" }}', sort: true, templet: col_render}             ,{field: 'ratein', title: '{{ lang015[g_lang] || "限速(上/下)" }}', templet: col_render}             ,{field: 'poolname', title: '{{ lang016[g_lang] || "用户组" }}', sort: true, templet: col_render}             ,{field: 'birth', title: '{{ lang017[g_lang] || "在线时间" }}', sort: true}             ,{field: 'action', title: '{{ lang018[g_lang] || "操作" }}', width: 80, align: 'right', templet: col_render}         ]] ,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"); }); }     });       /* 事件绑定 */     util.event('webauth_user_event', event_center);      table.on('tool(tab_webauth_user)', function(obj){         event_center[obj.event](obj);     });          table.on('sort(tab_webauth_user)', function(obj){         l_sort = obj;         table_search();     });          form.on('select(select_webauth_user)', table_search);     form.on('input-affix(clear_webauth_user)', table_search);     form.on('submit(submit_webauth_user)', function(obj){         table_search();         return false;     }); }); </script>