{{# var lang001 = {"ch": "控制模式", "en": "Control Mode"}, lang002 = {"ch": "关闭", "en": "Off"}, lang003 = {"ch": "黑名单", "en": "Blacklist"}, lang004 = {"ch": "白名单", "en": "Whitelist"}, lang005 = {"ch": "MAC", "en": "MAC"}, lang006 = {"ch": "绑定的ap", "en": "Bound AP"}, lang007 = {"ch": "确定要提交吗", "en": "Confirm Submit?"}, lang008 = {"ch": "确定要修改控制模式吗", "en": "Confirm Mode Change?"}, lang009 = {"ch": "控制模式为关闭时，无法进行配置", "en": "Config not possible when Control Mode is Off"}, lang010 = {"ch": "分隔", "en": "Separate"}, lang011 = {"ch": "或者", "en": "or"},     lang012 = {"ch": "多个MAC使逗号隔开，最多支持32个MAC", "en": "Separate multiple MAC addresses with commas. Max 32."}; }}  <form class="layui-form" lay-filter="form_ssid_manage_edit" style="margin: 20px;">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang006[g_lang] || "绑定的ap" }}</label>         <div class="layui-input-inline" id="select_aps" style="width:200px"></div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "控制模式" }}</label>         <div class="layui-input-inline" style="width:250px">             <input type="radio" name="mode" value="disable" title="{{lang002[g_lang] || " 关闭"}}" lay-filter="check_mode"                 checked>             <input type="radio" name="mode" value="allow" title="{{lang004[g_lang] || " 白名单"}}" lay-filter="check_mode">             <input type="radio" name="mode" value="deny" title="{{lang003[g_lang] || " 黑名单"}}" lay-filter="check_mode">         </div>     </div>     <div class="layui-form-item" id="abw_mac" style="display: none;">         <label class="layui-form-label">{{ lang005[g_lang] || "MAC" }}</label>         <div class="layui-input-inline" style="width:200px">             <input type="text" name="mac" class="layui-input"                 placeholder="xx:xx:xx:xx:xx:xx(:{{lang011[g_lang]}}-{{lang010[g_lang]}})">         </div>          <!-- <div class="layui-form-mid layui-word-aux">{{ lang012[g_lang] || "多个MAC使逗号隔开，最多支持32个MAC" }}</div> -->     </div>     <div class="layui-form-item" style="display:none">         <button id="submit_ssid_manage_edit" lay-submit lay-filter="submit_ssid_manage_edit"></button>     </div>     <div class="layui-form-item" style="display:none">         <button id="submit_ssid_manage_add" lay-submit lay-filter="submit_ssid_manage_add"></button>     </div> </form>  <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 ap_lists;         var w_index = layer.index;           var get_bindaps = function () {             pa_ajax({                 url: api,                 data: { action: 'show_ssid_bindap', "ssidvlan": pdata.ssidvlan },                 success: function (json) {                     ap_lists = json.data;                      var select_ap_arr = [],set_ap_arr=[];                     layui.each(json.data, function (index, elem) {                         select_ap_arr.push({ name: elem.apname, value: elem.apid });                     });                     var xmel = pa_select({                         el: '#select_aps',                         name: 'apid',                         layVerify: 'required',                         toolbar: {                             show: true,                             list: ['ALL', 'CLEAR']                         },                         data: select_ap_arr,                         on: function (val) {                             apname_arr = [];                             for (var i = 0; i < val.arr.length; i++) {                                 apname_arr.push(val.arr[i].name);                             }                             apname_arr = apname_arr.join();                         }                     });                                         if( pdata.mode && pdata.mode !== "disable"){                         $("#abw_mac").css("display","block");                     }else{                         $("#abw_mac").css("display","none");                     }                                          if(pdata.apid){                         set_ap_arr.push({ name: pdata.apname, value: pdata.apid });                         xmel.setValue(set_ap_arr);                     }                     form.val('form_ssid_manage_edit', pdata);                 }             });         };           get_bindaps();         form.val('form_ssid_manage_edit', pdata);           form.on("radio(check_mode)",function(obj){              if(obj.value !== "disable"){                 $("#abw_mac").css("display","block");              }else{                 $("#abw_mac").css("display","none");              }         });           form.on("submit(submit_ssid_manage_add)", function (obj) {             var arr = "",ridx = "",widx = "",apidstr = "",data = {};             if(obj.field.apid != ""){                 arr = obj.field.apid.split(",");                 layui.each(arr, function (index, elem) {                     layui.each(ap_lists,function(index_,elem_){                         if(elem == elem_.apid){                             ridx += elem_.radioid + ',';                             widx += elem_.wlanid + ',';                             apidstr += elem_.apid + ',';                         }                     });                 });              }                    data.action = "mode_acl";                    data.mode = obj.field.mode;                    data.ridx = ridx.replace(/,+$/, "");                    data.widx = widx.replace(/,+$/, "");                    data.apidstr = apidstr.replace(/,+$/, "");                            pa_confirm('{{ lang007[g_lang] || "确定要提交吗" }}', function (index) {                     layer.close(index);                     pa_ajax({                         url: api,                         data: data,                         success: function (json) {                          if(obj.field.mode != "disable"){                             if (json.code == 0) {                                var data_ = data;                                    data_.action = "add_acl";                                    data_.mac = obj.field.mac;                                 pa_ajax({                                     url: api,                                     data: data_,                                     success: function (res) {                                         if (res.code != 0) {                                             alert_err(res.msg);                                         } else {                                             if (res.data == "")                                                 layer.close(w_index);                                             alert_ok(res.msg);                                             $("#fresh_manage_ssid").click();                                         }                                     }                                  });                             }                          }else{                             if (json.code != 0) {                                 alert_err(json.msg);                             } else {                                 layer.close(w_index);                                 alert_ok(json.msg);                                 $("#fresh_manage_ssid").click();                             }                          }                          }                     });                 });             return false;         });           form.on("submit(submit_ssid_manage_edit)", function (obj) {              var arr = "",ridx = "",widx = "",apidstr = "",data = {};             if(obj.field.apid != ""){                 arr = obj.field.apid.split(",");                 layui.each(arr, function (index, elem) {                     layui.each(ap_lists,function(index_,elem_){                         if(elem == elem_.apid){                             ridx += elem_.radioid + ',';                             widx += elem_.wlanid + ',';                             apidstr += elem_.apid + ',';                         }                     });                 });              }                    data.action = "mode_acl";                    data.mode = obj.field.mode;                    data.ridx = ridx.replace(/,+$/, "");                    data.widx = widx.replace(/,+$/, "");                    data.apidstr = apidstr.replace(/,+$/, "");              pa_ajax({                 url: api,                 data: data,                 success: function (json) {                  if(obj.field.mode != "disable"){                      if (json.code == 0) {                         var del_data = pdata;                         del_data.apidstr = del_data.apid;                         del_data.action = "del_acl";                          var add_data = data;                             add_data.action = "add_acl";                             add_data.mac = obj.field.mac;                                                  pa_ajax({                             url: api,                             data: del_data,                             success: function (res) {                                 pa_ajax({                                     url: api,                                     data: add_data,                                     success: function (res_a) {                                          if (res_a.code != 0) {                                             alert_err(res_a.msg);                                         } else {                                             if (res_a.data == "")                                                 layer.close(w_index);                                             alert_ok(res_a.msg);                                             $("#fresh_manage_ssid").click();                                         }                                     }                                 });                             }                         });                     }                 }else{                     if (json.code != 0) {                         alert_err(json.msg);                     } else {                         layer.close(w_index);                         alert_ok(json.msg);                         $("#fresh_manage_ssid").click();                         }                     }                 }             });             return false;         });      }); </script>