{{# var lang001 = {"ch": "参数配置", "en": "Configuration"}, lang002 = {"ch": "绑定IP与MAC", "en": "IP/MAC Binding"}, lang003 = {"ch": "关闭", "en": "Disable"}, lang004 = {"ch": "启用", "en": "Enable"}, lang005 = {"ch": "当启用后，在给客户分配IP地址后，会自动将客户的IP和MAC绑定", "en": "When enabled, the client's IP and MAC are automatically bound after the IP address is assigned."}, lang006 = {"ch": "DHCP中继", "en": "DHCP Relay"}, lang007 = {"ch": "中继线路", "en": "Relay Interface"}, lang008 = {"ch": "服务器IP", "en": "Server IP"}, lang009 = {"ch": "VLAN范围", "en": "VLAN Range"}, lang010 = {"ch": "若设置，则只中继VLAN范围的DHCP请求", "en": "If set, only DHCP requests within the specified VLAN range will be relayed."}, lang011 = {"ch": "提交", "en": "Submit"}, lang012 = {"ch": "确定要提交吗？", "en": "Confirm to submit?"}, lang013 = {"ch": "中继IP检查", "en": "Relay IP Check"}, lang014 = {"ch": "启用时，中继IP在地址池范围内才响应DHCP中继服务器转过来的请求", "en": "When enabled, the relay IP will only respond to requests forwarded by the DHCP relay server if it falls within the address pool range."}, lang015 = {"ch": "地址池例外IP", "en": "Address Pool Bypass IPs"}, lang016 = {"ch": "地址池内保留的不被动态分配给终端的IP", "en": "Reserved IP addresses in the address pool that are not dynamically assigned to terminals"}, lang017 = {"ch": "不指定", "en": "No specification"}; }}  <div class="layui-card"> <div class="layui-card-header">{{ lang001[g_lang] || "参数配置" }}</div> <div class="layui-card-body"> <form class="layui-form paui-form" lay-filter="form_dhcpsvr_config">             <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "绑定IP与MAC" }}</label> <div class="layui-input-inline"> <input type="hidden" name="action" value="set_dhcpsvr_config"> <select name="ipmac_enable"> <option value="0">{{ lang003[g_lang] || "关闭" }}</option> <option value="1">{{ lang004[g_lang] || "启用" }}</option> </select> </div>                 <div class="layui-form-mid layui-word-aux">                     {{ lang005[g_lang] || "当启用后，在给客户分配IP地址后，会自动将客户的IP和MAC绑定" }}                 </div> </div>             <div class="layui-form-item"> <label class="layui-form-label">{{ lang013[g_lang] || "中继IP检查" }}</label> <div class="layui-input-inline"> <select name="checkrelayip"> <option value="0">{{ lang003[g_lang] || "关闭" }}</option> <option value="1">{{ lang004[g_lang] || "启用" }}</option> </select> </div> <div class="layui-form-mid layui-word-aux"> {{ lang014[g_lang] || "启用时，中继IP在地址池范围内才响应DHCP中继服务器转过来的请求" }} </div> </div>             <div class="layui-form-item"> <label class="layui-form-label">{{ lang015[g_lang] || "地址池例外IP" }}</label> <div class="layui-input-inline"> <select name="bypassipgrp" lay-search id="paui-dhcpsvr-bypassipgrp"></select> </div> <div class="layui-form-mid layui-word-aux"> {{ lang016[g_lang] || "地址池内保留的不被动态分配给终端的IP" }} </div> </div>             <hr> <div class="layui-form-item"> <label class="layui-form-label">{{ lang006[g_lang] || "DHCP中继" }}</label> <div class="layui-input-inline"> <select name="enable"> <option value="0">{{ lang003[g_lang] || "关闭" }}</option> <option value="1">{{ lang004[g_lang] || "启用" }}</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">IPv4{{ lang007[g_lang] || "中继线路" }}</label> <div class="layui-input-inline"> <select name="ifname" lay-search id="paui-dhcpreplay-ifname"></select> </div> <div class="layui-form-mid">IPv4{{ lang008[g_lang] || "服务器IP" }}</div> <div class="layui-input-inline"> <input type="text" name="server" class="layui-input" lay-verify="isIP"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">IPv6{{ lang007[g_lang] || "中继线路" }}</label> <div class="layui-input-inline"> <select name="ifname6" lay-search id="paui-dhcpreplay-ifname6"></select> </div> <div class="layui-form-mid">IPv6{{ lang008[g_lang] || "服务器IP" }}</div> <div class="layui-input-inline"> <input type="text" name="server6" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang009[g_lang] || "VLAN范围" }}</label> <div class="layui-input-inline"> <input type="text" name="vlan" class="layui-input" placeholder="10,10-20"> </div> <div class="layui-form-mid layui-word-aux"> {{ lang010[g_lang] || "若设置，则只中继VLAN范围的DHCP请求" }} </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_dhcpsvr_config"> {{ lang011[g_lang] || "提交" }} </button> </div> </div> </form> </div> </div>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form;      var api = '/cgi-bin/network/ajax_dhcpsvr';   var show_config = function(data){ var conf = data.dhcprelay; var select4 = $("#paui-dhcpreplay-ifname").html(''); var select6 = $("#paui-dhcpreplay-ifname6").html(''); var selectip = $("#paui-dhcpsvr-bypassipgrp").html('');  layui.each(data.lanif, function(index, elem){ var opt = new Option(elem.name, elem.id); select4.append(opt);  if(elem.name == conf.ifname) conf.ifname = elem.id; });  layui.each(data.lanif6, function(index, elem){ var opt = new Option(elem.name, elem.id); select6.append(opt);  if(elem.name == conf.ifname6) conf.ifname6 = elem.id; });  selectip.append(new Option('{{ lang017[g_lang] || "不指定" }}', 0)); layui.each(data.iptable, function(index, elem){ var opt = new Option(elem.name, elem.id); selectip.append(opt); });  conf.vlan = conf.vlan == "NULL" ? "" : conf.vlan; conf.checkrelayip = data.dhcpsvr.checkrelayip; conf.ipmac_enable = data.dhcpsvr.ipmac_enable; conf.bypassipgrp = data.dhcpsvr.bypassipgrp; form.val('form_dhcpsvr_config', conf); };       var load_config = function(){         pa_ajax({             url: api,             data: {'action': 'load_dhcpsvr_config'},             success: function(json){                 show_config(json.data);             }         });     };       /* 页面渲染 */     form.render();     load_config();       /* 事件绑定 */ form.on('submit(submit_dhcpsvr_config)', function(obj){         pa_confirm('{{ lang012[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;     });  }); </script>