{{# var lang001 = {"ch": "提示", "en": "Tips"},     lang002 = {"ch": "策略备注", "en": "Notes"},     lang003 = {"ch": "任意", "en": "Any"},     lang004 = {"ch": "源接口", "en": "Src Interface"},     lang005 = {"ch": "源IP", "en": "Src IP"},     lang006 = {"ch": "目标IP", "en": "Dst IP"},     lang007 = {"ch": "用户组", "en": "MAC Group"},     lang008 = {"ch": "执行动作", "en": "Action"},     lang009 = {"ch": "放行", "en": "Pass"},     lang010 = {"ch": "阻断", "en": "Deny"},     lang011 = {"ch": "确定", "en": "Submit"},     lang012 = {"ch": "阻断所有协议将导致网络不通", "en": "Blocking all protocols will cause network failure"},     lang013 = {"ch": "确定要提交吗", "en": "Confirm to submit?"},     lang014 = {"ch": "源 / 目标IP", "en": "Src / Dst IP"},     lang015 = {"ch": "源 / 目标端口", "en": "Src / Dst Port"},     lang016 = {"ch": "取消", "en": "Cancel"},     lang017 = {"ch": "80或80-8080，0表示任意端口，多个端口用逗号隔开", "en": "80 or 80-8080, 0 means any port, separate multiple ports with commas"},     lang018 = {"ch": "协议", "en": "Protocol"},     lang019 = {"ch": "编辑源IP", "en": "Edit Src IP"},     lang020 = {"ch": "编辑目标IP", "en": "Edit Dst IP"},     lang021 = {"ch": "不修改", "en": "No Modification"},     lang022 = {"ch": "记录日志", "en": "Log Recording"},     lang023 = {"ch": "发送日志", "en": "Send Logs"},     lang024 = {"ch": "日志操作", "en": "Log Operations"},     lang074 = {"ch": "为空项表示不修改", "en": "Empty means no modification"}; }}  <style> #form_add_flowct_policy{padding-top: 10px;} #form_add_flowct_policy .layui-input-inline{width: 200px;} </style>  {{# if(g_lang != "ch") { }} <style> #form_add_flowct_policy .layui-form-label{width: 130px} </style> {{# } }}  <form class="layui-form paui-form" id="form_add_flowct_policy" lay-filter="form_add_flowct_policy"></form>  <script id="tpl_add_flowct_policy" 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 || "add_policy"}}'>             <input type="hidden" name="group" value='{{d.group || ""}}'>             <span class="layui-form-mid layui-word-aux">{{ lang074[g_lang] || "为空项表示不修改" }}</span>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "策略备注" }}</label>         <div class="layui-input-inline" style="width:420px;">             <input type="text" name="desc" class="layui-input" lay-verify="isName" maxlength="60">         </div>     </div>     <hr>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang004[g_lang] || "源接口" }}</label>         <div class="layui-input-inline">             <select name="inpxy" lay-search>                 <option value="">{{ lang021[g_lang] || "不修改" }}</option>                 <option value="any">{{ lang003[g_lang] || "任意" }}</option>                 {%# layui.each(d.proxy_list, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>          <div class="layui-input-inline">             <select name="inif" lay-search>                 <option value="">{{ lang021[g_lang] || "不修改" }}</option>                 <option value="any">{{ lang003[g_lang] || "任意" }}</option>                 {%# layui.each(d.interface_list, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}                 {%# layui.each(d.switch_port, function(index, elem){ %}                     <option value="{% elem %}">{% elem %}</option>                 {%# }); %}                 {{# if(g_sys_env.tap == 1) { /* TAP版本中显示 */ }}                         {%# layui.each(d.tap_group_list, function(index, elem){ %}                             {%# if(elem.type == "ingress") { %}                             <option value="{% elem.group %}">{% elem.group %}</option>                             {%# } %}                         {%# }); %}                 {{# } }}             </select>         </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="">{{ lang021[g_lang] || "不修改" }}</option>                 <option value="any">{{ lang003[g_lang] || "任意" }}</option>                 <option value="tcp">TCP</option>                 <option value="udp">UDP</option>                 <option value="icmp">ICMP</option>                 <option value="icmpv6">ICMPv6</option>             </select>         </div>         <div class="layui-input-inline" onclick="select_app()" style="width: 120px;">             <input type="hidden" name="appid" id="ipt_appname" value="">             <input type="text" name="appname" id="ipt_appcname" value='' class="layui-input" readonly>            </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang014[g_lang] || "源 / 目标IP" }}</label>         <div class="layui-input-inline" style="width: 448px; margin: 0px; padding-left: 0px;">             <input type="hidden" name="submit_srcip">             <input type="hidden" name="submit_dstip">             <input type="hidden" name="edit_srcip">             <input type="hidden" name="edit_dstip">             <div class="layui-inline" style="width: 200px; margin: 0px 0px 2px 0px;" addflowct_event="btnevt_add_srcip">                 <textarea name="show_srcip" title='{{ lang005[g_lang] || "源IP" }}'                 readonly class="layui-textarea" style="resize: none; min-height: 60px;"></textarea>             </div>             <div class="layui-inline" style="margin: 0px -2px 0px 2px">/</div>             <div class="layui-inline" style="width: 200px; margin: 0px 0px 2px 0px;" addflowct_event="btnevt_add_dstip">                 <textarea name="show_dstip" title='{{ lang006[g_lang] || "目标IP" }}'                 readonly class="layui-textarea" style="resize:none; min-height: 60px;"></textarea>             </div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">             {{ lang015[g_lang] || "源 / 目标端口" }}             <i class="layui-icon layui-icon-tips"             tips='{{ lang017[g_lang] || "80或80-8080，0表示任意端口，多个端口用逗号隔开" }}'             paui-hover-evt="paui_tips"></i>         </label>         <div class="layui-input-inline">             <input type="text" name="sport" value="" class="layui-input">                      </div>         <div class="layui-form-mid" style="width:2px; margin:0px 0px 0px -4px;">/</div>         <div class="layui-input-inline">             <input type="text" name="dport" value="" class="layui-input">         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">             {{ lang007[g_lang] || "用户组" }}         </label>         <div class="layui-input-inline" style="width: 125px; margin-right: 0px;">             <select name="pool" lay-filter="select_action">                 <option value="0">{{ lang003[g_lang] || "任意" }}</option>                 {%# layui.each(d.ippool_list, function(index, elem){ %}                     <option value="{% elem.id %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>         <label class="layui-form-label">VLAN</label>         <div class="layui-input-inline">             <input type="text" name="vlan" value="" class="layui-input">         </div>     </div>     <hr>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang008[g_lang] || "执行动作" }}</label>         <div class="layui-input-inline">             <select name="pact" lay-filter="paui-flowct-select-action">                 <option value="">{{ lang021[g_lang] || "不修改" }}</option>                 <option value="permit">{{ lang009[g_lang] || "放行" }}</option>                 <option value="deny">{{ lang010[g_lang] || "阻断" }}</option>             </select>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang024[g_lang] || "日志操作" }}</label>         <div class="layui-input-inline">            <input type="checkbox" name="log" lay-text='{{ lang022[g_lang] || "记录日志" }}'>            <input type="checkbox" name="logsend" lay-text='{{ lang023[g_lang] || "发送日志" }}'>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">&nbsp;</label>         <div class="layui-input-inline">             <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_add_policy" id="submit_add_policy" style="width: 60px;">                 {{ lang011[g_lang] || "确定" }}             </button>             <div class="layui-btn layui-btn-sm layui-btn-primary"  style="width: 60px;" addflowct_event="btnevt_close">                 {{ lang016[g_lang] || "取消" }}             </div>         </div>     </div> </script>   <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/flowcontrol/ajax_acl';     var l_policy_env = {};     var w_index = layer.index;     var parent_data = JSON.parse('{{- JSON.stringify(d) }}');      /* 事件中心 */     var event_center = {         btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang019[g_lang] || "编辑源IP" }}',                 data: {module: 'nflowct', type: 'src', form: 'form_add_flowct_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_add_dstip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang020[g_lang] || "编辑目标IP" }}',                 data: {module: 'nflowct', type: 'dst', form: 'form_add_flowct_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_close: function(){             layer.closeAll();         },          event_bind: function(){             form.on('select(paui-flowct-select-action)', function(obj){                 event_center.change_action(obj.value);             });         },          change_action: function(type){             $(".paui-flowct-action-item").hide();             switch(type){                 case "deny":                     break;                  case "permit":                     $(".paui-flowct-item-iprate").show();                     $(".paui-flowct-item-after").show();                     $(".paui-flowct-item-dscp").show();                     break;                                  case "pipe":                     $(".paui-flowct-item-pipe").show();                     $(".paui-flowct-item-iprate").show();                     $(".paui-flowct-item-after").show();                     break;                  case "route":                     $(".paui-flowct-item-proxy").show();                     $(".paui-flowct-item-after").show();                     break;                  case "dup":                     $(".paui-flowct-item-netif").show();                     $(".paui-flowct-item-after").show();                     $(".paui-flowct-item-totalpkts").show();                     break;                  case "portfwd":                     $(".paui-flowct-item-netif").show();                     $(".paui-flowct-item-vlan").show();                     $(".paui-flowct-item-totalpkts").show();                     break;                  case "iwanmir":                     $(".paui-flowct-item-iwan").show();                     $(".paui-flowct-item-totalpkts").show();                     $(".paui-flowct-item-vlan").show();                     $(".paui-flowct-item-after").hide();                     break;                  case "tap":                     $(".paui-flowct-item-tap").show();                     $(".paui-flowct-item-after").show();                     break;             }         },          make_policy_value: function(obj){             var data = obj.policy;              data.old_id = data.polno;             data.desc = data.desc == "NULL" ? "" : data.desc;             data.inpxy = !data.inpxy || data.inpxy == "NULL" ? "any" : data.inpxy;             data.macpool = data.macpool == "NULL" ? "" : data.macpool;             data.ttl = data.ttl == "0-255" ? "0" : data.ttl;             /* 源目IP */             data = paui_policy_srcdstip(data, 'inip', 'outip');              /* 端口参数 */             if(data.sport == "any") data.sport = "0";             if(data.dport == "any") data.dport = "0";             /* 执行动作参数 */             data.pact = data.action;             delete data.action;              if(pa_str_find(data.pact, "deny")){  /* 阻断 */                 data.pact = "deny";             } else             if(pa_str_find(data.pact, "permit")){  /* 包转发 */                 data.pact = "permit";             } else             if(pa_str_find(data.pact, "ROUTE")){  /* 包转发 */                 data.route_proxy = data.pact.substr(6, data.pact.length);                 data.pact = "route";             } else             if(pa_str_find(data.pact, "DUP")){  /* iWAN镜像 */                 var value = data.pact.substr(4, data.pact.length);                 data.pact = "dup";                 data.netif = value.split("/")[0];                 data.netif_vlan  = value.split("/")[1];             } else             if(pa_str_find(data.pact, "PORTFWD")){  /* 端口转发 */                 var value = data.pact.substr(8, data.pact.length);                 data.pact = "portfwd";                 data.netif = value.split("/")[0];                 data.netif_vlan  = value.split("/")[1];             } else             if(pa_str_find(data.pact, "IWANMIR")){  /* iWAN镜像 */                 var value = data.pact.substr(8, data.pact.length);                 data.mirror_iwan = value.split("/")[0];                 data.netif_vlan  = value.split("/")[1];                 data.pact = "iwanmir";             } else             if(pa_str_find(data.pact, "TAP-")){  /* TAP分流 */                 data.tap_group = data.pact.substr(4, data.pact.length);                 data.pact = "tap";                 data.tap_vlan = data.tap_group.split('/')[1];                 data.tap_group = data.tap_group.split('/')[0];                              } else {    /* 通道限速 */                 layui.each(obj.datapie_list, function(index, elem){                     if(elem.name == data.pact) {                         data.pipe = elem.id;                         return;                     }                 });                 data.pact = "pipe";             }              return data;         }     };      /* 页面渲染 */     pa_ajax({         url: api,         data: {'action': 'load_addpolicy_env', 'id': '{{d.id||""}}', 'group': '{{d.group||""}}'},         success: function(json){             l_policy_env = json.data;             patpl( $("#tpl_add_flowct_policy").html() ).render(l_policy_env, function(html){                 $("#form_add_flowct_policy").html(html);                 event_center.event_bind();             });              if(l_policy_env.policy) {                 var data = event_center.make_policy_value(l_policy_env);                 form.val("form_add_flowct_policy", data);                 event_center.change_action(data.pact);                 delete l_policy_env.policy.show_srcip;                 delete l_policy_env.policy.show_dstip;             } else {                 form.render();                 event_center.change_action("permit");             }         }     });       /* 表单提交 */     form.on('submit(submit_add_policy)', function(obj){         obj.field.log = obj.field.log ? 1 : 0;         obj.field.logsend = obj.field.logsend ? 1 : 0;          if(obj.field.pact == "deny" && obj.field.appid == "any")             var confirm_title = '{{ lang012[g_lang] || "阻断所有协议将导致网络不通" }}<br>{{ lang013[g_lang] || "确定要提交吗" }}？';         else             var confirm_title = '{{ lang013[g_lang] || "确定要提交吗" }}？';         pa_confirm(confirm_title, function(index){             layer.close(index);             delete obj.field.src_inip;             delete obj.field.src_outip;             obj.field.items = parent_data.items;                      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);                         $("#paui-btn-reload-flowct").click();                     }                 }             })         });         return false;     });      /*事件绑定 */     util.event('addflowct_event', event_center); }); </script>