{{# var lang001 = {"ch": "上级节点", "en": "Parent Node"}, lang002 = {"ch": "名称", "en": "Name"}, lang003 = {"ch": "名称不能为空", "en": "Name cannot be empty"}, lang004 = {"ch": "IPV4地址范围", "en": "IPv4 Address Range"}, lang005 = {"ch": "起始范围", "en": "Start Address"}, lang006 = {"ch": "结束范围", "en": "End Address"}, lang007 = {"ch": "带宽限制", "en": "Bandwidth Limit"}, lang008 = {"ch": "上行速率", "en": "Uplink Rate"}, lang009 = {"ch": "下行速率", "en": "Downlink Rate"}, lang010 = {"ch": "0表示不限制", "en": "0 means unlimited"}, lang011 = {"ch": "例：114.114.114.114,8.8.8.8", "en": "e.g., 114.114.114.114, 8.8.8.8"}, lang012 = {"ch": "在线时间", "en": "Online Time"}, lang013 = {"ch": "小时,在线时间超过时，系统会主动踢用户下线,0表示不控制", "en": "hours. If the online time is exceeded, the system will actively disconnect the user. 0 means no control"}, lang014 = {"ch": "过期账号", "en": "Expired Account Action"}, lang015 = {"ch": "禁止登录", "en": "Block Login"}, lang016 = {"ch": "允许登录，禁止上网", "en": "Allow Login, Block Internet Access"}, lang017 = {"ch": "允许登录及上网", "en": "Allow Login and Internet Access"}, lang018 = {"ch": "不设置", "en": "Not Set"}, lang019 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang020 = {"ch": "前缀地址", "en": "Prefix Address"}, lang021 = {"ch": "前缀长度", "en": "Prefix Length"}, lang022 = {"ch": "IPv6前缀池地址/前缀长度", "en": "IPv6 Prefix pool address / prefix length"}, lang023 = {"ch": "多个地址使逗号隔开，最多支持两个IPv6地址", "en": "Separate multiple addresses with commas. A maximum of two IPv6 addresses are supported"},     lang024 = {"ch": "如果用于BRAS地址分配，前缀长度不能大于64", "en": "If used for BRAS address allocation, the prefix length cannot exceed 64"},     lang025 = {"ch": "IPv6地址分配模式", "en": "IPv6 Address Assignment Mode"},     lang026 = {"ch": "无状态分配", "en": "Stateless Assignment (SLAAC)"},     lang027 = {"ch": "有状态DHCPv6", "en": "Stateful DHCPv6"},     lang028 = {"ch": "关闭IPv6", "en": "Disable IPv6"},     lang029 = {"ch": "DHCPv6地址范围", "en": "DHCPv6 Address Range"},     lang030 = {"ch": "用于无状态RA下发和dhcpv6 PD下发", "en": "Used for Stateless RA (Router Advertisement) and DHCPv6 Prefix Delegation (PD)"},     lang031 = {"ch": "委派前缀长度", "en": "Delegated prefix length"},     lang032 = {"ch": "委派前缀长度不正确", "en": "The delegated prefix length is invalid"}, lang033 = {"ch": "长度大于委派IPv6地址段/前缀，且不超过委派IPv6地址段/前缀+31", "en": "The length must be greater than the delegated IPv6 prefix, with a maximum of delegated prefix + 31"}, lang034 = {"ch": "IPv6前缀/前缀长度", "en": "IPv6 Prefix/Prefix Length"},     lang035 = {"ch": "委派IPv6地址段/前缀", "en": "Delegated IPv6 Prefix"}, lang036 = {"ch": "前缀长度范围为2~127", "en": "Prefix length must be between 2 and 127"};   }}  <style>     .layui-form-label{         width: 160px;     } </style>  <form class="layui-form paui-form" lay-filter="form_add_ippool" style="margin-top:20px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "上级节点" }}</label> <div class="layui-input-inline"> <input type="hidden" name="action" value='{{d.action || "add_ippool"}}'> <input type="hidden" name="id"> <input type="hidden" name="old_pid"> <select name="pid" id="paui-addippool-selec-pid" lay-search></select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "名称" }}</label> <div class="layui-input-inline"> <input type="text" name="name" lay-verify="required|isName|not_all_num" lay-reqText='{{ lang003[g_lang] || "名称不能为空" }}' class="layui-input" maxlength="30"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang004[g_lang] || "地址范围" }}</label> <div class="layui-input-inline"> <input type="text" name="start" value="0.0.0.0" placeholder='{{ lang005[g_lang] || "起始范围" }}' lay-verify="isIP" class="layui-input"> </div> <div class="layui-form-mid">-</div> <div class="layui-input-inline"> <input type="text" name="end" value="0.0.0.0" placeholder='{{ lang006[g_lang] || "结束范围" }}' lay-verify="isIP" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">v4账号{{ lang007[g_lang] || "带宽限制" }}</label> <div class="layui-input-inline"> <input type="text" name="rateout" placeholder='{{ lang008[g_lang] || "上行速率" }}' value="0" lay-verify="number" class="layui-input"> </div> <div class="layui-form-mid">/</div> <div class="layui-input-inline"> <input type="text" name="ratein" placeholder='{{ lang009[g_lang] || "下行速率" }}' value="0" lay-verify="number" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">kbps,{{ lang010[g_lang] || "0表示不限制" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">IPv4 DNS</label> <div class="layui-input-inline" style="width:270px"> <input type="text" name="dns" value="0.0.0.0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang011[g_lang] || "例：114.114.114.114,8.8.8.8" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang025[g_lang] || "IPv6地址分配模式" }}</label> <div class="layui-input-inline"> <select name="assign_mode"  lay-filter="selec_assign_mode"> <option value="stateless">{{ lang026[g_lang] || "无状态分配" }}</option> <option value="stateful">{{ lang027[g_lang] || "有状态DHCPv6" }}</option> <option value="disable">{{ lang028[g_lang] || "关闭IPv6" }}</option> </select> </div> </div> <div class="layui-form-item" id="paui_dhcp6_value" style="display: none;"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang029[g_lang] || "DHCPv6地址范围" }}</label> <div class="layui-input-inline"> <input type="text" name="dhcp6_start" value="" placeholder='{{ lang005[g_lang] || "起始范围" }}' class="layui-input dhcp6"> </div> <div class="layui-form-mid">-</div> <div class="layui-input-inline"> <input type="text" name="dhcp6_end" value="" placeholder='{{ lang006[g_lang] || "结束范围" }}' class="layui-input dhcp6"> </div> </div> </div> <div class="layui-form-item"> <label class="layui-form-label" id="IPv6_label">{{ lang034[g_lang] || "IPv6前缀/前缀长度" }} <i class="layui-icon layui-icon-tips paui-form-tips" paui-hover-evt="paui_tips" tips='{{ lang024[g_lang] || "如果用于BRAS地址分配，前缀长度不能大于64" }}'></i> </label> <div class="layui-input-inline"> <input type="text" name="prefix" value="" placeholder='{{ lang020[g_lang] || "前缀地址" }}' class="layui-input"> </div> <div class="layui-form-mid">/</div> <div class="layui-input-inline"> <input type="text" name="pfxlen" value="" placeholder='{{ lang021[g_lang] || "前缀长度" }}' lay-verify="number" class="layui-input"> </div>         <div class="layui-form-mid layui-word-aux">{{ lang030[g_lang] || "用于无状态RA下发和dhcpv6 PD下发" }}</div> </div>     <div class="layui-form-item" id="paui_pdlen_value" style="display: none;"> <label class="layui-form-label">{{ lang031[g_lang] || "委派前缀长度" }}</label> <div class="layui-input-inline"> <input type="text" name="pdlen" value="" placeholder='' lay-verify="number"  class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang033[g_lang] || "长度大于委派IPv6地址段/前缀，且不超过委派IPv6地址段/前缀+31" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">v6账号{{ lang007[g_lang] || "带宽限制" }}</label> <div class="layui-input-inline"> <input type="text" name="rateout6" placeholder='{{ lang008[g_lang] || "上行速率" }}' value="0" lay-verify="number" class="layui-input"> </div> <div class="layui-form-mid">/</div> <div class="layui-input-inline"> <input type="text" name="ratein6" placeholder='{{ lang009[g_lang] || "下行速率" }}' value="0" lay-verify="number" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">kbps,{{ lang010[g_lang] || "0表示不限制" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">IPv6 DNS</label> <div class="layui-input-inline" style="width:270px"> <input type="text" name="dns6" value="" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang023[g_lang] || "多个地址使逗号隔开，最多支持两个IPv6地址" }}</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="maxonlinetime"value="0" lay-verify="number" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang013[g_lang] || "小时,在线时间超过时，系统会主动踢用户下线,0表示不控制" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang014[g_lang] || "过期账号" }}</label> <div class="layui-input-inline"> <select name="clntepa"> <option value="reject">{{ lang015[g_lang] || "禁止登录" }}</option> <option value="login">{{ lang016[g_lang] || "允许登录，禁止上网" }}</option> <option value="pass">{{ lang017[g_lang] || "允许登录及上网" }}</option> </select> </div> </div>  {{# if(g_lang == "ch") { /* 英文版不显示代拨*/ }} <fieldset class="layui-elem-field layui-field-title"> <legend> <span class="abtn" id="btn_add_ippool_more"> 代拨设置&nbsp; <i class="layui-icon layui-icon-up" style="font-size:12px"></i> </span> </legend> </fieldset>  <div id="paui-addproxy-more" class="layui-anim layui-anim-upbit"> <div class="layui-form-item"> <label class="layui-form-label">代拨主线</label> <div class="layui-input-inline" id="paui-addippool-select-ifname1"> <select name="ifname1" lay-filter="selec_ippool_ifname1"> <option value="NULL">不设置</option> </select> </div> </div> <div class="paui-ippool-proxy layui-anim layui-anim-upbit" style="display:none"> <div class="layui-form-item"> <label class="layui-form-label">主线VLAN</label> <div class="layui-input-inline"> <input type="text" name="ifvlan1" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">格式: 10或10/20</div> </div> <div class="layui-form-item"> <label class="layui-form-label">代拨副线</label> <div class="layui-input-inline" id="paui-addippool-select-ifname2"> <select name="ifname2"> <option value="NULL">不设置</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">副线VLAN</label> <div class="layui-input-inline"> <input type="text" name="ifvlan2" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">格式: 10或10/20</div> </div> <div class="layui-form-item"> <label class="layui-form-label">VLAN策略</label> <div class="layui-input-inline"> <select name="vlan_first"> <option value="0">使用发起方传递的VLAN</option> <option value="1">使用本地配置的VLAN</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">代拨服务名</label> <div class="layui-input-inline"> <input type="text" name="svcname" lay-verify="isName" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">代拨时使用的PPPoE服务名称</div> </div> <div class="layui-form-item"> <label class="layui-form-label">帐号并发</label> <div class="layui-input-inline"> <input type="text" name="maxip" lay-verify="number" value="0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">代拨帐号最大并发IP数,0表示不限制</div> </div> <div class="layui-form-item"> <label class="layui-form-label">拨号次数</label> <div class="layui-input-inline"> <input type="text" name="maxdial" lay-verify="number" value="0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">首次拨号失败后重拨次数,0表示不限制</div> </div> </div> </div> {{# } }}  <div class="layui-hide"> <button lay-submit lay-filter="submit_add_ippool" id="submit_add_ippool"></button> </div> </form>  <script id="tpl_pid" type="text/html"> <option value="0">-</option> {%# layui.each(d.ippool, function(_, elem){ if(elem.id == d.self_id && "{{ d.action }}" == "edit_ippool") return; %} <option value="{% elem.id %}">{% elem.name %}</option> {%# }); %} </script>  <script id="tpl_normal_ifname" type="text/html"> <select name="{% d.ifname %}" lay-filter="selec_ippool_{% d.ifname %}"> <option value="NULL">{{ lang018[g_lang] || "不设置" }}</option> {%# layui.each(d.iflist, function(_, elem){ if(elem.type == "inside") return; %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }); %} </select> </script>  <script> layui.use('form', function(){ var $ = layui.$, form = layui.form, patpl = layui.patpl;  var api = '/cgi-bin/object/ajax_user_group';   var render_select = function(data){ layer.closeAll("loading");  patpl($("#tpl_normal_ifname").html()).render({"ifname": "ifname1", "iflist":data.if}, function(htmlstr){ $("#paui-addippool-select-ifname1").html(htmlstr); });  patpl($("#tpl_normal_ifname").html()).render({"ifname": "ifname2", "iflist":data.if}, function(htmlstr){ $("#paui-addippool-select-ifname2").html(htmlstr); });  patpl($("#tpl_pid").html()).render({"self_id": "{{d.id}}", "ippool": data.ippool}, function(htmlstr){ $("#paui-addippool-selec-pid").append(htmlstr); }); };   var form_render = function(data){ form.val("form_add_ippool", data);  form.on('select(selec_ippool_ifname1)', function(obj){ change_ifname1(obj.value); });  form.on('select(selec_assign_mode)', function(obj){ change_mode(obj.value); }); };   var change_ifname1 = function(type){ $(".paui-ippool-proxy").css("display", type == "NULL" ? "none" : "block"); };      var change_mode = function(mode){  var tips = `<i class="layui-icon layui-icon-tips paui-form-tips" paui-hover-evt="paui_tips" tips='{{ lang024[g_lang] || "如果用于BRAS地址分配，前缀长度不能大于64" }}'></i>`; $("#paui_pdlen_value").css("display", "block"); $("#paui_dhcp6_value").css("display", "none"); $('.dhcp6').removeAttr('lay-verify'); $("#IPv6_label").html('{{ lang022[g_lang] || "IPv6前缀池地址/前缀长度" }}'+tips);  if(mode == "stateful"){            $('.dhcp6').attr('lay-verify', 'required|isIP');            $("#paui_dhcp6_value").css("display", "block");    $("#IPv6_label").html('{{ lang035[g_lang] || "委派IPv6地址段/前缀" }}'+tips); }  if(mode == "stateless"){ $("#paui_pdlen_value").css("display", "none"); $("#IPv6_label").html('{{ lang034[g_lang] || "IPv6前缀/前缀长度" }}'+tips); }     };   $("#btn_add_ippool_more").on("click", function(){ var node = $("#paui-addproxy-more"); var display = layui.getStyle(node[0], "display"); if(display == "block") { node.css("display", "none"); $(this).find("i").attr("class", "layui-icon layui-icon-down"); } else { node.css("display", "block"); $(this).find("i").attr("class", "layui-icon layui-icon-up"); } });   layer.load(); form.render();   {{# if(d.action == "edit_ippool") { }} pa_ajax({ url: api, data: {"action": "load_edit_group_env", "id": "{{d.id}}", "pid": "{{d.pid}}"}, success: function(json){ json.data.info.old_pid = json.data.info.pid; json.data.info.svcname = json.data.info.svcname == "NULL" ? "" : json.data.info.svcname;  render_select(json.data); form_render(json.data.info); change_ifname1( json.data.info.ifname1 );                 change_mode(json.data.info.assign_mode);                  } }); {{# } else { }} pa_ajax({ url: api, data: {"action": "load_add_env"}, success: function(json){ render_select(json.data); form_render({"pid": "{{d.id || 0}}"}); } }); {{# } }}   form.on('submit(submit_add_ippool)', function(obj){ var self_index = $(obj.elem).parents(".layui-layer-page").attr("times");  var data = obj.field; if(obj.field.prefix == "::" || obj.field.prefix == ""){          data.pfxlen = 0;  data.pdlen = 0; }else{  if(obj.field.pfxlen < 1 || obj.field.pfxlen >= 128){ alert_err('{{ lang036[g_lang] || "前缀长度范围为2~127" }}');             return false; }        if(obj.field.assign_mode != "stateless"){          if( obj.field.pdlen <= obj.field.pfxlen || obj.field.pdlen > (obj.field.pfxlen*1 + 31)){             alert_err('{{ lang032[g_lang] || "委派前缀长度不正确" }}');             return false;         };  }else{ data.pdlen = (data.pfxlen*1 + 16); }  };              pa_confirm('{{ lang019[g_lang] || "确定要提交吗" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: data, success: function(json){ if(json.code != 0){ alert_err(json.msg); } else { layer.close(self_index); $("#btn_reload_group").attr("type", "group"); $("#btn_reload_group").click(); alert_ok(json.msg); } } }); }); return false; });  }); </script>