{{# var lang001 = {"ch": "名称", "en": "Name"}, lang002 = {"ch": "后缀从1开始自动递增", "en": "The suffix automatically increments starting from 1"}, lang003 = {"ch": "网卡", "en": "NIC"}, lang004 = {"ch": "IP自动递增", "en": "IP Auto Increment"}, lang005 = {"ch": "递增间隔", "en": "Increment Interval"}, lang006 = {"ch": "线路掩码", "en": "Netmask"}, lang007 = {"ch": "添加条数", "en": "Number of Entries to Add"}, lang008 = {"ch": "高级", "en": "Advanced"}, lang009 = {"ch": "递增", "en": "Increment"}, lang010 = {"ch": "线路名称过长", "en": "The interface name is too long"}, lang011 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang012 = {"ch": "名称重复时", "en": "When Name Duplicates"}, lang013 = {"ch": "停止添加", "en": "Stop Adding"}, lang014 = {"ch": "自动跳过", "en": "Auto Skip"};  }}  <form class="layui-form paui-form" lay-filter="form_add_proxy" 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="type" value="rtif"> <input type="hidden" name="action" value='proxy_addm'> <input type="text" name="name" value="lan_" lay-verify="required|isName" maxlength=15  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" 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">{{ lang012[g_lang] || "名称重复时" }}</label> <div class="layui-input-inline"> <select name="repeat"> <option value="stop">{{ lang013[g_lang] || "停止添加" }}</option> <option value="ignore">{{ lang014[g_lang] || "自动跳过" }}</option> </select> </div> </div> <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">{{ lang004[g_lang] || "IP自动递增" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang005[g_lang] || "递增间隔" }}</label> <div class="layui-input-inline"> <input type="text" name="ipadd_num" value="255" lay-verify="required|number" class="layui-input"> </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="netmask" value="255.255.255.0" lay-verify="required|isIP" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang007[g_lang] || "添加条数" }}</label> <div class="layui-input-inline"> <input type="text" name="add_num" lay-verify="required|number" class="layui-input"> </div> </div>  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"> <legend> <span class="abtn" id="btn_addlan_more"> {{ lang008[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">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='{{ lang009[g_lang] || "递增" }}' lay-skin="primary">  </div> </div> </div>  <div class="layui-hide"> <button lay-submit lay-filter="submit_addm_lan" id="submit_addm_lan"></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 == "outside") return; %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }); %} </select> </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, patpl = layui.patpl;  var pxy_api = '/cgi-bin/network/ajax_proxy';  var mode_change = function(mode){ if(mode == "standby") { $("#paui-select-proxy").html($("#tpl_weak_wan").html()); } else { $("#paui-select-proxy").html(""); } form.render(); };  var init_value = function(data){ data.newname = data.name; data.mode = data.standby != "NULL" ? "standby" : "work"; mode_change(data.mode); return data; };  /* 页面初始 */ layer.load(); form.render(); pa_ajax({ url: pxy_api, data: {"action": "load_addproxy_env"}, success: function(json) { patpl($("#tpl_normal_ifname").html()).render(json.data.interface_list, function(str){ $("#paui-select-ifname").html(str); });  form.render(); layer.closeAll("loading"); } });  $("#btn_addlan_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('submit(submit_addm_lan)', function(obj){ if(obj.field.name.length > 14) { alert_err('{{ lang010[g_lang] || "线路名称过长" }}'); return; } pa_confirm('{{ lang011[g_lang] || "确定要提交吗" }}?', function(index){ layer.close(index); pa_ajax({ url: pxy_api, data: obj.field, success: function(json){ if(json.code != 0){ alert_err(json.msg); } else { layer.closeAll(); $("#btn_reload_lan").click(); alert_ok(json.msg); } } }); }); return false; }); }); </script>