{{# var lang001 = {"ch": "DHCP服务", "en": "DHCP Server"}, lang002 = {"ch": "开启", "en": "Enable"}, lang003 = {"ch": "关闭", "en": "Disable"}, lang004 = {"ch": "如100-200或100或100,200，不填或填0表示匹配不带VLAN的请求", "en": "e.g., 100-200 or 100,200. Empty or 0 matches requests without a VLAN tag."}, lang005 = {"ch": "地址范围", "en": "IP Range"}, lang006 = {"ch": "默认网关", "en": "Default Gateway"}, lang007 = {"ch": "如果为0.0.0.0或不填，则使用接口IP地址作为网关", "en": "If 0.0.0.0 or empty, the interface IP address will be used as the gateway."}, lang008 = {"ch": "线路掩码", "en": "Netmask"}, lang009 = {"ch": "如果为0.0.0.0或不填，则使用接口的掩码", "en": "If 0.0.0.0 or empty, the interface netmask will be used."}, lang010 = {"ch": "无线控制器", "en": "Wireless Controller"}, lang011 = {"ch": "支持Option 43、Option138，无线控制器地址IP地址为x.x.x.x", "en": "Supports Option 43, Option 138. Wireless Controller IP address: x.x.x.x"}, lang012 = {"ch": "租约时间", "en": "Lease Time"}, lang013 = {"ch": "秒", "en": "seconds"}, lang014 = {"ch": "确定", "en": "Confirm"}, lang015 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang016 = {"ch": "所属域", "en": "DHCP Domain"}, lang017 = {"ch": "格式", "en": "Format"}, lang018 = {"ch": "不设置", "en": "Do Not Set"}, lang019 = {"ch": "字符串", "en": "String"}, lang020 = {"ch": "16进制", "en": "Hexadecimal"}, lang021 = {"ch": "类型", "en": "Type"}, lang022 = {"ch": "值", "en": "Value"}, lang023 = {"ch": "新增", "en": "Add"}, lang024 = {"ch": "最大值不能超过255", "en": "Maximum value cannot exceed 255"}, lang025 = {"ch": "删除", "en": "Delete"}; }}  <form class="layui-form paui-form paui-bg-white" lay-filter="form_set_dhcpsvr" style="padding-top:20px;"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "DHCP服务" }}</label> <div class="layui-input-inline"> <input type="hidden" name="action" value='set_dhcpsvr'> <input type="hidden" name="id" value="{{ d.id }}"> <input type="hidden" name="name"> <input type="checkbox" name="dhcp_enable" lay-skin="switch" lay-text='{{ lang002[g_lang] || "开启" }}|{{ lang003[g_lang] || "关闭" }}'> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">VLAN</label> <div class="layui-input-inline" style="width: 300px"> <input type="text" name="dhcp_vlan" value="0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang004[g_lang] || "如100-200或100或100,200，不填或填0表示匹配不带VLAN的请求" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang005[g_lang] || "地址范围" }}</label> <div class="layui-input-inline" style="width:300px"> <input type="text" name="dhcp_pool" lay-verify="required|isip_pool" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">x.x.x.x-y.y.y.y</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="dhcp_gateway" value="0.0.0.0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang007[g_lang] || "如果为0.0.0.0或不填，则使用接口IP地址作为网关" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang008[g_lang] || "线路掩码" }}</label> <div class="layui-input-inline"> <input type="text" name="dhcp_mask" value="0.0.0.0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang009[g_lang] || "如果为0.0.0.0或不填，则使用接口的掩码" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">DNS1</label> <div class="layui-input-inline"> <input type="text" name="dns0" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">DNS2</label> <div class="layui-input-inline"> <input type="text" name="dns1" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang016[g_lang] || "所属域" }}</label> <div class="layui-input-inline"> <input type="text" name="dhcp_domain" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang010[g_lang] || "无线控制器" }}</label> <div class="layui-input-inline"> <input type="text" name="dhcp_acaddr" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang011[g_lang] || "支持Option 43、Option138，无线控制器地址IP地址为x.x.x.x" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang012[g_lang] || "租约时间" }}</label> <div class="layui-input-inline"> <input type="text" name="leasettl" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang013[g_lang] || "秒" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">DHCP Option</label> <div class="layui-input-inline" style="width:500px"> <table class="layui-table" id="tab_dhcpsvr_option_list" style="width:100%" lay-skin="line" lay-size="sm"> <thead> <tr> <td style="width:15%">Option</td> <td style="width:20%">{{ lang021[g_lang] || "类型" }}</td> <td style="width:60%">{{ lang022[g_lang] || "值" }}</td> <td style="width:5%;text-align:right;"> <span class="abtn" dhcpsvr_edit_event="btnevt_add_dhcpoption" title='{{ lang023[g_lang] || "新增" }}'> <i class="layui-icon layui-icon-add-1"></i> </span> </td> </tr> </thead> <tbody></tbody> </table> </div> </div> {{# if (d.form == "pxy_view") { }} <div class="layui-form-item" style="margin-top: 20px;"> <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_set_dhcp" id="submit_set_dhcp" style="width: 60px;"> {{ lang014[g_lang] || "确定" }} </button> </div> </div> {{# } else { }} <div class="layui-hide"> <button lay-submit lay-filter="submit_set_dhcp" id="submit_set_dhcp"></button> </div> {{# } }} </form>  <script id="tpl_dhcpsvr_option" type="text/html"> <tr> <td style="width:15%"> <input type="text" name="option_{% d.num %}" class="layui-input" lay-verify="required|number|isopt" lay-vertype="tips"> </td> <td style="width:20%"> <select name="type_{% d.num %}"> <option value="STR">{{ lang019[g_lang] || "字符串" }}</option> <option value="HEX">{{ lang020[g_lang] || "16进制" }}</option> </select> </td> <td style="width:60%"> <input type="text" name="value_{% d.num %}" class="layui-input" lay-verify="required" lay-vertype="tips"> </td> <td style="width:5%;text-align:right;"> <span class="dbtn" dhcpsvr_edit_event="btnevt_rmv_dhcpoption" num="{% d.num %}" title='{{ lang025[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </td> </tr> </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, patpl = layui.patpl;   var event_center = { btnevt_add_dhcpoption: function(){ var tdTmpl = $("#tpl_dhcpsvr_option").html(); var num = $("#tab_dhcpsvr_option_list tbody tr").length + 1;  patpl(tdTmpl).render({num: num}, function(html){ $("#tab_dhcpsvr_option_list tbody").append(html); });  form.render(); },  btnevt_rmv_dhcpoption: function(){ $(this).parents("tr").remove();  var curow = $("#tab_dhcpsvr_option_list tbody tr").length; for(var i = 0; i < curow; i++){ var obj_tr = $("#tab_dhcpsvr_option_list 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); } } } };  var load_config = function(){ pa_ajax({ url:'/cgi-bin/network/ajax_proxy', data: {"action": "load_addproxy_env", "id": "{{ d.id }}"}, success: function(json){ layer.closeAll("loading");  var num = 0; var proxy = json.data.proxy; proxy.dhcp_pool = proxy.dhcp_pool == "0.0.0.0/0" ? "0.0.0.0-0.0.0.0" : proxy.dhcp_pool; proxy.dhcp_enable = proxy.dhcp_enable == "1" ? true : false;  $("#tab_dhcpsvr_option_list tbody").html("");  layui.each(proxy, function(key, val){ if (key.indexOf("dhcp_option_") == 0) { num += 1; var conf = val.split(","); proxy['option_' + num] = conf[0]; proxy['type_' + num] = conf[1]; proxy['value_' + num] = conf[2]; event_center.btnevt_add_dhcpoption(); } });  form.val("form_set_dhcpsvr", proxy); } }); };   form.verify({ isip_pool: function(value, elem){ var ips = value.split("-"); if(ips.length != 2) return '{{ lang017[g_lang] || "格式" }}： x.x.x.x-y.y.y.y'; if( !IsIPAddr(ips[0]) || !IsIPAddr(ips[1]) ) return '{{ lang017[g_lang] || "格式" }}： x.x.x.x-y.y.y.y'; } });   /* 页面初始 */ layer.load(); form.render(); load_config();   /* 事件绑定 */ util.event('dhcpsvr_edit_event', event_center);  form.on('submit(submit_set_dhcp)', function(obj){ pa_confirm('{{ lang015[g_lang] || "确定要提交吗" }}?', function(index){  obj.field.dhcpsvr_option_list = []; var len = $("#tab_dhcpsvr_option_list tbody tr").length; for(var i = 1; i < len + 1; i++){ var option = obj.field["option_" + i]; var type = obj.field["type_" + i]; var value = obj.field["value_" + i]; obj.field.dhcpsvr_option_list.push( option + "," + type + "," + value ); } obj.field.dhcpsvr_option_list = obj.field.dhcpsvr_option_list.join(";");  layer.close(index); pa_ajax({ url: '/cgi-bin/network/ajax_dhcpsvr', data: obj.field, success: function(json){ load_config();  if(json.code != 0){ alert_err(json.msg); } else { layer.closeAll(); alert_ok(json.msg); } } }); }); return false; });  }); </script>