{{# var lang001 = {"ch": "选择信号", "en": "Select Radio"}, lang002 = {"ch": "控制模式", "en": "Control Mode"}, lang003 = {"ch": "关闭", "en": "Off"}, lang004 = {"ch": "黑名单", "en": "Blacklist"}, lang005 = {"ch": "白名单", "en": "Whitelist"}, lang006 = {"ch": "MAC", "en": "MAC"}, lang007 = {"ch": "配置", "en": "Config"}, lang008 = {"ch": "SSID名称", "en": "SSID Name"}, lang009 = {"ch": "绑定的ap", "en": "Bound AP"}, lang010 = {"ch": "操作", "en": "Action"}, lang011 = {"ch": "编辑", "en": "Edit"}, lang012 = {"ch": "删除", "en": "Delete"}, lang013 = {"ch": "选择ap", "en": "Select AP"}, lang014 = {"ch": "确定要提交吗", "en": "Confirm Submit?"}, lang015 = {"ch": "编辑黑白名单", "en": "Edit Black/Whitelist"}, lang016 = {"ch": "控制模式为关闭时，无法进行配置", "en": "Config is not possible when Control Mode is Off"}, lang017 = {"ch": "序号", "en": "No."}, lang018 = {"ch": "确定要修改控制模式吗", "en": "Confirm Modify Control Mode?"}, lang019 = {"ch": "添加", "en": "Add"}, lang020 = {"ch": "添加黑白名单", "en": "Add Black/Whitelist"}, lang021 = {"ch": "关键字搜索", "en": "Search"}, lang022 = { "ch": "在同一个 SSID 下，仅支持一种控制模式（黑名单或白名单）；添加或编辑模式时，会清除原有的配置信息。", "en": "Only one mode (Blacklist/Whitelist) is supported per SSID. Adding/editing mode will clear existing config." }, lang023 = {"ch": "信号", "en": "Radio"}; }}   <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ssid_manage" style="margin: 20px;">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang008[g_lang] || "SSID名称" }}</label>         <div class="layui-input-inline" style="width:150px">             <input type="text" name="ssidname" class="layui-input" autocomplete="off" readonly>         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <div class="layui-input-inline" style="width:150px">             <input type="text" name="keyword" class="layui-input" autocomplete="off"                 placeholder='{{ lang021[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_stamac_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_stamac_search"                 id="submit_stamac_search">                 <i class="layui-icon layui-icon-search"></i>             </button>         </div>       <!--   <div class="layui-form-mid">             <span style="color:#ffc000;"> *{{lang022[g_lang]}}</span>         </div> -->     </div>      <div class="layui-form-item paui-table-form-right">         <div class="layui-form-mid">             <span class="abtn" ssid_mac_event="btnevt_add">                 <i class="layui-icon layui-icon-addition"></i>{{ lang019[g_lang] || "添加" }}             </span>             <span class="layui-hide" id="fresh_manage_ssid" ssid_mac_event="btnevt_reload"></span>         </div>     </div> </form> <div class="paui-table-card">     <table id="tab_ssid_manage_list" lay-filter="tab_ssid_manage_list"></table>     <div class="layui-table-page" id="page_ssid_manage_list"></div> </div>  <script id="tpl_ssidmg_action" type="text/html"> <span class="abtn" lay-event="tabevt_edit" title='{{ lang011[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> &nbsp; <span class="abtn" lay-event="tabevt_delete" title='{{ lang012[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script> layui.use(function () {     var $ = layui.$,     form = layui.form,     table = layui.table;      var api = "/cgi-bin/sac/ajax_sac_ssid";     var pdata = JSON.parse('{{- JSON.stringify(d) }}');     var pa_table = new Paui_table();       var event_center = {         btnevt_add: function () {             let data = {};             data.ssidvlan = pdata.ssidvlan;             data.actions = "add";             paopen({                 title: '{{ lang020[g_lang] || "添加黑白名单" }}'                 , area: ['450px', '400px']                 , url: '/html/sac/ssid_manage_edit_add.html'                 , data: data                 , btn: 'default'                 , subElem: '#submit_ssid_manage_add'             });         },          btnevt_reload: function(){             delay_reload();         },          tabevt_edit: function (obj) {             obj.data.ssidvlan = pdata.ssidvlan;             obj.data.actions = "edit";             paopen({                 title: '{{ lang015[g_lang] || "编辑黑白名单" }}'                 , area: ['450px', '400px']                 , url: '/html/sac/ssid_manage_edit_add.html'                 , data: obj.data                 , btn: 'default'                 , subElem: '#submit_ssid_manage_edit'             });         },          tabevt_delete: function (obj) {             var opt = obj.data;             opt.action = 'del_acl';             if (obj.data.apid == "4097") {                 opt.apid = "";             }             opt.apidstr = opt.apid;              pa_ajax({                 url: api,                 data: opt,                 success: function (res) {                     if (res.code != 0) {                         alert_err(res.msg);                     } else {                         if (res.data == "")                             alert_ok(res.msg);                         delay_reload();                     }                 }             });         }     };      var col_render = function (r) {         switch (this.field) {             case "mode":                 if (r.mode == "allow") {                     return '<sapn class="nbtn">{{lang005[g_lang] || "白名单"}}</span>';                 } else if (r.mode == "deny") {                     return '<sapn class="nbtn">{{lang004[g_lang] || "黑名单"}}</span>';                 } else {                     return '<sapn class="nbtn">{{lang003[g_lang] || "关闭"}}</span>';                 };              case "apname":                 if (r.apname == "null") {                     return '';                 } else {                     return '<sapn class="nbtn">' + r.apname + '</span>';                 };              case "ridx":                 if (r.ridx == "1" || r.ridx ==1) {                     return '<sapn class="nbtn">5G</span>';                 } else if(r.ridx=="0" || r.ridx==0) {                     return '<sapn class="nbtn">2G</span>';                 };         };     };       var delay_reload = function(){         table_search();         setTimeout(table_search, 20000);     };       var table_search = function () {         var search = form.getValue("form_ssid_manage");         pa_table.reload({             "where": search         });     };       /* 页面渲染 */     form.val("form_ssid_manage", pdata);      pa_table.render({         elem: '#tab_ssid_manage_list'         , url: api         , height: '424px'         , page: true         , pageType: 'web'         , pageElem: 'page_ssid_manage_list'         , where: { "action": "load_acl_list", "ssidname": pdata.ssidname }         , colHeight: 'auto'         , parseData: function (json) {             json.data = json.data.filter(item => Object.keys(item).length > 0);             return json;         }         , cols: [[             { type: 'numbers', title: '{{ lang017[g_lang] || "序号" }}' }             , { field: 'mac', title: '{{ lang006[g_lang] || "MAC" }}' }             , { field: 'ridx', title: '{{ lang023[g_lang] || "信号" }}', templet: col_render  }             , { field: 'apname', title: '{{ lang009[g_lang] || "绑定的ap" }}', templet: col_render }             , { field: 'mode', title: '{{ lang002[g_lang] || "控制模式" }}', templet: col_render }             , { title: '{{ lang010[g_lang] || "操作" }}', templet: "#tpl_ssidmg_action" }         ]]     });       /* 事件绑定 */     util.event('ssid_mac_event', event_center);          form.on('input-affix(clear_stamac_search)', table_search);     form.on('submit(submit_stamac_search)', function (obj) {         table_search();         return false;     });      table.on('tool(tab_ssid_manage_list)', function (obj) {         event_center[obj.event](obj);     });  }); </script>