{{# var lang001 = {"ch":"策略序号", "en": "Policy ID"}, lang002 = {"ch":"序号从小往大匹配，范围1-65535", "en":"Policies are matched sequentially (smallest to largest ID), range: 1-65535"}, lang003 = {"ch":"策略时段", "en":"Time Schedule"}, lang004 = {"ch":"任意", "en":"Any"}, lang005 = {"ch":"策略只在该时间范围生效", "en":"The policy is only effective during this time period"}, lang006 = {"ch":"策略备注", "en":"Policy Notes"}, lang007 = {"ch":"匹配条件", "en":"Match Conditions"}, lang008 = {"ch":"用户组", "en":"User Group"}, lang009 = {"ch":"选择用户组", "en":"Select User Group"}, lang010 = {"ch":"源接口", "en":"Src Interface"}, lang011 = {"ch":"PPPoE服务", "en":"PPPoE Service"}, lang012 = {"ch":"源地址:端口", "en":"Src Address:Port"}, lang013 = {"ch":"IP群组", "en":"IP Group"}, lang014 = {"ch":"选择群组", "en":"Select IP Group"}, lang015 = {"ch":"源端口", "en":"Src Port"}, lang016 = {"ch":"目标地址:端口", "en":"Dst Address:Port"}, lang017 = {"ch":"目标端口", "en":"Dst Port"}, lang018 = {"ch":"传输协议", "en":"Transport Protocol"}, lang019 = {"ch":"应用协议", "en":"Protocol"}, lang020 = {"ch":"选择协议", "en":"Select Protocol"}, lang021 = {"ch":"用户类型", "en": "User Type"}, lang022 = {"ch":"代拨用户", "en":"Proxy User"}, lang023 = {"ch":"非代拨用户", "en":"Normal User"}, lang024 = {"ch":"执行动作", "en":"Action"}, lang025 = {"ch":"路由", "en":"Route"}, lang026 = {"ch":"走代拨", "en":"Use Proxy"}, lang027 = {"ch":"DNAT地址", "en":"DNAT Address"}, lang028 = {"ch":"如果设置,数据包的目标IP被修改为设置的IP", "en":"If configured, the packet's destination IP address will be modified to the designated IP"}, lang029 = {"ch":"NAT线路", "en":"NAT Link"}, lang030 = {"ch":"空线路", "en":"None"}, lang031 = {"ch":"下一跳", "en":"Next-Hop"}, lang032 = {"ch":"路由线路", "en":"Routing Link"}, lang033 = {"ch":"下一跳", "en":"Next-Hop"}, lang034 = {"ch":"确定提交吗", "en":"Confirm to submit?"}, lang035 = {"ch": "路由", "en": "Route"}, lang036 = {"ch": "SNAT地址池", "en": "SNAT Address Pool"}, lang037 = {"ch": "最大带宽", "en": "Maximum Bandwidth"}, lang038 = {"ch": "说明", "en": "Description"}, lang039 = { "ch": "格式：上行 / 下行<br>如果参数不为0，表示当目标线路上行流量或下行流量，超过设定的最大带宽参数时<br>该策略路由自动失效，会继续匹配下一条路由策略", "en": "Format: Upload / Download<br>A non-zero parameter indicates that if the traffic (Upload or Download) on the destination link exceeds the set maximum bandwidth, the policy route will automatically fail and the system will proceed to match the next routing policy" }, lang040 = {"ch": "动态路由选路", "en": "Dynamic Routing Link Selection"};  }}  <form class="layui-form paui-form paui-nat-policy-value" lay-filter="form_route6_add" style="padding-top:15px"> </form>  <script id="tpl_route6_value" type="text/html">  <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}}'> <input type="hidden" name="old_id"> <input type="text" name="id" lay-verify="required|number" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang002[g_lang] || "序号从小往大匹配，范围1-65535" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label"> {{ lang003[g_lang] || "策略时段" }} </label> <div class="layui-input-inline"> <select name="schtime"> <option value="0">{{ lang004[g_lang] || "任意" }}</option> {%# layui.each(d.rtptime_list, function(index, elem){ %} <option value="{% elem.id %}">{% elem.name %}</option> {%# }); %} </select> </div> <div class="layui-form-mid layui-word-aux">{{ lang005[g_lang] || "策略只在该时间范围生效" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang006[g_lang] || "策略备注" }}</label> <div class="layui-input-inline" style="width:300px"> <input type="text" name="desc" lay-verify="isName" class="layui-input"> </div> </div>  <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0px;"> <legend>{{ lang007[g_lang] || "匹配条件" }}</legend> </fieldset>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang008[g_lang] || "用户组" }}</label> <div class="layui-input-inline"> <select name="pool" id="dnsipt_ugroup_id"> <option value="0">{{ lang004[g_lang] || "任意" }}</option> {%# layui.each(d.ippool, function(index, elem){ %} <option value="{% elem.id %}">{% elem.name %}</option> {%# }); %} </select> </div> <div class="layui-form-mid"> <span class="abtn" onclick="select_ippool({'retid':'#dnsipt_ugroup_id'})"> <i class="layui-icon layui-icon-search"></i>&nbsp;{{ lang009[g_lang] || "选择用户组" }} </span> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang010[g_lang] || "源接口" }}</label> <div class="layui-input-inline"> <select name="inif" id="natipt_srcif" lay-search> <option value="any">{{ lang004[g_lang] || "任意" }}</option> <option value="allposvr">{{ lang011[g_lang] || "PPPoE服务" }}</option> {%# layui.each(d.interface, function(index, elem){ if(elem.zone != "inside") return; %} <option value="if.{% elem.name %}">{% elem.name %}</option> {%# }); layui.each(d.proxy, function(index, elem){ %} <option value="proxy.{% elem.name %}">{% elem.name %}</option> {%# }) %} </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang012[g_lang] || "源地址" }}</label> <div class="layui-input-inline"> <select name="srctype" lay-filter="select_intype"> <option value="any">{{ lang004[g_lang] || "任意" }}</option> <option value="net">网络/前缀</option> {%# if(d.iptab_list.length != 0) { %} <option value="table">{{ lang013[g_lang] || "IP群组" }}</option> {%# } %} </select> </div> <div class="layui-input-inline paui_select_intype" id="paui_dnsin_net" style="display:none"> <input type="text" name="inipnet" class="layui-input"> </div> <div class="paui_select_intype" id="paui_dnsin_table" style="display:none"> <div class="layui-input-inline"> <select name="iniptbl" id="natipt_src_iptab_id" lay-search> {%# layui.each(d.iptab_list, function(index, elem){ %} <option value="{% elem.id %}">{% elem.name %}</option> {%# }); %} </select> </div> <div class="layui-form-mid layui-hide"> <span class="abtn" onclick="select_iptable({'retid':'#natipt_src_iptab_id'})"> <i class="layui-icon layui-icon-search"></i>&nbsp;{{ lang014[g_lang] || "选择群组" }} </span> </div> </div> <div class="layui-input-inline" style="width:100px"> <input type="text" name="srcport" value="" class="layui-input" placeholder='{{ lang015[g_lang] || "源端口" }}'> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang016[g_lang] || "目标地址" }}</label> <div class="layui-input-inline"> <select name="dsttype" lay-filter="select_outtype"> <option value="any">{{ lang004[g_lang] || "任意" }}</option> <option value="net">网络/前缀</option> {%# if(d.iptab_list.length != 0) { %} <option value="table">{{ lang013[g_lang] || "IP群组" }}</option> {%# } %} </select> </div> <div class="layui-input-inline paui_select_outtype" id="paui_dnsout_net" style="display:none"> <input type="text" name="outipnet" class="layui-input"> </div> <div class="paui_select_outtype" id="paui_dnsout_table" style="display:none"> <div class="layui-input-inline"> <select name="outiptbl" id="natipt_dst_iptab_id" lay-search> {%# layui.each(d.iptab_list, function(index, elem){ %} <option value="{% elem.id %}">{% elem.name %}</option> {%# }); %} </select> </div> <div class="layui-form-mid layui-hide"> <span class="abtn" onclick="select_iptable({'retid':'#natipt_dst_iptab_id'})"> <i class="layui-icon layui-icon-search"></i>&nbsp;{{ lang014[g_lang] || "选择群组" }} </span> </div> </div> <div class="layui-input-inline" style="width:100px"> <input type="text" name="dstport" value="" class="layui-input" placeholder='{{ lang017[g_lang] || "目标端口" }}'> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang018[g_lang] || "传输协议" }}</label> <div class="layui-input-inline"> <select name="proto"> <option value="any">{{ lang004[g_lang] || "任意" }}</option> <option value="tcp">TCP</option> <option value="udp">UDP</option> <option value="icmp">ICMP</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang019[g_lang] || "应用协议" }}</label> <div class="layui-input-inline"> <input type="hidden" name="appid" id="ipt_appname" value="any"> <input type="text" name="appname" id="ipt_appcname" value='{{ lang004[g_lang] || "任意" }}' class="layui-input layui-disabled" disabled> </div> <div class="layui-form-mid"> <span class="abtn" onclick="select_app()"> <i class="layui-icon layui-icon-search"></i>&nbsp;{{ lang020[g_lang] || "选择协议" }} </span> </div> </div> <div class="layui-form-item"> <div class="layui-form-label">{{ lang037[g_lang] || "最大带宽" }}</div> <div class="layui-input-inline" style="width:60px;"> <input type="text" name="wanbwout" value="0" lay-verify="number" class="layui-input" placeholder="上行带宽"> </div> <div class="layui-form-mid">/</div> <div class="layui-input-inline" style="width:60px;"> <input type="text" name="wanbw" value="0" lay-verify="number" class="layui-input" placeholder="下行带宽"> </div> <div class="layui-form-mid layui-word-aux"> Mbps， <span class="abtn" paui-hover-evt="paui_tips" autoclose="false" tips='{{ lang039[g_lang] || "格式：上行 / 下行<br>如果参数不为0，表示当目标线路上行流量或下行流量，超过设定的最大带宽参数时<br>该策略路由自动失效，会继续匹配下一条路由策略" }}'> {{ lang038[g_lang] || "说明" }} </span> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">VLAN</label> <div class="layui-input-inline" style="width: 68px;"> <input type="text" name="vlan" value="" class="layui-input"> </div> <div class="layui-form-mid">DSCP</div> <div class="layui-input-inline" style="width: 68px;"> <input type="text" name="ttl" value="" class="layui-input"> </div> </div>  <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0px;"> <legend>{{ lang024[g_lang] || "执行动作" }}</legend> </fieldset>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang024[g_lang] || "执行动作" }}</label> <div class="layui-input-inline"> <select name="act" lay-filter="select_act"> <option value="route">{{ lang035[g_lang] || "路由" }}</option> <option value="nat">NAT</option> </select> </div> </div>  <div class="paui-nat-action-value"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang027[g_lang] || "DNAT地址" }}</label> <div class="layui-input-inline"> <input type="text" class="layui-input" name="newdstip"> </div> <div class="layui-form-mid layui-word-aux">{{ lang028[g_lang] || "如果设置,数据包的目标IP被修改为设置的IP" }}</div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang029[g_lang] || "NAT线路" }}</label> <div class="layui-input-inline paui-select-dirup"> <select name="actpxyname" lay-search> {%# layui.each(d.wangroup, function(index, elem){ %} <option value="_wg.{% elem.name %}">{% elem.name %}</option> {%# }) %} {%#  layui.each(d.proxy, function(index, elem){ if(!arryInclude(["proxy6", "pppoe", "dhcpwan6"], elem.type)) return; %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }) %} <option value="_NULL_">{{ lang030[g_lang] || "空线路" }}</option> </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang036[g_lang] || "SNAT地址池" }}</label> <div class="layui-input-inline" style="width: 500px;"> <input type="text" name="natip" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang031[g_lang] || "下一跳" }}</label> <div class="layui-input-inline paui-select-dirup"> <select name="nexthop" id="select_nexthop" lay-search> <option value="_NULL_">{{ lang030[g_lang] || "空线路" }}</option> {%# layui.each(d.wangroup, function(index, elem){ %} <option value="_wg.{% elem.name %}">{% elem.name %}</option> {%# }) %} {%# layui.each(d.proxy, function(index, elem){ %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }) %} </select> </div> </div> </div>  <div class="paui-route-action-value" style="display: none;"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang032[g_lang] || "路由线路" }}</label> <div class="layui-input-inline paui-select-dirup"> <select name="route_pxyname" id="select_route_pxyname" lay-search> {%# layui.each(d.proxy, function(index, elem){ %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }) %} <option value="_DYNROUTE_">{{ lang040[g_lang] || "动态路由" }}</option> </select> </div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang033[g_lang] || "下一跳" }}</label> <div class="layui-input-inline"> <input type="text" class="layui-input" name="route_nexthop"> </div> </div> </div>  <div class="layui-hide"> <button lay-submit lay-filter="submit_add_route6_policy" id="submit_add_route6_policy"></button> </div> </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, patpl = layui.patpl;  var api = '/cgi-bin/network/ajax_route6_policy'; var TPL = $("#tpl_route6_value").html();   /* 事件中心 */ var event_center = { chang_intype: function(type){ $(".paui_select_intype").hide(); if(type == "ip") return; $("#paui_dnsin_" + type).show(); },  change_outtype: function(type){ $(".paui_select_outtype").hide(); if(type == "ip") return; $("#paui_dnsout_" + type).show(); },  change_action: function(type){ if(type == "nat"){ $(".paui-nat-action-value").show(); $(".paui-route-action-value").hide(); } else if(type == "route") { $(".paui-route-action-value").show(); $(".paui-nat-action-value").hide(); } },  make_policy_value: function(obj){ var data = obj.policy;  data.old_id = data.id; data.desc = data.desc == "NULL" ? "" : data.desc; data.vlan = data.vlan == "0-0" ? "" : data.vlan; data.ttl = data.ttl == "0-255" ? "" : data.ttl;  /* 源接口参数 */ if ( data.iniftype == "posvr" &&  data.inif == "all" ) data.inif = "allposvr"; else if ( data.iniftype == "proxy") data.inif = "proxy." + data.inif; else if ( data.iniftype == "if") data.inif = "if." + data.inif;  /* 源IP参数 */ switch(data.srctype){ case "net": data.inipnet = data.src; break; case "iprange": data.iniprng = data.src; break; case "table": layui.each(obj.iptab_list, function(index, elem){ if(elem.name == data.src) { data.iniptbl = elem.id; return; } }); break; };  data.srcport = data.srcport == "any" ? "" : data.srcport; event_center.chang_intype(data.srctype);  /* 目标IP参数 */ switch(data.dsttype) { case "net": data.outipnet = data.dst; break; case "table": layui.each(obj.iptab_list, function(index, elem){ if(elem.name == data.dst) { data.outiptbl = elem.id; return; } }); break; };  data.dstport = data.dstport == "any" ? "" : data.dstport; event_center.change_outtype(data.dsttype);  /* NAT 地址池参数 */ if(data.natip != ""){ var natip = ""; var tags = ""; layui.each(data.natip.split(";"), function(index, elem){ var item = elem.split(","); if(item[0] == "ip" || item[0] == "ip6") natip += tags + item[2]; else if(item[0] == "rng" || item[0] == "rng6") natip += tags + item[1] + "-" + item[2]; else if(item[0] == "net" || item[0] == "net6") natip += tags + item[2] + "/" + item[1];  if(tags == "") tags = ","; }); data.natip = natip; };  /* 执行动作参数 */ data.act = data.action; delete data.action;  if(data.nexthop == "NULL") data.nexthop = "_NULL_";  if(data.act == "route") { data.route_nexthop = data.nexthop; data.route_pxyname = data.actpxyname; }  event_center.change_action(data.act);  return data; } };   /* 加载数据 */ pa_ajax({ url: api, data: { 'action': 'load_addrule_env', 'id': '{{d.id || ""}}' }, success: function(json){ patpl(TPL).render(json.data, function(html){ $(".paui-nat-policy-value").html(html); });  if (json.data.policy) { var data = event_center.make_policy_value(json.data); form.val("form_route6_add", data); } else { form.render(); event_center.change_action("route"); } } });   /* 事件监听 */ form.on('select(select_intype)', function(obj){ event_center.chang_intype(obj.value); });  form.on('select(select_outtype)', function(obj){ event_center.change_outtype(obj.value); });  form.on('select(select_act)', function(obj){ event_center.change_action(obj.value); });  /* 表单提交 */ form.on('submit(submit_add_route6_policy)', function(obj){ pa_confirm('{{ lang034[g_lang] || "确定要提交吗" }}?', function(index){ layer.close(index); pa_ajax({ url: api, data: obj.field, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { layer.closeAll(); alert_ok(json.msg); $("#btn_reload_route6_policy").click(); } } }); }); return false; }); }); </script>