{{#      var lang001 = {"ch": "关键字查询", "en": "Keyword Query"},     lang002 = {"ch": "删除", "en": "Delete"},     lang003 = {"ch": "添加", "en": "Add"},     lang004 = {"ch": "导出", "en": "Export"},     lang005 = {"ch": "导入", "en": "Import"},     lang006 = {"ch": "编辑", "en": "Edit"},     lang007 = {"ch": "请选择需要操作的MAC", "en": "Please select MAC to operate"},     lang008 = {"ch": "确定要删除选中MAC？", "en": "Confirm to delete selected MAC?"},     lang009 = {"ch": "添加MAC", "en": "Add MAC"},     lang010 = {"ch": "编辑MAC", "en": "Edit MAC"},     lang011 = {"ch": "确定要删除吗？", "en": "Confirm to delete?"},     lang012 = {"ch": "备注", "en": "Note"},     lang013 = {"ch": "操作", "en": "Action"},     lang014 = {"ch": "序号", "en": "No."},     lang015 = {"ch": "准入MAC模式", "en": "MAC Mode"},     lang016 = {"ch": "黑名单", "en": "Blacklist"},     lang017 = {"ch": "白名单", "en": "Whitelist"},     lang018 = {"ch": "确定要提交吗", "en": "Confirm to submit"},     lang019 = {"ch": "导入MAC", "en": "Import MAC"}; }}  <style> .paui-page-dot1x-mac .layui-form-radio{padding-right: 0px;} </style>  <form class="layui-form layui-form-pane paui-table-form paui-page-dot1x-mac" lay-filter="form_dot1x_mac_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" autocomplete="off"             placeholder='{{ lang001[g_lang] || "关键字查询" }}' lay-verify="isName" lay-affix="clear" lay-filter="clear_dot1x_mac_search">         </div>         <div class="layui-form-mid" style="padding:0px!important">             <button class="layui-btn layui-btn-sm layui-btn-normal"  id="submit_dot1x_mac_search" lay-submit lay-filter="submit_dot1x_mac_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" style="margin: 0px;" paui-hover-evt="paui_tips" showzone="4">             <i class="layui-icon layui-icon-tips paui-color-disable"></i>             {{ lang015[g_lang] || "准入MAC模式" }}             <div class="layui-hide paui-hover-tips-content">                 <div>白名单模式，只有列表中的MAC允许进行8021x认证，认证通过才能上网; 列表外的包则直接丢弃</div>                 <div>黑名单模式， 列表中的MAC不允许认证，直接丢包; 其余要先认证通过才能上网</div>             </div>         </div>         <div class="layui-inline" style="margin: -5px 0px 0px 0px">             <input type="radio" name="mode" value="1" title='{{ lang016[g_lang] || "黑名单" }}' lay-filter="radio_dot1x_mac" checked>             <input type="radio" name="mode" value="0" title='{{ lang017[g_lang] || "白名单" }}' lay-filter="radio_dot1x_mac">          </div>         <div style="margin-left: 10px; margin-right: 10px;border-right: 1px solid #ccc;height: 28px;"></div>         <div class="layui-form-mid">             <span class="abtn" dotx1_mac_event="btnevt_rmv">                 <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang002[g_lang] || "删除" }}             </span>             <span class="abtn" dotx1_mac_event="btnevt_add">                 <i class="layui-icon layui-icon-add-1"></i>{{ lang003[g_lang] || "添加" }}             </span>             <span class="abtn" dotx1_mac_event="btnevt_export">                 <i class="pa-icon pa-download"></i>{{ lang004[g_lang] || "导出" }}             </span>             <span class="abtn" dotx1_mac_event="btnevt_import">                 <i class="layui-icon layui-icon-upload-drag"></i>{{ lang005[g_lang] || "导入" }}             </span>         </div>     </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_dot1x_mac_list" lay-filter="tab_dot1x_mac_list"></table> </div>  <script id="tpl_dot1x_mac_action" type="text/html">     <span class="abtn" lay-event="tabevt_edit" title='{{ lang006[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang002[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     table = layui.table,     patpl = layui.patpl;      var pa_table = new Paui_table();     var api = '/cgi-bin/auth/ajax_dot1x';     var TPL = $("#tpl_dot1x_mac_action").html();      var load_config = function(){         pa_ajax({             url: api,             data: {'action': 'load_dot1x_mac_stat'},             success: function(json){                 form.val("form_dot1x_mac_search", {                     "mode": json.data.stamac_mode == "black_list_mode" ? 1 : 0                 });             }         });     };           var event_center = {         btnevt_rmv: function(){ var data = []; var chk = table.checkStatus('tab_dot1x_mac_list'); if(chk.data.length == 0){ layer.msg('{{ lang007[g_lang] || "请选择需要操作的MAC" }}'); return; } layui.each(chk.data, function(index, elem){ data.push(elem.mac); }); pa_confirm('{{ lang008[g_lang] || "确定要删除选中MAC？" }}', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "bat_rmv_dot1x_mac", "items": data.join(' ')}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_add: function(){             paopen({                 title: '{{ lang009[g_lang] || "添加MAC" }}',                 skin: "layer-paui-skin layer-paui-overflow",                 url: '/html/auth/dot1x_mac_add.html',                 area: ['400px', '220px'],                 btn: 'default',                 subElem: '#submit_dot1x_mac_add'             });         },          btnevt_export: function(){             pa_confirm('确定要导出吗?', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'export_dot1x_mac'},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data.file_name);                     }                 });             });         },          btnevt_import: function(){             paopen({                 title: '{{ lang019[g_lang] || "导入MAC" }}',                 url: '/html/auth/dot1x_mac_import.html',                 area: ['400px', '220px']             });         },          tabevt_edit: function(obj){             paopen({                 title: '{{ lang010[g_lang] || "编辑MAC" }}',                 url: '/html/auth/dot1x_mac_add.html',                 data: obj.data,                 area: ['400px', '220px'],                 btn: 'default',                 subElem: '#submit_dot1x_mac_add'             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang011[g_lang] || "确定要删除吗？" }}', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'rmv_dot1x_mac', 'mac': obj.data.mac},                     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 "id":                 return '<div class="abtn" lay-event="tabevt_edit">' + r.id + '</div>';              case "if":                 return '<div class="abtn" lay-event="tabevt_if">' + r.if + '</div>';                              case "action":                 return patpl(TPL).render(r);         }     };       var table_search = function(){         pa_table.reload();     };       /* 页面渲染 */     form.render();     load_config();      pa_table.render({         elem: '#tab_dot1x_mac_list',         height: 'full-145',         url: api,         where: {'action': 'list_dot1x_mac'},         parseData: function(json){             var data = [];             var search = form.getValue("form_dot1x_mac_search");             layui.each(json.data.dot1x, function(idex, elem){                 var row = {                     mac: elem,                     desc: json.data.desc[elem] || ''                 };                 if(pa_str_find(JSON.stringify(row), search.keyword))                     data.push(row);             });             json.data = data;             return json;         },         cols: [[             {type: 'checkbox'},             {type: 'numbers', title: '{{ lang014[g_lang] || "序号" }}'},             {field: 'mac', title: 'MAC'},             {field: 'desc', title: '{{ lang012[g_lang] || "备注" }}'},             {field: 'action', title: '{{ lang013[g_lang] || "操作" }}', width: 80, align: 'right', templet: col_render}         ]]     });           /* 事件绑定 */     util.event('dotx1_mac_event', event_center);     form.on('input-affix(clear_dot1x_mac_search)', table_search);     form.on('submit(submit_dot1x_mac_search)', function(obj){         table_search();         return false;     });      table.on('tool(tab_dot1x_mac_list)', function(obj){         event_center[obj.event](obj);     });      form.on('radio(radio_dot1x_mac)', function(data){         pa_confirm('{{ lang018[g_lang] || "确定要提交吗" }}?', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: {'action': 'set_dot1x_mac_stat', 'mode': data.elem.value},                 success: function(json){                     if(json.code != 0)                         alert_err(json.msg);                     else                          alert_ok(json.msg);                     load_config();                 }             });         }, load_config);     });  });  </script>