{{# var lang001 = {"ch": "映射域名", "en": "Mapped Domain Name"}, lang002 = {"ch": "负载线路", "en": "Load Balancing Link"}, lang003 = {"ch": "外网IP", "en": "External IP"}, lang004 = {"ch": "如果为0.0.0.0,则使用线路IP", "en": "If 0.0.0.0, the Link's IP Address will be used"}, lang005 = {"ch": "外网端口", "en": "External Port"}, lang006 = {"ch": "多个端口之间用逗号隔开", "en": "Format: NN or NN-MM. Multiple ports are separated by commas"}, lang007 = {"ch": "主机类型", "en": "Host Type"}, lang008 = {"ch": "单个IP", "en": "Single IP"}, lang009 = {"ch": "服务器", "en": "Server"}, lang010 = {"ch": "服务器组", "en": "Server Group"}, lang011 = {"ch": "主机IP:端口", "en": "Host IP:Port"}, lang012 = {"ch": "为空或0，表示使用映射端口", "en": "Leaving blank or 0 means using the Mapped Port"}, lang013 = {"ch": "下一跳", "en": "Next-Hop"}, 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": "Src Address Translation"}, lang023 = {"ch": "不转换", "en": "Disable"},     lang024 = {"ch": "转换成LAN口地址", "en": "Convert to LAN IP"},     lang025 = {"ch": "转换成指定地址", "en": "Convert to a specified IP"}; }}  <form class="layui-form paui-form paui-urlmap-value" lay-filter="form_urlmap_add" style="padding-top:20px"> </form>  <script id="tpl_urlmap_add" 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="id">             <input type="hidden" name="action" value='{{d.action || "add_urlmap"}}'>             <input type="text" class="layui-input" name="dname" value="" lay-verify="required|isName">         </div>     </div>     <div class="layui-form-item paui-portmap-type-box paui-portmap-svr">         <label class="layui-form-label">{{ lang002[g_lang] || "负载线路" }}</label>         <div class="layui-input-inline">             <select name="wan" id="select_actpxyname" lay-search lay-verify="required">                 <option value="any">any</option>                 {%# layui.each(d.wan, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }) %}             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "外网IP" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="dst" value="" lay-verify="isIP">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang004[g_lang] || "如果为0.0.0.0,则使用线路IP" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang005[g_lang] || "外网端口" }}</label>         <div class="layui-input-inline" style="width: 280px;">             <input type="text" class="layui-input" name="port" lay-verify="required">             <input type="hidden" name="maptype" value="ip">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang006[g_lang] || "多个端口之间用逗号隔开" }}</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_urlmap_type">                <option value="ip">{{ lang008[g_lang] || "单个IP" }}</option>                <option value="svr">{{ lang009[g_lang] || "服务器" }}</option>                <option value="sg">{{ lang010[g_lang] || "服务器组" }}</option>            </select>         </div>     </div>      <div class="paui-urlmap-type-box paui-urlmap-ip">         <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" lay-verify="isIP">             </div>             <div class="layui-form-mid layui-word-aux">:</div>             <div class="layui-input-inline" style="width: 66px;">                 <input type="text" class="layui-input" name="mapport">             </div>             <div class="layui-form-mid layui-word-aux">{{ lang012[g_lang] || "为空或0，表示使用映射端口" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang013[g_lang] || "下一跳" }}</label>             <div class="layui-input-inline">                 <input type="text" class="layui-input" name="gateway" lay-verify="isIP">             </div>         </div>     </div>      <div class="layui-form-item paui-urlmap-type-box paui-urlmap-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-urlmap-type-box paui-urlmap-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: 280px;">             <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">{{ lang022[g_lang] || "源地址转换" }}</label>         <div class="layui-input-inline paui-select-dirup">             <select name="snattype" lay-filter="select_urlmap_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_urlmap" id="submit_add_urlmap"></button> </div> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/network/ajax_urlmap';     var TPL = $("#tpl_urlmap_add").html();      var change_maptype = function(value){         $(".paui-urlmap-type-box").hide();         $(".paui-urlmap-" + value).show();     };      var change_snattype = function(value){         if(value == "ip")             $(".paui-snat-ip-input").show();         else             $(".paui-snat-ip-input").hide();     };      var make_policy_value = function(data){         var policy = data.policy;          if(policy.maptype == "svr") {             policy.server = "_svr." + policy.mapip;             delete data.mapip;         }                      if(policy.maptype == "sg"){             policy.svrgrp = "_sg." + policy.mapip;             delete policy.mapip;         }         policy.wan = policy.wan_name;         delete policy.wan_name;          change_maptype(policy.maptype);         change_snattype(policy.snattype);         return policy;     };           /* 加载数据 */     pa_ajax({         url: api,         data: { 'action': 'load_add_urlmap_env', 'id': '{{d.id || ""}}' },         success: function(json){             patpl(TPL).render(json.data, function(html){                 $(".paui-urlmap-value").html(html);             });              if (json.data.policy) {                 var data = make_policy_value(json.data);                  form.val("form_urlmap_add", data);             } else                 form.render();         }     });       /* 事件绑定 */     form.on('select(select_urlmap_type)', function(obj){         change_maptype(obj.value);     });              form.on('select(select_urlmap_snat)', function(obj){         change_snattype(obj.value);     });      form.on('submit(submit_add_urlmap)', function(obj){         pa_confirm('{{ lang018[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);                         $("#submit_urlmap_search").click();                     }                 }             });         });         return false;     });  }); </script>