{{# var lang001 = {"ch": "名称", "en": "Name"}, lang002 = {"ch": "后缀从1开始自动递增", "en": "The suffix automatically increments starting from 1"}, lang003 = {"ch": "线路类型", "en": "Interface Type"}, lang004 = {"ch": "静态IP", "en": "Static IP"}, lang005 = {"ch": "网卡", "en": "NIC"}, lang006 = {"ch": "高级", "en": "Advanced"}, lang007 = {"ch": "心跳服务器1", "en": "Heartbeat Server 1 (IP)"}, lang008 = {"ch": "通过ping此IP来对线路做健康检查,0.0.0.0表示关闭", "en": "Ping this IP address for link health check; 0.0.0.0 means disabled"}, lang009 = {"ch": "心跳服务器2", "en": "Heartbeat Server 2 (IP)"}, lang010 = {"ch": "同上,任何一个IP通都表示心跳正常", "en": "Same as above; connectivity to either IP indicates a normal heartbeat"}, lang011 = {"ch": "外层VLAN", "en": "Outer VLAN"}, lang012 = {"ch": "递增", "en": "Increment"}, lang013 = {"ch": "内层VLAN", "en": "Inner VLAN"}, lang014 = {"ch": "外网Ping不应答", "en": "Ignore External Ping"}, lang015 = {"ch": "开启", "en": "On"}, lang016 = {"ch": "关闭", "en": "Off"}, lang017 = {"ch": "静态IP参数", "en": "Static IP Parameters"}, lang018 = {"ch": "IP自动递增", "en": "IP Auto-Increment"}, lang019 = {"ch": "网关类型", "en": "Gateway Type"}, lang020 = {"ch": "正常网关", "en": "Normal Gateway"}, lang021 = {"ch": "互联网关", "en": "Interconnect Gateway"}, lang022 = {"ch": "当网关地址是某条用于互联的线路的地址时，请选择互联地址", "en": "If the gateway address is for an interconnection interface, select 'Interconnect Gateway'"}, lang023 = {"ch": "网关地址", "en": "Gateway IP Address"}, lang024 = {"ch": "-", "en": "-"}, lang025 = {"ch": "DNS服务器", "en": "DNS Server"}, lang026 = {"ch": "添加条数", "en": "Number to Add"}, lang027 = {"ch": "最大", "en": "Max "}, lang028 = {"ch": "DHCP参数", "en": "DHCP Parameters"}, lang029 = {"ch": "PPPoE参数", "en": "PPPoE Parameters"}, lang030 = {"ch": "文件格式", "en": "File Format"}, lang031 = {"ch": "文件每行代表一条线路，格式：账号 密码 网卡 VLAN", "en": "Each line represents one interface: Username Password NIC VLAN"}, lang032 = {"ch": "选择文件", "en": "Select File"}, lang033 = {"ch": "服务器错误", "en": "Server Error"}, lang034 = {"ch": "线路名称过长", "en": "The interface name is too long"}, lang035 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang036 = {"ch": "名称重复时", "en": "When Name Duplicates"}, lang037 = {"ch": "停止添加", "en": "Stop Adding"}, lang038 = {"ch": "自动跳过", "en": "Auto Skip"};  }}  <form class="layui-form paui-form" lay-filter="form_addm_proxy" style="padding-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='proxy_addm'> <input type="text" name="name" value="wan_" maxlength=15 lay-verify="required|isName" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang002[g_lang] || "后缀从1开始自动递增" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang003[g_lang] || "线路类型" }}</label> <div class="layui-input-inline"> <select name="type" lay-filter="select_proxy_type"> <option value="proxy">{{ lang004[g_lang] || "静态IP" }}</option> <option value="dhcpwan">DHCP</option> <option value="pppoe">PPPoE</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang005[g_lang] || "网卡" }}</label> <div class="layui-input-inline" id="paui-select-ifname"> <select name="ifname"></select> </div> {{# if(g_lang == "ch") { }} <div class="layui-form-mid layui-word-aux">在“系统概况->网络接口”中，将网卡设置为接外网</div> {{# } }} </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang036[g_lang] || "名称重复时" }}</label> <div class="layui-input-inline"> <select name="repeat"> <option value="stop">{{ lang037[g_lang] || "停止添加" }}</option> <option value="ignore">{{ lang038[g_lang] || "自动跳过" }}</option> </select> </div> </div> <div id="paui-proxy-selfval"></div>  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"> <legend> <span class="abtn" id="btn_addproxy_more"> {{ lang006[g_lang] || "高级" }}&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 id="paui-hide-inipsec"></div> <div class="layui-form-item"> <label class="layui-form-label">MTU</label> <div class="layui-input-inline"> <input type="text" name="mtu" lay-verify="number" value="1500" class="layui-input" id="paui-addproxy-mtu"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang007[g_lang] || "心跳服务器1" }}</label> <div class="layui-input-inline"> <input type="text" name="pingip" lay-verify="isIP" value="0.0.0.0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang008[g_lang] || "通过ping此IP来对线路做健康检查,0.0.0.0表示关闭" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang009[g_lang] || "心跳服务器2" }}</label> <div class="layui-input-inline"> <input type="text" name="pingip2" lay-verify="isIP" value="0.0.0.0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang010[g_lang] || "同上,任何一个IP通都表示心跳正常" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang011[g_lang] || "外层VLAN" }}</label> <div class="layui-input-inline"> <input type="text" name="vlan" lay-verify="number" value="0" class="layui-input"> </div> <div class="layui-input-inline"> <input type="checkbox" name="vlan_add" title='{{ lang012[g_lang] || "递增" }}' lay-skin="primary">  </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang013[g_lang] || "内层VLAN" }}</label> <div class="layui-input-inline"> <input type="text" name="vlan1" lay-verify="number" value="0" class="layui-input"> </div> <div class="layui-input-inline"> <input type="checkbox" name="vlan1_add" title='{{ lang012[g_lang] || "递增" }}' lay-skin="primary">  </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang014[g_lang] || "外网Ping不应答" }}</label> <div class="layui-input-inline"> <input type="checkbox" name="ping_disable" lay-text='{{ lang015[g_lang] || "开启" }}|{{ lang016[g_lang] || "关闭" }}' lay-skin="switch"> </div> </div> </div>  <div class="layui-hide"> <button lay-submit lay-filter="submit_addm_proxy" id="submit_addm_proxy"></button> </div> </form>  <script id="tpl_normal_ifname" type="text/html"> <select name="ifname" lay-verify="required"> {%# layui.each(d, function(index, elem){  if(elem.zone == "inside") return; %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }); %} </select> </script>  <script id="tpl_proxy_value" type="text/html"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"> <legend>{{ lang017[g_lang] || "静态IP参数" }}</legend> </fieldset> <div class="layui-form-item"> <label class="layui-form-label">IP</label> <div class="layui-input-inline"> <input type="text" name="addr" lay-verify="required|isIP" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang018[g_lang] || "IP自动递增" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang019[g_lang] || "网关类型" }}</label> <div class="layui-input-inline"> <select name="gwpxy"> <option value=0>{{ lang020[g_lang] || "正常网关" }}</option> <option value=1>{{ lang021[g_lang] || "互联网关" }}</option> </select> </div> <div class="layui-form-mid layui-word-aux">{{ lang022[g_lang] || "当网关地址是某条用于互联的线路的地址时，请选择互联地址" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang023[g_lang] || "网关地址" }}</label> <div class="layui-input-inline"> <input type="text" name="gateway" lay-verify="required|isIP" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang025[g_lang] || "DNS服务器" }}</label> <div class="layui-input-inline"> <input type="text" name="dnsaddr" lay-verify="isIP" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang026[g_lang] || "添加条数" }}</label> <div class="layui-input-inline"> <input type="text" name="add_num" lay-verify="required|number" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux"> {{ lang027[g_lang] || "最大" }} <span id="pxy_addm_maxnum">2048</span> </div> </div> </script>  <script id="tpl_dhcpwan_value" type="text/html"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"> <legend>{{ lang028[g_lang] || "DHCP参数" }}</legend> </fieldset> <div class="layui-form-item"> <label class="layui-form-label">{{ lang026[g_lang] || "添加条数" }}</label> <div class="layui-input-inline"> <input type="text" name="add_num" lay-verify="required|number" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux"> {{ lang027[g_lang] || "最大" }} <span id="pxy_addm_maxnum">2048</span> </div> </div> </script>  <script id="tpl_pppoe_value" type="text/html"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"> <legend>{{ lang029[g_lang] || "PPPoE参数" }}</legend> </fieldset> <div class="layui-form-item"> <label class="layui-form-label">{{ lang030[g_lang] || "文件格式" }}</label> <div class="layui-form-mid"> {{ lang031[g_lang] || "文件每行代表一条线路，格式：账号 密码 网卡 vlan" }} </div> </div> <div class="layui-form-item"> <label class="layui-form-label">注意1</label> <div class="layui-form-mid"> 账号、密码必须要有；网卡、VLAN为可选项；VLAN格式：200 或 200/123 </div> </div> <div class="layui-form-item"> <label class="layui-form-label">注意2</label> <div class="layui-form-mid"> 若要设置VLAN，则必须在第三列填充网卡，该行必须有4列！ </div> </div> <div class="layui-form-item"> <label class="layui-form-label">注意3</label> <div class="layui-form-mid"> 优先使用文件中设置的网卡、VLAN选项；文件中未设置，则使用页面提交的网卡、VLAN选项。 </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang032[g_lang] || "选择文件" }}</label> <div class="layui-input-inline paui-select-fileitem" style="width:400px"> <div class="layui-btn layui-btn-primary layui-btn-sm" id="paui-select-pppoefile"> <i class="layui-icon layui-icon-upload-drag"></i> </div> <div class="layui-hide" id="paui-upload-pppoefile"></div> </div> </div> </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, patpl = layui.patpl, upload = layui.upload;  var pxy_id = {}; var pxy_api = '/cgi-bin/network/ajax_proxy'; var upload_item = ""; var pxypool_size = 2048;  var upload_render = function(){ upload_item = paui_upload({ elem: '#paui-select-pppoefile' ,bindAction: '#paui-upload-pppoefile' ,url: pxy_api ,auto: false ,accept: 'file' ,method: 'get' ,done: function(json){ layer.closeAll("loading"); if(json.code != 0){ alert_err(json.msg); } else { layer.closeAll(); $("#btn_reload_wan").click(); alert_ok(json.msg); } } }); };   var onTypeChange = function(type){ var htmlstr = $("#tpl_"+type+"_value").html(); $("#paui-proxy-selfval").html(htmlstr);  $("#paui-select-ifname").html($("#tpl_normal_ifname").html()); $("#paui-hide-invpn").html($("#tpl_hide_invpn").html());  if ( type == "pppoe") $("#paui-addproxy-mtu").val("1460"); else  $("#paui-addproxy-mtu").val("1500");  form.render();  /*表单渲染后，会覆盖上传组件，所以需要重新渲染上传组件*/ upload_render(); $("#pxy_addm_maxnum").text(pxypool_size); };   /* 页面初始 */ layer.load(); form.render(); pa_ajax({ url: pxy_api, data: {"action": "load_addproxy_env"}, success: function(json){ pxypool_size = json.data.pxypool_size;  patpl($("#tpl_normal_ifname").html()).render(json.data.interface_list, function(str){ $("#tpl_normal_ifname").html(str); });  onTypeChange("proxy");  layer.closeAll("loading"); } });   $("#btn_addproxy_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"); } });   form.on('select(select_proxy_type)', function(obj){ onTypeChange(obj.value); });   form.on('submit(submit_addm_proxy)', function(obj){ if(obj.field.name.length > 15) { alert_err('{{ lang034[g_lang] || "线路名称过长" }}'); return; } pa_confirm('{{ lang035[g_lang] || "确定要提交吗" }}?', function(index){ layer.close(index); layer.load(); if(obj.field.type == "pppoe") { delete obj.field.file; var url = objtourl(obj.field); upload_item.config.url += url; $("#paui-upload-pppoefile").click(); } else { var url = objtourl(obj.field); pa_ajax({ url: pxy_api, data: obj.field, success: function(json){ layer.closeAll("loading"); if(json.code != 0){ alert_err(json.msg); } else { layer.closeAll(); $("#btn_reload_wan").click(); alert_ok(json.msg); } } }); } }); return false; }); }); </script>