{{# var lang001 = {"ch": "Radius认证", "en": "RADIUS Auth"},     lang002 = {"ch": "关闭", "en": "Disable"},     lang003 = {"ch": "开启", "en": "Enable"},     lang004 = {"ch": "服务器IP", "en": "Server IP"},     lang005 = {"ch": "NAS标识", "en": "NAS Identifier"},     lang006 = {"ch": "密钥", "en": "Shared Secret"},     lang007 = {"ch": "认证超时时间", "en": "Auth Timeout"},     lang008 = {"ch": "秒", "en": "sec"},     lang009 = {"ch": "提交", "en": "Submit"},     lang010 = {"ch": "确定要提交吗？", "en": "Confirm Submit?"},     lang011 = {"ch": "登录后默认权限", "en": "Default Role After Login"},     lang012 = {"ch": "普通管理员", "en": "Operator"},     lang013 = {"ch": "只读用户", "en": "Read-Only User"},     lang014 = {"ch": "LDAP认证", "en": "LDAP Auth"},     lang015 = {"ch": "端口", "en": "Port"},     lang016 = {"ch": "认证方式", "en": "Auth Method"},     lang017 = {"ch": "账号直接绑定认证", "en": "Direct Bind Authentication"},     lang018 = {"ch": "管理员账号搜索认证", "en": "Admin Search Authentication"},     lang019 = {"ch": "管理员账号", "en": "Admin Account"},     lang020 = {"ch": "管理员密码", "en": "Admin Password"},     lang021 = {"ch": "LDAP认证当前不可用，请安装'AD域同步APP'后重试", "en": "LDAP Auth is unavailable. Install 'AD Sync APP' and try again."},     lang022 = {"ch": "CAS单点登录", "en": "CAS Single Sign-On"},     lang023 = {"ch": "登录地址", "en": "Login URL"},     lang024 = {"ch": "用户信息地址", "en": "User Info URL"},     lang025 = {"ch": "退出地址", "en": "Exit URL"},     lang026 = {"ch": "", "en": ""},     lang027 = {"ch": "映射第三方账号到本地账号，确定登录后的权限", "en": "Mapping third account to local account, determine login permission"},     lang028 = {"ch": "账号无对应时", "en": "Not Mapped"},     lang029 = {"ch": "使用默认权限", "en": "Default"},     lang030 = {"ch": "禁止登录", "en": "Forbidden"},     lang031 = {"ch": "第三方账号", "en": "Third Account"},     lang032 = {"ch": "本地账号", "en": "Local Account"},     lang033 = {"ch": "新增", "en": "Add"},     lang034 = {"ch": "删除", "en": "Delete"}; }}  <style> #paui-ldap-card-mask{     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background-color: rgba(255, 255, 255, 0.7);     color: #333;     z-index: 999;     display: flex;     justify-content: center;     align-items: center;     font-size: 14px; } .paui-app-theme-dark #paui-ldap-card-mask{background-color: rgba(0, 0, 0, 0.6); color: #fff;}  .paui-page-webuser-auth .layui-tabs-header li {font-size: 12px; } .paui-page-webuser-auth .layui-tabs-header .layui-this,  .paui-page-webuser-auth .layui-tabs-header li:hover {color: #4E97EE;} </style>  <div class="layui-card paui-page-webuser-auth">     <div class="layui-card-body">         <div class="layui-tabs layui-tabs-card">             <ul class="layui-tabs-header">                 <li class="layui-this">{{ lang001[g_lang] || "Radius认证" }}</li>                 <li>{{ lang014[g_lang] || "LDAP认证" }}</li>                 <li>{{ lang022[g_lang] || "CAS单点登录" }}</li>             </ul>             <div class="layui-tabs-body">                 <div class="layui-tabs-item layui-show">                     <form class="layui-form paui-form" lay-filter="form_radius_auth">                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang001[g_lang] || "Radius认证" }}</label>                             <div class="layui-input-inline">                                 <input type="hidden" name="action" value="set_radius_auth">                                 <select name="radius_auth">                                     <option value="0">{{ lang002[g_lang] || "关闭" }}</option>                                     <option value="1">{{ lang003[g_lang] || "开启" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang011[g_lang] || "登录后默认权限" }}</label>                             <div class="layui-input-inline">                                 <select name="radius_level">                                     <option value="1">{{ lang012[g_lang] || "普通管理员" }}</option>                                     <option value="2">{{ lang013[g_lang] || "只读用户" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang004[g_lang] || "服务器IP" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="radius_server" class="layui-input" lay-verify="required|isIP">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang005[g_lang] || "NAS标识" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="radius_nas" value="" class="layui-input" lay-verify="required|isName">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang006[g_lang] || "密钥" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="radius_key" class="layui-input" lay-verify="required|isName">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang007[g_lang] || "认证超时时间" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="radius_timeout" value="2" class="layui-input" lay-verify="required|number">                             </div>                             <div class="layui-form-mid layui-word-aux">{{ lang008[g_lang] || "秒" }}</div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">&nbsp;</label>                             <div class="layui-input-inline">                                 <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_radius_auth">                                     {{ lang009[g_lang] || "提交" }}                                 </button>                             </div>                         </div>                     </form>                 </div>                 <div class="layui-tabs-item">                     <div id="paui-ldap-card-mask" style="display: none;">                         {{ lang021[g_lang] || "LDAP认证当前不可用，请安装'AD域同步APP'后重试" }}                     </div>                     <form class="layui-form paui-form" lay-filter="form_ldap_auth">                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang014[g_lang] || "LDAP认证" }}</label>                             <div class="layui-input-inline">                                 <input type="hidden" name="action" value="set_ldap_auth">                                 <select name="ldap_auth">                                     <option value="0">{{ lang002[g_lang] || "关闭" }}</option>                                     <option value="1">{{ lang003[g_lang] || "开启" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang011[g_lang] || "登录后默认权限" }}</label>                             <div class="layui-input-inline">                                 <select name="ldap_level">                                     <option value="1">{{ lang012[g_lang] || "普通管理员" }}</option>                                     <option value="2">{{ lang013[g_lang] || "只读用户" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">LDAPS</label>                             <div class="layui-input-inline">                                 <select name="ldaps" lay-filter="select_ldaps">                                     <option value="0">{{ lang002[g_lang] || "关闭" }}</option>                                     <option value="1">{{ lang003[g_lang] || "开启" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang004[g_lang] || "服务器IP" }}:{{ lang015[g_lang] || "端口" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="ldap_ip" class="layui-input" lay-verify="required|isIP">                             </div>                             <div class="layui-form-mid" style="margin-right: 5px;">:</div>                             <div class="layui-input-inline" style="width: 80px;">                                 <input type="text" name="ldap_port" value="389" class="layui-input" lay-verify="required|isPort">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">Base DN</label>                             <div class="layui-input-inline" style="width: 288px;">                                 <input type="text" name="ldap_basedn" class="layui-input" placeholder="dc=demo,dc=com">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang016[g_lang] || "认证方式" }}</label>                             <div class="layui-input-inline">                                 <select name="auth_type" lay-filter="select_ldapauth_type">                                     <option value="bind">{{ lang017[g_lang] || "账号直接绑定认证" }}</option>                                     <option value="admin">{{ lang018[g_lang] || "管理员账号搜索认证" }}</option>                                 </select>                             </div>                         </div>                         <div class="paui-ldapauth-admintype" style="display: none;">                             <div class="layui-form-item">                                 <label class="layui-form-label">{{ lang019[g_lang] || "管理员账号" }}</label>                                 <div class="layui-input-inline">                                     <input type="text" name="admin_username" class="layui-input" lay-verify="isName">                                 </div>                             </div>                             <div class="layui-form-item">                                 <label class="layui-form-label">{{ lang020[g_lang] || "管理员密码" }}</label>                                 <div class="layui-input-inline">                                     <input type="text" name="admin_password" class="layui-input" lay-verify="isName">                                 </div>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">&nbsp;</label>                             <div class="layui-input-inline">                                 <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_ldap_auth">                                     {{ lang009[g_lang] || "提交" }}                                 </button>                             </div>                         </div>                     </form>                 </div>                 <div class="layui-tabs-item">                     <form class="layui-form paui-form" lay-filter="form_cas_auth">                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang022[g_lang] || "CAS单点登录" }}</label>                             <div class="layui-input-inline">                                 <input type="hidden" name="action" value="set_cas_auth">                                 <select name="cas_auth">                                     <option value="0">{{ lang002[g_lang] || "关闭" }}</option>                                     <option value="1">{{ lang003[g_lang] || "开启" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang011[g_lang] || "登录后默认权限" }}</label>                             <div class="layui-input-inline">                                 <select name="cas_level">                                     <option value="1">{{ lang012[g_lang] || "普通管理员" }}</option>                                     <option value="2">{{ lang013[g_lang] || "只读用户" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang023[g_lang] || "登录地址" }}</label>                             <div class="layui-input-inline" style="width: 400px;">                                 <input type="text" name="cas_login_url" class="layui-input" lay-verify="url">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang024[g_lang] || "用户信息地址" }}</label>                             <div class="layui-input-inline" style="width: 400px;">                                 <input type="text" name="cas_user_url" class="layui-input" lay-verify="url">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang025[g_lang] || "退出地址" }}</label>                             <div class="layui-input-inline" style="width: 400px;">                                 <input type="text" name="cas_exit_url" class="layui-input" lay-verify="url">                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">&nbsp;</label>                             <div class="layui-input-inline">                                 <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_cas_auth">                                     {{ lang009[g_lang] || "提交" }}                                 </button>                             </div>                         </div>                     </form>                 </div>             </div>         </div>     </div> </div>  <div class="layui-card" style="margin-top: 8px;">     <div class="layui-card-body">         <blockquote class="layui-elem-quote" style="margin: 10px 0px 10px 0px;">             <div>{{ lang027[g_lang] || "映射第三方账号到本地账号，确定登录后的权限" }}</div>         </blockquote>         <div class="layui-form" lay-filter="form_webuser_map">             <div class="layui-form-item" style="margin-bottom: 0px;">                 <label class="layui-form-label">{{ lang028[g_lang] || "账号无对应时" }}</label>                 <div class="layui-input-inline">                     <input type="hidden" name="action" value="set_webuser_map"></input>                     <input type="radio" name="usermap_default" value="0" title='{{ lang029[g_lang] || "使用默认权限" }}' checked />                     <input type="radio" name="usermap_default" value="1" title='{{ lang030[g_lang] || "禁止登录" }}' />                 </div>             </div>             <div class="layui-form-item">                 <label class="layui-form-label" style="padding-top:12px;">账号映射</label>                 <div class="layui-input-inline" style="width:500px">                     <table class="layui-table" id="tab_webuser_map" style="width:100%" lay-skin="line" lay-size="sm">                         <thead>                             <tr>                                 <td style="width:40%">{{ lang031[g_lang] || "第三方账号" }}</td>                                 <td style="width:40%">{{ lang032[g_lang] || "本地账号" }}</td>                                 <td style="width:20%;text-align:right;">                                     <span class="abtn" webuser_add_envent="btnevt_add_usermap" title='{{ lang033[g_lang] || "新增" }}'>                                         <i class="layui-icon layui-icon-add-1"></i>                                     </span>                                 </td>                             </tr>                         </thead>                         <tbody></tbody>                     </table>                 </div>             </div>             <div class="layui-form-item">                 <label class="layui-form-label">&nbsp;</label>                 <div class="layui-input-inline">                     <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_webuser_map">                         {{ lang009[g_lang] || "提交" }}                     </button>                 </div>             </div>         </div>     </div> </div>  <script id="tpl_webuwer_map" type="text/html"> <tr> <td style="width:40%"> <input type="text" name="third_{% d.num %}" class="layui-input" lay-verify="required|isName" lay-vertype="tips"> </td> <td style="width:40%"> <select name="local_{% d.num %}" lay-search>                 {%# layui.each(d.user, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}             </select> </td> <td style="width:20%;text-align:right;"> <span class="dbtn" webuser_add_envent="btnevt_rmv_usermap" num="{% d.num %}" title='{{ lang034[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </td> </tr> </script>  <script> layui.use(function(){     var $ = layui.$,     tabs = layui.tabs;     form = layui.form;      var api  = "/cgi-bin/system/ajax_sys_user";     var l_user_list = [];       var show_ldap_auth_port = function(ldaps){         if(ldaps == '1'){             form.val("form_ldap_auth", {'ldap_port': '636'});         } else {             form.val("form_ldap_auth", {'ldap_port': '389'});         }     };      var show_ldap_auth_type = function(auth_type){         if(auth_type == 'admin'){             $('.paui-ldapauth-admintype').show();         } else {             $('.paui-ldapauth-admintype').hide();         }     };       var load_config = function(){         layer.load();         pa_ajax({             url: api,             data: {'action': 'load_auth_type'},             success: function(json){                 layer.closeAll('loading');                  /* cas auth */                 form.val('form_radius_auth', json.data.radius);                  /* ldap auth */                 show_ldap_auth_port(json.data.ldap.ldaps || 0);                 show_ldap_auth_type(json.data.ldap.auth_type || "bind");                 form.val('form_ldap_auth', json.data.ldap);                  if(json.data.ldap.have_ldapeye == '0')                     $("#paui-ldap-card-mask").show();                  /* cas auth */                 form.val('form_cas_auth', json.data.cas);                  /* webuser map */ var num = 0;                 var map_data = json.data.map;                 l_user_list = json.data.user;                 $("#tab_webuser_map tbody").html(""); layui.each(map_data.usermap_list.split(";"), function(key, val){                     if(val == "") return;                     num += 1;                     var conf = val.split(",");                     map_data['third_' + num] = conf[0];                     map_data['local_' + num] = conf[1];                     event_center.btnevt_add_usermap(); });                 form.val('form_webuser_map', map_data);             }         });     };   var event_center = { btnevt_add_usermap: function(){ var tdTmpl = $("#tpl_webuwer_map").html(); var num = $("#tab_webuser_map tbody tr").length + 1;  patpl(tdTmpl).render({user: l_user_list, num: num}, function(html){ $("#tab_webuser_map tbody").append(html); });  form.render(); },  btnevt_rmv_usermap: function(){ $(this).parents("tr").remove();              var curow = $("#tab_webuser_map tbody tr").length; for(var i = 0; i < curow; i++){ var obj_tr = $("#tab_webuser_map tbody tr").eq(i); for(var x = 0; x < $(obj_tr).find("input").length; x++){ var ipt = $(obj_tr).find("input").eq(x); if(ipt.attr("name") == undefined) continue; var new_name =ipt.attr("name").split("_")[0] + "_" + (i + 1); ipt.attr("name", new_name); } for(var x = 0; x < $(obj_tr).find("select").length; x++){ var sel = $(obj_tr).find("select").eq(x); if(sel.attr("name") == undefined) continue; var new_name =sel.attr("name").split("_")[0] + "_" + (i + 1); sel.attr("name", new_name); } } } };       /* 页面渲染 */     tabs.render();     form.render();     load_config();       /* 事件绑定 */     util.event('webuser_add_envent', event_center);      form.on('select(select_ldaps)', function(data){         show_ldap_auth_port(data.value);     });      form.on('select(select_ldapauth_type)', function(data){         show_ldap_auth_type(data.value);     });      form.on('submit(submit_radius_auth)', function(obj){         pa_confirm('{{ lang010[g_lang] || "确定要提交吗？" }}', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     load_config();                     if(json.code != 0)                         alert_err(json.msg);                     else                         alert_ok(json.msg);                 }             });         });         return false;     });      form.on('submit(submit_ldap_auth)', function(obj){         pa_confirm('{{ lang010[g_lang] || "确定要提交吗？" }}', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     load_config();                     if(json.code != 0)                         alert_err(json.msg);                     else                         alert_ok(json.msg);                 }             });         });         return false;     });      form.on('submit(submit_cas_auth)', function(obj){         pa_confirm('{{ lang010[g_lang] || "确定要提交吗？" }}', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     load_config();                     if(json.code != 0)                         alert_err(json.msg);                     else                         alert_ok(json.msg);                 }             });         });         return false;     });      form.on('submit(submit_webuser_map)', function(obj){         pa_confirm('{{ lang010[g_lang] || "确定要提交吗？" }}', function(index){             layer.close(index);             layer.load();  obj.field.usermap_list = []; var len = $("#tab_webuser_map tbody tr").length; for(var i = 1; i < len + 1; i++){ var third = obj.field["third_" + i]; var local = obj.field["local_" + i]; obj.field.usermap_list.push(third + "," + local); } obj.field.usermap_list = obj.field.usermap_list.join(";");              pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     layer.closeAll();                     load_config();                     if(json.code != 0)                         alert_err(json.msg);                     else                         alert_ok(json.msg);                 }             });         });         return false;     });  }); </script>