{{# var lang001 = {"ch": "SSID管理", "en": "SSID Management"}, 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": "关键字搜索", "en": "Search"}, lang010 = {"ch": "自动删除未关联AP的SSID", "en": "Auto-delete SSID of unassociated AP"}, lang011 = {"ch": "添加SSID", "en": "Add SSID"}, lang012 = {"ch": "删除SSID", "en": "Delete SSID"}, lang013 = {"ch": "踢线信号强度", "en": "Kickoff Signal Strength"}, lang014 = {"ch": "信号强度低于该值，则自动将终端踢线", "en": "Clients are auto-kicked if signal strength is below this value"}, lang015 = {"ch": "拒接信号强度", "en": "Reject Signal Strength"}, lang016 = {"ch": "信号强度低于该值，则拒绝终端接入", "en": "Client access is denied if signal strength is below this value"}, lang017 = {"ch": "显示|隐藏", "en": "Show|Hide"}, lang018 = {"ch": "编辑", "en": "Edit"}, lang019 = {"ch": "信号强度", "en": "Signal Strength"}, lang020 = {"ch": "删除", "en": "Delete"}, lang021 = {"ch": "删除SSID，该SSID下面的用户都会下线！<br>选择删除时间", "en": "Deleting SSID will disconnect all users.<br>Select deletion time"}, lang022 = {"ch": "确定要删除SSID", "en": "Confirm Delete SSID?"}, lang023 = {"ch": "定时执行", "en": "Scheduled Exec"}, lang024 = {"ch": "立即执行", "en": "Execute Now"}, lang025 = {"ch": "取消", "en": "Cancel"}, lang026 = {"ch": "添加计划", "en": "Add Schedule"}, lang027 = {"ch": "删除SSID", "en": "Delete SSID"}, lang028 = {"ch": "添加SSID", "en": "Add SSID"}, lang029 = {"ch": "请选择需要删除的SSID", "en": "Select SSID(s) to delete"}, lang030 = {"ch": "关联AP", "en": "Bind AP"}, lang031 = {"ch": "序号", "en": "No."}, lang032 = {"ch": "AP名称", "en": "AP Name"}, lang033 = {"ch": "生效射频", "en": "Radio Mode"}, lang034 = {"ch": "确定要修改吗", "en": "Confirm Edit?"}, lang035 = {"ch": "显示SSID", "en": "Show SSID"}, lang036 = {"ch": "隐藏SSID", "en": "Hide SSID"}, lang037 = {"ch": "编辑SSID", "en": "Edit SSID"}, lang038 = {"ch": "需要绑定AP后才能设置", "en": "Bind AP first to set"}, lang039 = {"ch": "信号强度配置", "en": "Signal Strength Config"}, lang040 = {"ch": "设置SSID接入信号强度", "en": "Set SSID Access Signal Strength"}, lang041 = {"ch": "开启", "en": "On"}, lang042 = {"ch": "关闭", "en": "Off"}, lang043 = {"ch": "不加密", "en": "Open"}, lang044 = {"ch": "序号", "en": "No."}, lang045 = {"ch": "SSID名称", "en": "SSID Name"}, lang046 = {"ch": "加密模式", "en": "Encrypt Mode"}, lang047 = {"ch": "SSID密码", "en": "SSID Pass"}, lang048 = {"ch": "关联AP数", "en": "APs Linked"}, lang049 = {"ch": "是否隐藏", "en": "Hidden"}, lang050 = {"ch": "最大承载", "en": "Max Capacity"}, lang051 = {"ch": "用户隔离", "en": "Client Isolation"}, lang052 = {"ch": "在线终端数", "en": "Online Clients"}, lang053 = {"ch": "操作", "en": "Action"}, lang054 = {"ch": "绑定AP", "en": "Bind AP"}, lang055 = {"ch": "SSID限速", "en": "SSID Rate Limit"}, lang056 = {"ch": "踢线阈值", "en": "Kickoff Threshold"}, lang057 = {"ch": "拒绝接入", "en": "Access Denied"}, lang058 = {"ch": "格式：上行/下行", "en": "Format: Uplink/Downlink"}, lang059 = {"ch": "信号低于该强度则踢线<br>0表示不开启", "en": "Kickoff if signal is below threshold.<br>0 means Off."}, lang060 = {"ch": "信号低于该强度则拒绝接入<br>0表示不开启", "en": "Deny access if signal is below threshold.<br>0 means Off."}, lang061 = {"ch": "隐藏密码", "en": "Hide Password"}, lang062 = {"ch": "查看密码", "en": "Show Password"}, lang063 = {"ch": "管理黑白名单", "en": "Manage Black/Whitelist"}; }}   <div class="layui-tab layui-tab-brief"> <ul class="layui-tab-title"> <li class="layui-this">{{ lang001[g_lang] || "SSID管理" }}</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_ssid_search"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label" style="width:60px">{{ lang002[g_lang] || "刷新" }}</label> <div class="layui-input-inline" style="width:80px"> <select name="autoflush" id="select_ssid_refresh" lay-filter="select_ssid_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> <div class="layui-input-inline" style="width:150px"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang009[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_ssid_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_ssid_search" id="submit_ssid_search"> <i class="layui-icon layui-icon-search"></i> </button> </div> <div class="layui-input-inline" style="margin-top:-5px"> <input type="checkbox" name="auto_rmvssid" lay-filter="chk_auto_rmvssid" title='{{ lang010[g_lang] || "自动删除未关联AP的SSID" }}' lay-skin="primary">  </div> </div> <div class="layui-form-item paui-table-form-right"> <div class="layui-form-mid"> {{# if(g_sys_env.user_level == "0") { }} <span class="abtn" ssid_event="btnevt_show_password" type="hide"> <i class="layui-icon layui-icon-eye"></i>&nbsp;{{ lang062[g_lang] || "查看密码" }} </span> {{# } }} <span class="abtn" ssid_event="btnevt_addssid"> <i class="layui-icon layui-icon-add-1"></i>{{ lang011[g_lang] || "添加SSID" }} </span> <span class="abtn" ssid_event="btnevt_rmvssid"> <i class="layui-icon layui-icon-delete"></i>{{ lang012[g_lang] || "删除SSID" }} </span> <span class="abtn paui-ssidlist-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_ssid_list" lay-filter="tab_ssid_list"></table> </div> </div> </div> </div>   <script id="tpl_ssid_bindap" type="text/html"> <div class="layui-row" style="margin:20px"> <div class="layui-col-md12"> <table id="tab_ssid_bindap" lay-filter="tab_ssid_bindap"></table> </div> </div> </script>   <script id="tpl_ssid_click" type="text/html"> <form class="layui-form paui-form" lay-filter="form_ssid_click" style="margin-top: 20px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang013[g_lang] || "踢线信号强度" }}</label> <div class="layui-form-mid paui-color-disable" style="margin-right:0px">-</div> <div class="layui-input-inline" style="width: 100px"> <input type="hidden" name="action" value="set_ssid_click"> <input class="layui-input" type="text" name="kickrssi" lay-verify="required|number" value="70"> </div> <div class="layui-form-mid layui-word-aux">{{ lang014[g_lang] || "信号强度低于该值，则自动将终端踢线" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang015[g_lang] || "拒接信号强度" }}</label> <div class="layui-form-mid paui-color-disable" style="margin-right:0px">-</div> <div class="layui-input-inline" style="width: 100px"> <input class="layui-input" type="text" name="rejectrssi" lay-verify="required|number" value="75"> </div> <div class="layui-form-mid layui-word-aux">{{ lang016[g_lang] || "信号强度低于该值，则拒绝终端接入" }}</div> </div> <div class="layui-hide"> <button id="submit_ssid_click" lay-submit lay-filter="submit_ssid_click"></button> </div> </form> </script>   <script id="tpl_ssidhide_action" type="text/html">     <input         type="checkbox"         name="hidden" ssidvlan="{% d.ssidvlan %}"         lay-skin="switch"         lay-filter="chk_ssidhide_set"         lay-text='{{ lang017[g_lang] || "显示|隐藏" }}' {% d.hide == 0 ? 'checked' : '' %}     > </script>   <script id="tpl_ssidtd_action" type="text/html"> <span class="abtn" lay-event="tabevt_manage" title='{{ lang063[g_lang] || "管理黑白名单" }}'> <i class="layui-icon layui-icon-set-sm"></i> </span> &nbsp; <span class="abtn" lay-event="tabevt_edit" title='{{ lang018[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> &nbsp; <span class="abtn" lay-event="tabevt_bindap" title='{{ lang054[g_lang] || "绑定AP" }}'> <i class="layui-icon layui-icon-transfer"></i> </span> {{# if( 0 === 1) { /* 暂时隐藏，没法区分SSID绑定的2G/5G */ }} &nbsp; <span class="abtn" lay-event="tabevt_ssidclick" title='{{ lang019[g_lang] || "信号强度" }}'> <i class="layui-icon layui-icon-rss"></i> </span> {{# } }} &nbsp; <span class="abtn" lay-event="tabevt_delete" title='{{ lang020[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, patpl = layui.patpl;  var pa_timer = new Paui_timer();     var pa_table = new Paui_table();     var api = "/cgi-bin/sac/ajax_sac_ssid";   var maskStringFixed = function(str) { if (str.length < 4) return str; return str.slice(0, 2) + '****' + str.slice(-2); };   var ssid_del_commit = function(data){ if(data.ssidstr != "") var msg = '{{- lang021[g_lang] || "删除SSID，该SSID下面的用户都会下线！<br>选择删除时间" }}'; else var msg = '{{ lang022[g_lang] || "确定要删除SSID" }}'; pa_confirm(msg, { btn: [ '{{ lang023[g_lang] || "定时执行" }}', '{{ lang024[g_lang] || "立即执行" }}', '{{ lang025[g_lang] || "取消" }}' ] ,btn1: function(index, layero){ layer.close(index); data.cmd = "ssid_rmv"; data.action = "add_crontab"; paopen({ title: '{{ lang026[g_lang] || "添加计划" }}' ,data: data ,url: '/html/sac/crontab_add.html' ,area: ["600px", "500px"] ,btn: 'default' ,subElem: '#submit_crontab' }); } ,btn2:function(index,layero){ layer.close(index); pa_ajax({ url: api, data: data, success: function(json){ if(json.code == 2){/* SSID未绑定AP的情况，无需显示任务 */ alert_ok(json.msg); table_search(); } else if(json.code != 0){ alert_err(json.msg); } else { table_search(); show_sac_task('{{ lang027[g_lang] || "删除SSID" }}', json.data); } } }); } }); };       var event_center = { btnevt_show_password: function(){ var type = $(this).attr("type"); if(type == "hide"){ $(this).attr("type", "show").html('<i class="layui-icon layui-icon-eye-invisible"></i>&nbsp;{{ lang061[g_lang] || "隐藏密码" }}'); $(".paui-ssid-srcstr").show(); $(".paui-ssid-encstr").hide(); } else { $(this).attr("type", "hide").html('<i class="layui-icon layui-icon-eye"></i>&nbsp;{{ lang062[g_lang] || "查看密码" }}'); $(".paui-ssid-srcstr").hide(); $(".paui-ssid-encstr").show(); } },          btnevt_addssid: function(){ paopen({ title: '{{ lang028[g_lang] || "添加SSID" }}' ,url: '/html/sac/ssid_add.html' ,area: ['500px', '600px'] ,btn: 'default' ,subElem: '#submit_add_ssid' });         },          btnevt_rmvssid: function(){ var chk = table.checkStatus('tab_ssid_list').data; if(chk.length == 0) { layer.msg('{{ lang029[g_lang] || "请选择需要删除的SSID" }}'); return false; }  var apidstr = ""; var ssidstr = ""; var emptyssid = "";  layui.each(chk, function(index, elem){ if(elem.apcnt != 0){ if(apidstr.indexOf(elem.apidstr) < 0) apidstr += elem.apidstr; ssidstr += "," + elem.ssidvlan; } else emptyssid += " " + elem.id; });  ssid_del_commit({ action: 'remove_ssid', apidstr: apidstr, ssidstr: ssidstr, emptyssid: emptyssid });         },  chk_auto_rmvssid: function(obj){ pa_ajax({ url: api, data: {action: 'set_rmvssid_conf', auto_rmv_ssid: obj.elem.checked ? "yes" : "no"}, success: function(json){ if(json.code != 0) alert_err(json.msg); else table_search(); } }); },          tabevt_apcnt: function(obj){ paopen({ title: '{{ lang030[g_lang] || "关联AP" }}->' + obj.data.ssidname ,area: ['650px', '400px'] ,height: '400px' ,shadeClose: true ,content: $("#tpl_ssid_bindap").html() ,success: function(json){ var tab_bindap = new Paui_table(); tab_bindap.render({ elem: '#tab_ssid_bindap' ,url: api ,where: {action: "show_ssid_bindap", ssidvlan: obj.data.ssidvlan} ,cols: [[ {type:'numbers', title:'{{ lang031[g_lang] || "序号" }}'} ,{field: 'apname', title:'{{ lang032[g_lang] || "AP名称" }}'} ,{field: 'radioid', title: '{{ lang033[g_lang] || "生效射频" }}', templet: col_render} ,{field: 'wlanid', title: 'WLAN ID'} ]] }); } });         },  chk_ssidhide_set: function(obj){ pa_confirm('{{ lang034[g_lang] || "确定要修改吗" }}？', function(index){ layer.close(index); var ssid = {}, key = $(obj.elem).attr("ssidvlan"); var tb = table.getData("tab_ssid_list"); layui.each(tb, function(index, elem){ if(elem.ssidvlan == key) ssid = elem; }); if(obj.elem.checked){ ssid.hide = 0; var task_title = '{{ lang035[g_lang] || "显示SSID" }}'; } else { ssid.hide = 1; var task_title = '{{ lang036[g_lang] || "隐藏SSID" }}'; } ssid.action = "hide_ssid"; pa_ajax({ url: api, data: ssid, success: function(json){ table_search(); if(json.code == 2) alert_ok(json.msg); else if(json.code != 0) alert_err(json.msg); else show_sac_task(task_title, json.data); } }); }, table_search); },  tabevt_manage:function(obj){    paopen({ title: '{{ lang063[g_lang] || "管理黑白名单" }}' ,area: ['1150px', '600px'] ,url: '/html/sac/ssid_manage.html' ,data: obj.data }); },          tabevt_edit: function(obj){ obj.data.action = "edit_ssid"; paopen({ title: '{{ lang037[g_lang] || "编辑SSID" }}' ,area: ['580px', '580px'] ,url: '/html/sac/ssid_edit.html' ,data: obj.data ,btn: 'default' ,subElem: '#submit_edit_ssid' });         },  tabevt_bindap: function(obj){ paopen({ title: '{{ lang054[g_lang] || "绑定AP" }}->' + obj.data.ssidname ,area: ['500px', '300px'] ,url: '/html/sac/ssid_bind.html' ,data: obj.data ,btn: 'default' ,btn1: function(index, layero) { $("#submit_bind_ssid").click(); } }); },          tabevt_ssidclick: function(obj){ if(obj.data.apcnt == 0){ alert_tips('{{ lang038[g_lang] || "需要绑定AP后才能设置" }}'); return; } paopen({ title: '{{ lang039[g_lang] || "信号强度配置" }}' ,content: $("#tpl_ssid_click").html() ,area: ['{{ (g_lang == "ch" ? "520px" : "820") }}', '220px'] ,btn: 'default' ,subElem: '#submit_ssid_click' ,success: function(){ form.on('submit(submit_ssid_click)', function(sub){ sub.field.ssidvlan = obj.data.ssidvlan; sub.field.apidstr = obj.data.apidstr; pa_ajax({ url: api, data: sub.field, success: function(json){ if(json.code != 0){ alert_err(json.msg); load_rmvssid_conf(); } else { layer.closeAll(); show_sac_task('{{ lang040[g_lang] || "设置SSID接入信号强度" }}', json.data); } } }); return false; }); } });         },          tabevt_delete: function(obj){ var opt = {action: 'remove_ssid'}; if(obj.data.apcnt == 0) opt.emptyssid = obj.data.id; else{ opt.apidstr = obj.data.apidstr; opt.ssidstr = obj.data.ssidvlan; } ssid_del_commit(opt);         }     };       var col_render = function(r){ switch(this.field){ case "ssidname": return '<sapn class="abtn" lay-event="tabevt_edit">' + r.ssidname + '</span>';  case "mode": return g_sac_authmode[r.mode];  case "pwd": if(r.pwd == "null" || r.mode == "0") return '<span class="paui-color-disable">{{ lang043[g_lang] || "不加密" }}</span>';  return [ '<span class="paui-ssid-srcstr" style="display:none">' + r.pwd + '</span>', '<span class="paui-ssid-encstr">' + maskStringFixed(r.pwd) + '</span>' ].join('');  case "apcnt": return '<span class="abtn" lay-event="tabevt_apcnt">'+ r.apcnt +'</span>';  case "isolate": return r.isolate ? '{{ lang041[g_lang] || "开启" }}' : '{{ lang042[g_lang] || "关闭" }}';  case "maxonline": return r.maxonline == 0 ? 127 : r.maxonline;  case "rate": return r.intf_tx + "/" + r.intf_rx;  case "hide": return patpl($("#tpl_ssidhide_action").html()).render(r);  case "radioid": if(r.radioid == "0") return "2GHz"; if(r.radioid == "1") return "5GHz"; return "2GHz/5GHz"; }; };   var table_search = function(){ var search = form.getValue("form_ssid_search"); pa_table.reload({ "where": search }); };   var load_rmvssid_conf = function(){ pa_ajax({ url: api, data: {action: 'load_rmvssid_conf'}, success: function(json){ form.val('form_ssid_search', { auto_rmvssid: json.data.auto_rmv == "yes" ? true : false }); } }); };       /* 页面渲染 */     form.render(); load_rmvssid_conf();  pa_table.render({ elem: '#tab_ssid_list' ,url: api ,height: 'full-145' ,where: {"action": "load_ssid_list"} ,colHeight: 'auto' ,dbkey: "tab_ssidlist_cols"         ,filterElem: '.paui-ssidlist-table-filter' ,cols: [[ {type: 'checkbox'} ,{field:' id', type:'numbers', title: '{{ lang044[g_lang] || "序号" }}'} ,{field: 'ssidname', title: '{{ lang045[g_lang] || "SSID名称" }}', templet: col_render} ,{field: 'vlan', title: 'VLAN-ID'} ,{field: 'mode', title: '{{ lang046[g_lang] || "加密模式" }}', templet: col_render} ,{field: 'pwd', title: '{{ lang047[g_lang] || "SSID密码" }}', templet: col_render} ,{field: 'apcnt', title: '{{ lang048[g_lang] || "关联AP数" }}', sort: true, templet: col_render} ,{field: 'hide', title: '{{ lang049[g_lang] || "是否隐藏" }}', templet: col_render} ,{field: 'maxonline', title: '{{ lang050[g_lang] || "最大承载" }}', templet: col_render} ,{field: 'isolate', title: '{{ lang051[g_lang] || "用户隔离" }}', templet: col_render} ,{field: 'stacnt', title: '{{ lang052[g_lang] || "在线终端数" }}', sort: true} ,{ field: 'rate', filter_title: '{{ lang055[g_lang] || "SSID限速" }}', title: paui_tabcol_tips('{{ lang055[g_lang] || "SSID限速" }}', '{{ lang058[g_lang] || "格式：上行/下行" }}'), templet: col_render }, { field: 'kick', filter_title: '{{ lang056[g_lang] || "踢线阈值" }}', title: paui_tabcol_tips('{{ lang056[g_lang] || "踢线阈值" }}', '{{ lang059[g_lang] || "信号低于该强度则踢线<br>0表示不开启" }}'), }, { field: 'reject',  filter_title: '{{ lang057[g_lang] || "拒绝接入" }}', title: paui_tabcol_tips('{{ lang057[g_lang] || "拒绝接入" }}', '{{ lang060[g_lang] || "信号低于该强度则拒绝接入<br>0表示不开启" }}'), } ,{title: '{{ lang053[g_lang] || "操作" }}', width: 120, templet: 'col_aplist', align: 'right', templet: "#tpl_ssidtd_action"} ]] });           /* 事件绑定 */     util.event('ssid_event', event_center);      table.on('tool(tab_ssid_list)', function(obj){         event_center[obj.event](obj);     });  form.on('switch(chk_ssidhide_set)', function(obj){         event_center['chk_ssidhide_set'](obj);     });  form.on('input-affix(clear_ssid_search)', table_search);  form.on('checkbox(chk_auto_rmvssid)', function(obj){ event_center['chk_auto_rmvssid'](obj); });  form.on('submit(submit_ssid_search)', function(obj){ table_search(); return false; });   /* 定时刷新 */ pa_timer.render("select_ssid_refresh", table_search, 20);  }); </script>