{{# var lang001 = {"ch": "SSID名称", "en": "SSID Name"}, lang002 = {"ch": "加密模式", "en": "Encrypt Mode"}, lang003 = {"ch": "SSID密码", "en": "SSID Pass"}, lang004 = {"ch": "绑定AP", "en": "Bind AP"}, lang005 = {"ch": "不绑定", "en": "Unbind"}, lang006 = {"ch": "绑定所有", "en": "Bind All"}, lang007 = {"ch": "选择", "en": "Select"}, lang008 = {"ch": "无特殊诉求无需修改", "en": "No special need, no change"}, lang009 = {"ch": "说明", "en": "Note"}, lang010 = {"ch": "用户隔离", "en": "Client Isolation"}, lang011 = {"ch": "开启|关闭", "en": "On|Off"}, lang012 = {"ch": "隐藏SSID", "en": "Hide SSID"}, lang013 = {"ch": "生效射频", "en": "Radio Mode"}, lang014 = {"ch": "生效期限", "en": "Validity Period"}, lang015 = {"ch": "限制", "en": "Limit"}, lang016 = {"ch": "不限制", "en": "Unlimited"}, lang017 = {"ch": "生效时间", "en": "Active Time"}, lang018 = {"ch": "起始时间自动添加SSID，结束时间自动删除SSID", "en": "SSID auto-add at start, auto-remove at end"}, lang019 = {"ch": "密码长度8~31位", "en": "Password Length 8-31"}, lang020 = {"ch": "选择AP", "en": "Select AP"}, lang021 = {"ch": "确定要提交吗？", "en": "Confirm Submit?"}, lang022 = {"ch": "添加SSID", "en": "Add SSID"}, lang023 = {"ch": "高级", "en": "Advanced"}, lang024 = {"ch": "显示|隐藏", "en": "Show|Hide"}, lang025 = {"ch": "最大承载", "en": "Max Capacity"}, lang026 = {"ch": "编辑SSID", "en": "Edit SSID"}, lang027 = {"ch": "密码长度8至31位", "en": "Password Length 8-31"}, lang028 = {"ch": "WPA3-SAE仅WiFi6设备支持", "en": "WPA3-SAE only for WiFi 6 devices"}, lang029 = {"ch": "仅支持中英文空格~!@#^*_+{}[]$等字符", "en": "Supports English/Chinese, space, and symbols (~!@#^*_+{}[]$)"},     lang030 = {"ch": "范围：0或者3 ~ 4094", "en": "Range: 0 or 3 to 4094"}; }}  <form class="layui-form paui-form" lay-filter="form_add_ssid" style="margin-top:20px;">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "SSID名称" }}</label>         <div class="layui-input-inline">             <input type="hidden" name="action" value="add_ssid">             <input type="hidden" name="apcnt">             <input type="hidden" name="ssidvlan"> {{# if(d.action == "edit_ssid") { }}             <input type="text" class="layui-input layui-disabled" name="ssidname" disabled>      {{# } else { }}             <input type="text" class="layui-input" name="ssidname" maxlength="32" lay-verify="required|isName"> {{# } }}         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "加密模式" }}</label>         <div class="layui-input-inline">             <select name="mode" lay-filter="ssidmode">                 <option value="0">Open</option>                 <option value="2" selected>WPA2-PSK</option>                 <option value="7">WPA3-SAE</option>             </select>         </div>         <div class="layui-form-mid layui-word-aux">{{ lang028[g_lang] || "WPA3-PSK仅WiFi6设备支持" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "SSID密码" }}</label>         <div class="layui-input-inline">             <input type="text" name="pwd" lay-verify="required|is_password" class="layui-input" maxlength="31">         </div>         <div class="layui-form-mid layui-word-aux" paui-hover-evt="paui_tips" tips='{{ lang029[g_lang] || "仅支持中英文空格~!@#%^*_+{}[]$等字符" }}'>             {{ lang027[g_lang] || "密码长度8至31位" }}             <i class="layui-icon layui-icon-tips paui-form-tips"></i>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang004[g_lang] || "绑定AP" }}</label>         <div class="layui-input-inline">             <input type="hidden" name="apmac" id="ipt_apmac">             <select name="apidstr" id="select_bindaplist">                 <option value="0">{{ lang005[g_lang] || "不绑定" }}</option>                 <option value=",-1">{{ lang006[g_lang] || "绑定所有" }}</option>             </select>         </div>         <div add_ssid_event="btnevt_select_ap" class="abtn layui-form-mid">{{ lang007[g_lang] || "选择" }}</div>     </div>      <fieldset class="layui-elem-field layui-field-title" style="padding: 0px 10px">         <legend>{{ lang023[g_lang] || "高级" }}</legend>     </fieldset>     <div class="layui-form-item">         <label class="layui-form-label">WLAN ID</label>         <div class="layui-input-inline">              <select  name="wlanid">                 <option value="0">-</option>                 <option value="1">1</option>                 <option value="2">2</option>                 <option value="3">3</option>                 <option value="4">4</option>                 <option value="5">5</option>                 <option value="6">6</option>                 <option value="7">7</option>             </select>         </div>         <div class="layui-form-mid layui-word-aux">             {{ lang008[g_lang] || "无特殊诉求无需修改" }}         </div>     </div>         <div class="layui-form-item">         <label class="layui-form-label">VLAN ID</label>         <div class="layui-input-inline">             <input type="text" name="vlan" value="0" lay-verify="required|number|is_vlan" class="layui-input">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang030[g_lang] || "范围：0或者3 ~ 4094" }}</div>     </div> {{# if(d.action == "edit_ssid") { }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang025[g_lang] || "最大承载" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="maxonline" value="60">         </div>         <div class="layui-form-mid layui-word-aux">1 ~ 127</div>     </div> {{# } }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang010[g_lang] || "用户隔离" }}</label>         <div class="layui-input-inline">              <input type="checkbox" name="isolate" lay-skin="switch" lay-text='{{ lang011[g_lang] || "开启|关闭" }}'>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang012[g_lang] || "隐藏SSID" }}</label>         <div class="layui-input-inline">              <input type="checkbox" name="hide" lay-skin="switch" lay-text='{{ lang024[g_lang] || "显示|隐藏" }}' checked>         </div>     </div> {{# if(d.action != "edit_ssid") { }}     <hr>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang013[g_lang] || "生效射频" }}</label>         <div class="layui-input-inline">             <input type="checkbox" name="radio0" title="2G" lay-skin="primary" checked>             <input type="checkbox" name="radio1" title="5G" lay-skin="primary">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang014[g_lang] || "生效期限" }}</label>         <div class="layui-input-inline">             <input type="radio" name="addtype" value="crontab" title='{{ lang015[g_lang] || "限制" }}' lay-filter="radio_ssid_addtype">             <input type="radio" name="addtype" value="now" title='{{ lang016[g_lang] || "不限制" }}' checked lay-filter="radio_ssid_addtype">         </div>     </div>     <div class="layui-form-item" id="paui-box-ssid-livetime" style="display:none">         <label class="layui-form-label">{{ lang017[g_lang] || "生效时间" }}</label>         <div class="layui-input-inline">             <input type="text" id="ipt_add_ssid_time" name="exectime" class="layui-input">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang018[g_lang] || "起始时间自动添加SSID，结束时间自动删除SSID" }}</div>     </div> {{# } }}     <div class="layui-hide">         <button class="layui-btn" id="submit_add_ssid" lay-submit lay-filter="submit_add_ssid"></button>     </div> </form>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     laydate = layui.laydate;      var api = "/cgi-bin/sac/ajax_sac_ssid";      var l_parent_data = JSON.parse('{{- JSON.stringify(d) }}');      /* 自定义表单校验 */     form.verify({         is_vlan: function(value, item){             if (value < 0 || value == 1 || value == 2 || value > 4094)                 return "VLAN ID: 0 or 3-4094";         }         ,is_maxstat: function(value, item){             if (value < 0 || value > 254)                 return "0~254";         }         ,is_password: function(value, item){             if (value.length < 8 || value.length > 31)                 return '{{ lang019[g_lang] || "密码长度8~31位" }}';              var rule = /^[a-zA-Z0-9\u4e00-\u9fa5#,. ~!@#^*_+\{\}\[\]\$]+$/u;             if (value != "" && !rule.test(value))                 return '{{ lang029[g_lang] || "仅支持中英文空格~!@#^*_+{}[]$等字符" }}';         }     });       var change_auth_mode = function(value){         if(value == "0"){             $("input[name=pwd]")[0].setAttribute("disabled", "disabled");             $("input[name=pwd]")[0].setAttribute("class", "layui-input layui-disabled");             $("input[name=pwd]")[0].setAttribute("lay-verify", "");         }else{             $("input[name=pwd]")[0].disabled = false;             $("input[name=pwd]")[0].setAttribute("class", "layui-input");             $("input[name=pwd]")[0].setAttribute("lay-verify", "required|is_password");         }     };       var event_center = {         btnevt_select_ap: function(){             var search = form.getValue("form_add_ssid");             paopen({                 title: '{{ lang020[g_lang] || "选择AP" }}'                 ,url: "/html/sac/ap_select.html"                 ,data: {"from": "ssid", "apidstr": search.apidstr}                 ,area: ['980px', '560px']                 ,btn: 'default'                 ,subElem: '#btn_select_ap_yes'             });         }     };               /* 页面初始 */     form.render();      if(l_parent_data.action == "edit_ssid"){         if(l_parent_data.apidstr == "")             l_parent_data.apidstr = "0";         else{             var ap_num = l_parent_data.apidstr.split(",").length - 1;             var opt = new Option('已绑定' + ap_num + '台AP', l_parent_data.apidstr);             $("#select_bindaplist").append(opt);         }         if(l_parent_data.mode == 0)             l_parent_data.pwd = "";         change_auth_mode(l_parent_data.mode);         l_parent_data.maxonline = l_parent_data.maxonline == 0 ? 127 : l_parent_data.maxonline;         l_parent_data.isolate = l_parent_data.isolate == 1 ? true : false;         l_parent_data.hide = l_parent_data.hide == 0 ? true : false;         form.val("form_add_ssid", l_parent_data);     }      laydate.render({         elem: '#ipt_add_ssid_time'         ,type: 'time'         ,lang: g_lang         ,range: true         ,format: 'H:m:s'     });       /* 事件绑定 */     util.event('add_ssid_event', event_center);      form.on('radio(radio_ssid_addtype)', function(obj){         if(obj.value == "crontab")             $("#paui-box-ssid-livetime").show();         else             $("#paui-box-ssid-livetime").hide();     });          form.on('select(ssidmode)', function(obj){         change_auth_mode(obj.value);     });      form.on('submit(submit_add_ssid)', function(obj){         pa_confirm('{{ lang021[g_lang] || "确定要提交吗？" }}', function(index){             layer.close(index);             obj.field.exectime = TrimAll(obj.field.exectime);             obj.field.pwd = encodeURIComponent(TrimAll(obj.field.pwd));             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     $("#submit_ssid_search").click();                      if(json.code == 2){                         layer.closeAll();                         alert_ok(json.msg);                         return;                     } else if(json.code != 0){                         alert_err(json.msg);                         return;                     }                      layer.closeAll();                      if(obj.field.apidstr == "0") {                         var f = form.val("form_ssid_search");                         if(f.auto_rmvssid != "on")                             alert_ok(json.msg);                     } else{                         var window_title = l_parent_data.action == "edit_ssid" ?                          '{{ lang026[g_lang] || "编辑SSID" }}' : '{{ lang022[g_lang] || "添加SSID" }}';                         show_sac_task(window_title, json.data);                     }                 }             });         });          return false;     }); }); </script>