{{# var lang001 = {"ch": "策略序号", "en": "Policy ID"},     lang002 = {"ch": "序号小的优先匹配", "en": "Lower ID has higher priority"},     lang003 = {"ch": "策略备注", "en": "Notes"},     lang004 = {"ch": "任意", "en": "Any"},     lang005 = {"ch": "源接口", "en": "Src Interface"},     lang006 = {"ch": "源IP", "en": "Src IP"},     lang007 = {"ch": "目标IP", "en": "Dst IP"},     lang008 = {"ch": "用户组", "en": "User Group"},     lang009 = {"ch": "执行动作", "en": "Action"},     lang010 = {"ch": "放行", "en": "Pass"},     lang011 = {"ch": "阻断", "en": "Deny"},     lang012 = {"ch": "确定", "en": "Submit"},     lang013 = {"ch": "阻断所有协议将导致网络不通", "en": "Blocking all protocols will cause network failure"},     lang014 = {"ch": "确定要提交吗", "en": "Confirm to submit?"},     lang015 = {"ch": "源 / 目标IP", "en": "Src / Dst IP"},     lang016 = {"ch": "源 / 目标端口", "en": "Src / Dst Port"},     lang017 = {"ch": "取消", "en": "Cancel"},     lang018 = {"ch": "协议/应用", "en": "Protocol / APP"},     lang019 = {"ch": "编辑源IP", "en": "Edit Src IP"},     lang020 = {"ch": "编辑目标IP", "en": "Edit Dst IP"},     lang021 = {"ch": "80或80-8080，0表示任意，多个端口用逗号隔开", "en": "80 or 80-8080, 0 means any, separate multiple ports with commas"},     lang022 = {"ch": "记录日志", "en": "Log Recording"},     lang023 = {"ch": "日志外发", "en": "Send Logs"},     lang024 = {"ch": "日志操作", "en": "Log Operations"}; }}  <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 || ""}}'> {{# if(d.action == "edit_policy") { }}             <input type="hidden" name="oldid" value='{{d.id || ""}}'> {{# } }}             <input type="hidden" name="disable" value='0'>             <input type="text" name="id" class="layui-input" lay-verify="required|number">         </div>         <div class="layui-form-mid layui-word-aux">1~65535,{{ lang002[g_lang] || "序号小的优先匹配" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "策略备注" }}</label>         <div class="layui-input-inline" style="width:410px;">             <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">{{ lang005[g_lang] || "源接口" }}</label>         <div class="layui-input-inline">             <select name="inpxy" lay-search>                 <option value="any">{{ lang004[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="any">{{ lang004[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="any">{{ lang004[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="any">             <input type="text" name="appname" id="ipt_appcname" value='{{ lang004[g_lang] || "任意" }}' class="layui-input" readonly>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang015[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='{{ lang006[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='{{ lang007[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">             {{ lang016[g_lang] || "源 / 目标端口" }}             <i class="layui-icon layui-icon-tips"             tips='{{ lang021[g_lang] || "80或80-8080，0表示任意端口，多个端口用逗号隔开" }}'             paui-hover-evt="paui_tips"></i>         </label>         <div class="layui-input-inline">             <input type="text" name="sport" value="0" 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="0" class="layui-input">         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">             {{ lang008[g_lang] || "用户组" }}         </label>         <div class="layui-input-inline">             <select name="pool" lay-filter="select_action">                 <option value="0">{{ lang004[g_lang] || "任意" }}</option>                 {%# layui.each(d.ippool_list, function(index, elem){ %}                     <option value="{% elem.id %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>     </div>     <div class="layui-form-item">         <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">{{ lang009[g_lang] || "执行动作" }}</label>         <div class="layui-input-inline">             <input type="radio" name="pact" value="permit" title="{{ lang010[g_lang] || "放行" }}" checked>             <input type="radio" name="pact" value="deny" title="{{ lang011[g_lang] || "阻断" }}">         </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" style="margin-top:20px;">         <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;">                 {{ lang012[g_lang] || "确定" }}             </button>             <div class="layui-btn layui-btn-sm layui-btn-primary"  style="width: 60px;" addflowct_event="btnevt_close">                 {{ lang017[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 event_center = {         btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang019[g_lang] || "编辑源IP" }}',                 data: {module: 'flowct', 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: 'flowct', 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.id;             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;             data.appnot = data.appnot == "1" ? true : false;             data.pool = data.poolid;             data.group = '{{d.group||""}}';             data.log = data.log == "1" ? true : false;             data.logsend = data.logsend == "1" ? true : false;              /* 源目IP */             data = paui_policy_srcdstip(data, 'src', 'dst');              /* 端口参数 */             if(data.sport == "any") data.sport = "0";             if(data.dport == "any") data.dport = "0";             /* 执行动作参数 */             data.pact = data.action;             delete data.action;              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 = '{{ lang013[g_lang] || "阻断所有协议将导致网络不通" }}<br>{{ lang014[g_lang] || "确定要提交吗" }}？';         else             var confirm_title = '{{ lang014[g_lang] || "确定要提交吗" }}？';         pa_confirm(confirm_title, function(index){             layer.close(index);             delete obj.field.src_inip;             delete obj.field.src_outip;             obj.field.appnot = obj.field.appnot == "on" ? 1 : 0;              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>