{{# var lang001 = {"ch": "AP用户", "en": "AP Clients"}, lang002 = {"ch": "刷新", "en": "Refresh"}, lang003 = {"ch": "不刷新", "en": "No Refresh"}, lang004 = {"ch": "5秒", "en": "5s"}, lang005 = {"ch": "10秒", "en": "10s"}, lang006 = {"ch": "20秒", "en": "20s"}, lang007 = {"ch": "30秒", "en": "30s"}, lang008 = {"ch": "60秒", "en": "60s"}, lang009 = {"ch": "AP组", "en": "AP Group"}, lang010 = {"ch": "所有组", "en": "All Groups"}, lang011 = {"ch": "所有AP", "en": "All APs"}, lang012 = {"ch": "射频", "en": "Radio"}, lang013 = {"ch": "所有射频", "en": "All Radios"}, lang014 = {"ch": "IP或IP范围", "en": "IP or Range"}, lang015 = {"ch": "关键字搜索", "en": "Search"}, lang016 = {"ch": "漫游配置", "en": "Roaming Config"}, lang017 = {"ch": "设置备注", "en": "Set Note"}, lang018 = {"ch": "重点参数", "en": "Key Parameter Trend"}, lang019 = {"ch": "AP详情", "en": "AP Details"}, lang020 = {"ch": "序号", "en": "No."}, lang021 = {"ch": "备注", "en": "Note"}, lang022 = {"ch": "连接", "en": "Status"}, lang023 = {"ch": "信号强度", "en": "Signal Strength"}, lang024 = {"ch": "射频", "en": "Radio"}, lang025 = {"ch": "无线收/发速率", "en": "Rx/Tx Rate (Mbps)"}, lang026 = {"ch": "切换计数[AP/信号]", "en": "Switchover Count [AP / Radio]"}, lang027 = {"ch": "接入模式", "en": "Access Mode"}, lang028 = {"ch": "流出bps", "en": "Outbound (bps)"}, lang029 = {"ch": "流入bps", "en": "Inbound (bps)"}, lang030 = {"ch": "流出流量", "en": "Outbound Bytes"}, lang031 = {"ch": "流入流量", "en": "Inbound Bytes"}, lang032 = {"ch": "在线时长", "en": "Online Time"}, lang033 = {"ch": "终端厂商", "en": "Vendor"}, lang034 = {"ch": "终端", "en": "Client"}, lang035 = {"ch": "所有终端", "en": "All Clients"}, lang036 = {"ch": "有线", "en": "Wired"}, lang037 = {"ch": "无线", "en": "Wireless"}; }}  {{# if(!d.ipobj_list) { }} <div class="layui-tab layui-tab-brief">     {{# if(!d.pop_route){ }}     <ul class="layui-tab-title">         <li class="layui-this">{{ lang001[g_lang] || "AP用户" }}</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_apuser_search">                 <div class="layui-form-item paui-table-form-left">                     <label class="layui-form-label">{{ lang002[g_lang] || "刷新" }}</label>                     <div class="layui-input-inline" style="width:80px">                         <select name="refresh" lay-filter="select_apuser_refresh"> <option value="">{{ lang003[g_lang] || "不刷新" }}</option> <option value="5">{{ lang004[g_lang] || "5秒" }}</option> <option value="10">{{ lang005[g_lang] || "10秒" }}</option> <option value="20" selected>{{ lang006[g_lang] || "20秒" }}</option> <option value="30">{{ lang007[g_lang] || "30秒" }}</option> <option value="60">{{ lang008[g_lang] || "60秒" }}</option>                         </select>                     </div>                     <label class="layui-form-label" style="width:100px">{{ lang009[g_lang] || "AP组" }}</label>                     <div class="layui-input-inline" style="width:100px">                         <select name="grpid" id="select_user_group" lay-search lay-filter="select_apuser_search">                             <option value="">{{ lang010[g_lang] || "所有组" }}</option>                         </select>                     </div>                     <label class="layui-form-label" style="width:60px">AP</label>                     <div class="layui-input-inline" style="width:100px">                         <select name="apname" id="select_user_ap" lay-search lay-filter="select_apuser_search">                             <option value="">{{ lang011[g_lang] || "所有AP" }}</option>                         </select>                     </div>                     <label class="layui-form-label" style="width:60px">{{ lang034[g_lang] || "终端" }}</label>                     <div class="layui-input-inline" style="width:100px">                         <select name="wire" lay-filter="select_apuser_search">                             <option value="">{{ lang035[g_lang] || "所有终端" }}</option>                             <option value="0">{{ lang036[g_lang] || "有线" }}</option>                             <option value="1">{{ lang037[g_lang] || "无线" }}</option>                         </select>                     </div>                     <label class="layui-form-label" style="width:60px">{{ lang012[g_lang] || "射频" }}</label>                     <div class="layui-input-inline" style="width:100px">                         <select name="rdidx" lay-filter="select_apuser_search">                             <option value="">{{ lang013[g_lang] || "所有射频" }}</option>                             <option value="0">2G Hz</option>                             <option value="1">5G Hz</option>                         </select>                     </div>                     <label class="layui-form-label" style="width:60px">IP</label>                     <div class="layui-input-inline" style="width:120px">                         <input type="text" name="iprange" class="layui-input" autocomplete="off"                         placeholder='{{ lang014[g_lang] || "IP或IP范围" }}' lay-affix="clear" lay-filter="clear_apuser_search">                     </div>                     <div class="layui-input-inline" style="width:130px">                         <input type="text" name="keyword" class="layui-input" autocomplete="off"                         placeholder='{{ lang015[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_apuser_search">                     </div>                     <div class="layui-form-mid" style="padding:0px!important">                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_apuser_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" apuser_event="btnevt_roam">{{ lang016[g_lang] || "漫游配置" }}</span>                         <span class="abtn paui-apuser-table-filter">                             <i class="pa-icon pa-filter" style="font-size:14px!important"></i>                         </span>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tab_apuser_list" lay-filter="tab_apuser_list"></table>                 <div class="layui-table-page" id="page_apuser_list"></div>             </div> {{# if(!d.ipobj_list) { }}         </div>     </div> </div> {{# } }}  <script id="tpl_apuser_rssid" type="text/html">     {%# if(d.rssi == 0) { %}         <div><b>-</b></div>     {%# } else if(d.rssi >= -50) { %}         <div class="paui-color-good"><b>{% d.rssi %}</b></div>     {%# } else if(d.rssi > - 70 && d.rssi < -50) { %}         <div class="paui-color-warring"><b>{% d.rssi %}</b></div>     {%# } else { %}         <div class="paui-color-danger"><b>{% d.rssi %}</b></div>     {%# } %} </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     patpl = layui.patpl;      var pa_table = new Paui_table();     var pa_timer = new Paui_timer();      var api = '/cgi-bin/sac/ajax_sac_user';     var l_sort = {};     var l_aplist = {};      var event_center = {         btnevt_roam: function(){ paopen({ title: '{{ lang016[g_lang] || "漫游配置" }}' ,area: ['650px', '520px'] ,url: '/html/sac/user_roam.html' ,btn: 'default'                 ,subElem: '#submit_roam' });         },          tabevt_ipobj: function(obj){ popupIPobj(obj.data.ipaddr);         },  tabevt_ipdesc: function(obj){             paopen({                 title: '{{ lang017[g_lang] || "设置备注" }}',                 url: '/html/monitor/ipobj_note_add.html',                 area: ['800px', '300px'],                 data: obj.data,                 btn: 'default',                 subElem: '#submit_set_ipobj_note',                 end: table_search             }); },          tabevt_mac_chart: function(obj){             obj.data.pop_route = "sac/user_chart";             obj.data.pop_title = '{{ lang018[g_lang] || "重点参数" }}' + obj.data.ipaddr; popupWindow(obj.data, 800, 700);         },  tabevt_flowcnt: function(obj){ popupIPobj(obj.data.ipaddr, 1); },  tabevt_apname: function(obj){ paopen({ title: '{{ lang019[g_lang] || "AP详情" }}->' + obj.data.apname ,area: ['1100px', '500px']                 ,shadeClose: true ,data: {"apid": l_aplist[obj.data.apname]} ,url: "/html/sac/ap_detail.html" }); },     };       var col_render = function (r) { var html = '';  switch(this.field) { case "ipaddr": if(r.ipaddr == "0.0.0.0") return '<span class="abtn sac_tips" tips_type="zeroip_desc">'+r.ipaddr+'</span>'; else return '<span class="abtn" lay-event="tabevt_ipobj">'+r.ipaddr+'</span>';  case "mac": return '<span class="abtn" lay-event="tabevt_mac_chart">' + r.mac + '</span>';  case "flowcnt": if(r.ipaddr == "0.0.0.0") return '<span class="abtn sac_tips" tips_type="zeroip_desc">'+r.flowcnt+'</span>'; else return '<span class="abtn" lay-event="tabevt_flowcnt">'+r.flowcnt+'</span>';  case "ipname": if (r.ipname.indexOf("null") >= 0) return ""; else return '<span class="abtn" lay-event="tabevt_ipdesc">' + r.ipname + '</span>';  case "apname": return '<span class="abtn" lay-event="tabevt_apname">' + r.apname + '</span>';  case "rssi":                 return patpl($("#tpl_apuser_rssid").html()).render(r);              case "ssid":                 return r.rssi == 0 ? '-' : r.ssid;  case "rdidx": return r.rssi == 0 ? '-' : r.rdidx == 0 ? "2G" : "5G";  case "rate": var a = r.rate.split("/"); return (a[1] + "/" + a[0]);  case "pmode": return g_sac_phymode[r.pmode];  case 'outbps': return numberformat(r.outbps);  case 'inbps': return numberformat(r.inbps);  case 'outbytes': return numberformat(r.outbytes);  case 'inbytes': return numberformat(r.inbytes); } };       var table_search = function(){         var search = form.getValue("form_apuser_search");         search.statype = l_sort.field;         pa_table.reload({             where: search,             initSort: l_sort         });     };           /* 页面渲染 */     form.render();  pa_ajax({         url: "/cgi-bin/sac/ajax_sac_ap",         data: {"action": "load_ap_group"},         success: function(json){             var d = JSON.parse('{{- JSON.stringify(d) }}');              layui.each(json.data.group, function(index, elem){                 var opt = '<option value=' + elem.grpid + '>' + elem.grpname  + '</option>';                 $("#select_user_group").append(opt);             });              layui.each(json.data.ap, function(index, elem){                 l_aplist[elem.name] = elem.apid;                 var opt = '<option value=' + elem.name + '>' + elem.name  + '</option>';                 $("#select_user_ap").append(opt);             });              form.val('form_apuser_search', d);         } });   pa_table.render({ elem: '#tab_apuser_list' ,height: 'full-{{d.pop_route ? 112 : 190}}' ,dbkey: "tab_apuser_cols" ,filterElem: '.paui-apuser-table-filter' ,page: true ,pageElem: 'page_apuser_list' ,autoSort: false ,url: api ,where: {"action": "load_apuser_list", "apname": '{{ d.apname ? d.apname : "" }}'} ,parseData: function(json){ json.count = json.data.count; json.data = json.data.data; return json; } ,cols: [[ {type: 'checkbox', hide: true} ,{field:' id',  type:'numbers', title: '{{ lang020[g_lang] || "序号" }}'} ,{field: 'ipname', title: '{{ lang021[g_lang] || "备注" }}', templet: col_render} ,{field: 'ipaddr', title:'IP', sort: true, width: 110, templet: col_render} ,{field: 'flowcnt', title: '{{ lang022[g_lang] || "连接" }}', width:80, sort: true, templet: col_render} ,{field: 'mac', title: 'MAC', width: 120, templet: col_render} ,{field: 'apname', title: 'AP', sort: true, width: 70, templet: col_render} ,{field: 'ssid', title: 'SSID', width: 110, templet: col_render} ,{field: 'rssi', title: '{{ lang023[g_lang] || "信号强度" }}', width: 75, sort: true, templet: col_render} ,{field: 'rdidx', title: '{{ lang024[g_lang] || "射频" }}', width: 60, templet: col_render} ,{field: 'rate', title: '{{ lang025[g_lang] || "无线收/发速率" }}(Mbps)', width: 92, hide: true, templet: col_render} ,{field: 'jump', title: '{{ lang026[g_lang] || "切换计数[AP/信号]" }}', width: 65, hide: true} ,{field: 'pmode', title: '{{ lang027[g_lang] || "接入模式" }}', width: 100, hide: true, templet: col_render} ,{field: 'outbps', title: '{{ lang028[g_lang] || "流出bps" }}', sort: true, width: 90, templet: col_render} ,{field: 'inbps', title: '{{ lang029[g_lang] || "流入bps" }}', sort: true, width: 90, templet: col_render} ,{field: 'outbytes', title: '{{ lang030[g_lang] || "流出流量" }}', hide: true, width: 85, sort: true, templet: col_render} ,{field: 'inbytes', title: '{{ lang031[g_lang] || "流入流量" }}', hide: true, width: 85, sort: true, templet: col_render} ,{field: 'onlinetm', title: '{{ lang032[g_lang] || "在线时长" }}', sort: true} ,{field: 'oui', title: '{{ lang033[g_lang] || "终端厂商" }}'} ]] });       /* 事件绑定 */     util.event('apuser_event', event_center);     form.on('input-affix(clear_apuser_search)', table_search);     form.on('select(select_apuser_search)', table_search);     form.on('submit(submit_apuser_search)', function(obj){         table_search();         return false;     });      table.on('sort(tab_apuser_list)', function(obj){         l_sort = obj;         l_sort.type = "desc"; table_search();     });      table.on('tool(tab_apuser_list)', function(obj){         event_center[obj.event](obj);     });       /* 定时刷新 */     pa_timer.render('select_apuser_refresh', table_search, 20); }); </script>