{{# var lang001 = {"ch": "映射线路", "en": "Mapped Link"}, lang002 = {"ch": "外网IP", "en": "External IP"}, lang003 = {"ch": "如果为0.0.0.0,则使用线路IP", "en": "0.0.0.0 means using the Link's IP address"}, lang004 = {"ch": "外网端口", "en": "External Port"}, lang005 = {"ch": "多个端口之间用逗号隔开", "en": "Multiple ports are separated by commas (Format: NN or NN-MM)"}, lang006 = {"ch": "协议", "en": "Protocol"}, lang007 = {"ch": "主机类型", "en": "Host Type"}, lang008 = {"ch": "指定IP", "en": "Specified IP"}, lang009 = {"ch": "服务器", "en": "Server"}, lang010 = {"ch": "服务器组", "en": "Server Group"}, lang011 = {"ch": "主机IP:端口", "en": "Host IP:Port"}, lang012 = {"ch": "主机端口", "en": "Host Port"}, lang013 = {"ch": "为空或0，表示使用映射端口", "en": "Empty or 0 means using the Mapped Port"}, lang014 = {"ch": "备注", "en": "Notes"}, lang015 = {"ch": "策略状态", "en": "Policy Status"}, lang016 = {"ch": "启用", "en": "Enable"}, lang017 = {"ch": "禁用", "en": "Disable"}, lang018 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang019 = {"ch": "下一跳", "en": "Next-Hop"}, lang020 = {"ch": "任意", "en": "Any"}, lang021 = {"ch": "高级", "en": "Advanced"}, lang022 = {"ch": "源地址转换", "en": "Source Address Translation"}, lang023 = {"ch": "不转换", "en": "Disabled"}, lang024 = {"ch": "转换成LAN口地址", "en": "Translate to LAN Interface IP"}, lang025 = {"ch": "转换成指定地址", "en": "Translate to Specified IP Address"}, lang026 = {"ch": "源IP", "en": "Src IP Address"}, lang027 = {"ch": "只允许指定IP访问，为空表示任意", "en": "Only specified IP addresses are allowed. Empty means Any"}, lang028 = {"ch": "编辑", "en": "Edit"}, lang029 = {"ch":"策略ID", "en": "Policy ID"}, lang030 = {"ch":"序号从小往大匹配，范围1-65535", "en":"Policies are matched sequentially (smallest to largest ID), range: 1-65535"}, lang031 = {"ch": "忽略回流", "en": "Ignore Loopback"}, lang032 = {"ch": "否", "en": "No"}, lang033 = {"ch": "是", "en": "Yes"}, lang034 = {"ch": "单个IP", "en": "Single IP"}; }}  <form class="layui-form paui-form paui-portmap-value" lay-filter="form_portmap_add" style="padding-top:20px"> </form>  <script id="tpl_portmap_add" type="text/html"> <div class="layui-form-item"> <label class="layui-form-label"> {{ lang029[g_lang] || "策略ID" }} </label> <div class="layui-input-inline"> <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">{{ lang030[g_lang] || "序号从小往大匹配，范围1-65535" }}</div> </div>     <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_portmap"}}'>             <select name="wan_name" lay-search lay-filter="select_portmatp_proxy">                 {%# layui.each(d.wangroup, function(index, elem){ %}                      <option value="_wg.{% elem.name %}" wtype="wg">{% elem.name %}</option>                 {%# });                     var allow_pxytype = ["proxy", "proxy6", "dhcpwan", "dhcpwan6", "pppoe", "l2tpwan", "iwan"];                     layui.each(d.proxy, function(index, elem){                         if( !arryInclude(allow_pxytype, elem.type) ) return;                 %}                     <option value="{% elem.name %}" wtype="{%elem.type%}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>         <div class="layui-form-mid layui-word-aux" id="paui-portmap-ip-tips"></div>     </div>     <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang026[g_lang] || "允许访问IP" }}</label>         <div class="layui-input-inline" style="width: auto; margin: 0px; padding-left: 0px;">             <input type="hidden" name="submit_srcip">             <input type="hidden" name="edit_srcip"> <div class="layui-inline" style="width: 190px; margin: 0px 0px 2px 0px;" portmap_add_event="btnevt_add_srcip"> <textarea name="show_srcip" title='{{ lang026[g_lang] || "源IP" }}' readonly class="layui-textarea" style="resize: none; min-height: 60px;"></textarea> </div>         </div>         <div class="layui-form-mid layui-word-aux" style="margin-left: 10px; width: 340px;">             {{ lang027[g_lang] || "只允许指定IP访问，为空表示任意" }}         </div>     </div>     <div class="layui-form-item paui-portmap-dstip">         <label class="layui-form-label">{{ lang002[g_lang] || "外网IP" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="dst" value="0.0.0.0">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang003[g_lang] || "如果为0.0.0.0,则使用线路IP" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang004[g_lang] || "外网端口" }}</label>         <div class="layui-input-inline" style="width: 350px;">             <input type="text" class="layui-input" name="port" lay-verify="required">         </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">             <input type="radio" name="proto" value="any" title='{{ lang020[g_lang] || "任意" }}'>             <input type="radio" name="proto" value="tcp" title='TCP' checked>             <input type="radio" name="proto" value="udp" title='UDP'>         </div>     </div>      <hr>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang007[g_lang] || "主机类型" }}</label>         <div class="layui-input-inline">            <select name="maptype" lay-filter="select_portmapt_type">                <option value="mapip" selected>{{ lang034[g_lang] || "单个IP" }}</option>                <option value="svr">{{ lang009[g_lang] || "服务器" }}</option>                <option value="sg">{{ lang010[g_lang] || "服务器组" }}</option>            </select>         </div>     </div>     <div class="paui-portmap-type-box paui-portmap-mapip">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang011[g_lang] || "主机IP:端口" }}</label>             <div class="layui-input-inline">                 <input type="text" class="layui-input" name="mapip">             </div>             <div class="layui-form-mid layui-word-aux">:</div>             <div class="layui-input-inline" style="width: 80px;">                 <input type="text" class="layui-input" name="mapport">             </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">{{ lang019[g_lang] || "下一跳" }}</label>             <div class="layui-input-inline">                 <input type="text" class="layui-input" name="gateway">             </div>         </div>     </div>      <div class="layui-form-item paui-portmap-type-box paui-portmap-svr" style="display: none;">         <label class="layui-form-label">{{ lang009[g_lang] || "服务器" }}</label>         <div class="layui-input-inline">             <select name="server" lay-search>                 {%# layui.each(d.server, function(index, elem){ %}                     <option value="_svr.{% elem.id %}">{% elem.name %}</option>                  {%# }); %}             </select>         </div>     </div>      <div class="layui-form-item paui-portmap-type-box paui-portmap-sg" style="display: none;">         <label class="layui-form-label">{{ lang010[g_lang] || "服务器组" }}</label>         <div class="layui-input-inline">             <select name="svrgrp" lay-search>                 {%# layui.each(d.svrgroup, function(index, elem){ %}                     <option value="_sg.{% elem.id %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang014[g_lang] || "备注" }}</label>         <div class="layui-input-inline" style="width: 350px;">             <input type="text" class="layui-input" name="note" lay-verify="isName">         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang015[g_lang] || "策略状态" }}</label>         <div class="layui-input-inline">             <input type="radio" name="disable" value="0" title='{{ lang016[g_lang] || "启用" }}' checked>             <input type="radio" name="disable" value="1" title='{{ lang017[g_lang] || "禁用" }}'>         </div>     </div>      <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0px;">         <legend>{{ lang021[g_lang] || "高级" }}</legend>     </fieldset>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang031[g_lang] || "忽略回流" }}</label>         <div class="layui-input-inline paui-select-dirup">             <select name="nomapback">                 <option value="0">{{ lang032[g_lang] || "否" }}</option>                 <option value="1">{{ lang033[g_lang] || "是" }}</option>             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang022[g_lang] || "源地址转换" }}</label>         <div class="layui-input-inline paui-select-dirup">             <select name="snattype" lay-filter="select_portmap_snat">                 <option value="null">{{ lang023[g_lang] || "不转换" }}</option>                 <option value="rtifip">{{ lang024[g_lang] || "转换成LAN口地址" }}</option>                 <option value="ip">{{ lang025[g_lang] || "转换成指定地址" }}</option>             </select>         </div>     </div>      <div class="layui-form-item paui-snat-ip-input" style="display:none;">         <label class="layui-form-label">IP</label>         <div class="layui-input-inline" style="width: 280px;">             <input type="text" class="layui-input" name="snatip" placeholder="x.x.x.x-y.y.y.y">         </div>     </div>  <div class="layui-hide"> <button lay-submit lay-filter="submit_add_portmap" id="submit_add_portmap"></button> </div> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     patpl = layui.patpl;      var pdata = JSON.parse('{{- JSON.stringify(d) }}');     var api = '/cgi-bin/network/ajax_portmap';     var TPL = $("#tpl_portmap_add").html();     var l_proxy_dict = {};     var l_policy_env = {};       var change_wantype = function(wan_type, pxy){         var obj = l_proxy_dict["wan_" + pxy];          if(wan_type == "proxy6")             $(".paui-portmap-dstip").hide();         else             $(".paui-portmap-dstip").show();          if(wan_type != "" && obj)             $("#paui-portmap-ip-tips").html(obj.ip);         else             $("#paui-portmap-ip-tips").html("");     };       var change_maptype = function(value){         $(".paui-portmap-type-box").hide();         $(".paui-portmap-" + value).show();     };      var change_snattype = function(value){         if(value == "ip")             $(".paui-snat-ip-input").show();         else             $(".paui-snat-ip-input").hide();     };           var event_center = {         btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang028[g_lang] || "编辑" }}',                 data: {module: 'protmap', type: 'src', form: 'form_portmap_add'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         }     };       var make_policy_value = function(data){         var policy = data.policy;         var wan_type = "";          policy.old_id = policy.id;         policy.src = policy.src || '';         policy.note = policy.note == "NULL" ? "" : policy.note;          /* 源目IP */         policy = paui_policy_srcdstip(policy, 'src');          if(policy.maptype == "svr") {             policy.server = "_svr." + policy.mapip;             delete policy.mapip;         }                      if(policy.maptype == "sg"){             policy.svrgrp = "_sg." + policy.mapip;             delete policy.mapip;         }          if(policy.maptype == "ip")             policy.maptype = "mapip";          layui.each(data.proxy, function(index, elem){             if(elem.name == policy.wan_name)             wan_type = elem.type;         });          if(policy.snatip == "0.0.0.0/0")             policy.snatip = "";          change_wantype(wan_type, policy.wan_name);         change_maptype(policy.maptype);         change_snattype(policy.snattype);         return policy;     };       /* 加载数据 */     pa_ajax({         url: api,         data: { 'action': 'load_add_portmap_env', 'id': '{{d.id || ""}}' },         success: function(json){             l_policy_env = json.data;             l_proxy_dict = json.data.pxy_dict;              patpl(TPL).render(json.data, function(html){                 $(".paui-portmap-value").html(html);             });              if (json.data.policy) {                 var data = make_policy_value(json.data);                 form.val("form_portmap_add", data);                 delete l_policy_env.policy.show_srcip; delete l_policy_env.policy.show_dstip;             } else                 form.render();         }     });       /* 事件绑定 */     util.event('portmap_add_event', event_center);      form.on('select(select_portmatp_proxy)', function(obj){         var wtype = $(obj.elem).find('option[value="'+obj.value+'"]').attr("wtype");         change_wantype(wtype, obj.value);     });      form.on('select(select_portmapt_type)', function(obj){         change_maptype(obj.value);     });          form.on('select(select_portmap_snat)', function(obj){         change_snattype(obj.value);     });      form.on('submit(submit_add_portmap)', function(obj){         pa_confirm('{{ lang018[g_lang] || "确定要提交吗" }}?', function(index){             if(obj.field.mapport.indexOf("+") >= 0){    /* 避免提交后+变成空格 */                 obj.field.mapport = obj.field.mapport.replace("+", "%2B");             }             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);                         $("#submit_portmap_search").click();                     }                 }             });         });         return false;     });  }); </script>