{{# var lang001 = {"ch": "策略序号", "en": "Policy ID"}, lang002 = {"ch": "序号小的优先匹配", "en": "Policies with smaller IDs match first"}, lang003 = {"ch": "策略备注", "en": "Policy Note"}, lang004 = {"ch": "线路及流向", "en": "Line and Direction"}, lang005 = {"ch": "任意", "en": "Any"}, lang006 = {"ch": "上行", "en": "Uplink"}, lang007 = {"ch": "下行", "en": "Downlink"}, lang008 = {"ch": "首包接口", "en": "First Packet Interface"}, lang009 = {"ch": "源接口", "en": "Src Interface"}, lang010 = {"ch": "协议", "en": "Protocol"}, lang011 = {"ch": "排除应用", "en": "Exclude Application"}, lang012 = {"ch": "内网 / 外网地址", "en": "Src / Dst IP"}, lang013 = {"ch": "内网地址", "en": "Src IP"}, lang014 = {"ch": "外网地址", "en": "Dst IP"}, lang015 = {"ch": "内网 / 外网端口", "en": "Src / Dst Port"}, lang016 = {"ch": "80或80-8080，0表示任意端口，多个端口用逗号隔开", "en": "Format: 80 or 8080-8100. '0' means any port. Use comma to separate multiple ports"}, lang017 = {"ch": "内网MAC组", "en": "Src MAC Group"}, lang018 = { "ch": "MAC加入该地址池后，可以基于MAC地址来做控制<br>可以在[TOP用户]，或[IP/MAC备注]中，将MAC加入指定地址池", "en": "Add MAC addresses to this group for MAC-based control.<br>MACs can be added via the [TOP Users] or [IP/MAC Notes] menus." }, lang019 = {"ch": "执行动作", "en": "Action"}, lang020 = {"ch": "放行", "en": "Allow"}, lang021 = {"ch": "跳过", "en": "Skip"}, lang022 = {"ch": "确定", "en": "Confirm"}, lang023 = {"ch": "取消", "en": "Cancel"}, lang024 = {"ch": "编辑内网地址", "en": "Edit Src IP"}, lang025 = {"ch": "编辑外网地址", "en": "Edit Dst IP"}, lang026 = {"ch": "确定要提交吗", "en": "Are you sure you want to submit?"}; }}  <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 || "policy_add"}}'>             <input type="hidden" name="group" value='{{d.group || ""}}'> {{# if(d.action == "policy_edit") { }}             <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: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="bridge" lay-search>                 <option value="any">{{ lang005[g_lang] || "任意" }}</option>                 {%# layui.each(d.plink_list, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}                 {%# layui.each(d.wangroup_list, function(index, elem){ %}                     <option value="_wg.{% elem.name %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>         <div class="layui-input-inline" style="width:230px;">             <input type="radio" name="dir" value="both" checked>             <div lay-radio>                 <i class="pa-icon pa-dir-both"></i>{{ lang005[g_lang] || "任意" }}             </div>             <input type="radio" name="dir" value="out">             <div lay-radio>                 <i class="pa-icon pa-up"></i>{{ lang006[g_lang] || "上行" }}             </div>             <input type="radio" name="dir" value="in">             <div lay-radio>                 <i class="pa-icon pa-down"></i>{{ lang007[g_lang] || "下行" }}             </div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang008[g_lang] || "首包接口" }}</label>         <div class="layui-input-inline">             <select name="ifname">                 <option value="any">{{ lang005[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>                 {%# }); %}             </select>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang009[g_lang] || "源接口" }}</label>         <div class="layui-input-inline">             <select name="inif" lay-search>                 <option value="any">{{ lang005[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>                 {%# }); %}             </select>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang010[g_lang] || "协议" }}</label>         <div class="layui-input-inline">             <select name="proto">                 <option value="any">{{ lang005[g_lang] || "任意" }}</option>                 <option value="tcp">TCP</option>                 <option value="udp">UDP</option>                 <option value="ipv4">IPv4</option>                 <option value="tcp/ipv4">IPv4-TCP</option>                 <option value="udp/ipv4">IPv4-UDP</option>                 <option value="ipv6">IPv6</option>                 <option value="tcp/ipv6">IPv6-TCP</option>                 <option value="udp/ipv6">IPv6-UDP</option>                 <option value="ppp">PPP</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='{{ lang005[g_lang] || "任意" }}' class="layui-input" readonly>         </div>         <div class="layui-input-inline" style="width: unset;">             <input type="checkbox" name="appnot" title='{{ lang011[g_lang] || "排除应用" }}'>         </div>     </div>  <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang012[g_lang] || "内网 / 外网地址" }}</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='{{ lang013[g_lang] || "内网地址" }}'                 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='{{ lang014[g_lang] || "外网地址" }}'                 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='{{ lang016[g_lang] || "80或80-8080，0表示任意端口，多个端口用逗号隔开" }}'             paui-hover-evt="paui_tips"></i>         </label>         <div class="layui-input-inline">             <input type="text" name="inport" 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="outport" value="0" class="layui-input">         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label">             {{ lang017[g_lang] || "内网MAC组" }}             <i class="layui-icon layui-icon-tips"             tips='{{ lang018[g_lang] || "MAC加入该地址池后，可以基于MAC地址来做控制<br>可以在[TOP用户]，或[IP/MAC备注]中，将MAC加入指定地址池" }}'             paui-hover-evt="paui_tips"></i>         </label>         <div class="layui-input-inline" style="width: 125px; margin-right: 0px;">             <select name="macgid" lay-filter="select_action">                 <option value="0">{{ lang005[g_lang] || "任意" }}</option>                 {%# layui.each(d.ippool_list, function(index, elem){ %}                     <option value="{% elem.id %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>         <div class="layui-form-mid" style="width: 80px; text-align: right;">VLAN</div>         <div class="layui-input-inline" style="width:50px;">             <input type="text" name="vlan" value="" class="layui-input">         </div>         <div class="layui-form-mid" style="width: 76px; text-align: right;">             TTL         </div>         <div class="layui-input-inline" style="width:50px;">             <input type="text" name="ttl" value="" class="layui-input">         </div>     </div>     <hr>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang019[g_lang] || "执行动作" }}</label>         <div class="layui-input-inline">             <select name="pact">                 <option value="permit">{{ lang020[g_lang] || "放行" }}</option>                 <option value="deny">{{ lang021[g_lang] || "跳过" }}</option>             </select>         </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;">                 {{ lang022[g_lang] || "确定" }}             </button>             <div class="layui-btn layui-btn-sm layui-btn-primary"  style="width: 60px;" addflowct_event="btnevt_close">                 {{ lang023[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_flowsch';     var l_policy_env = {};     var l_index = layer.index;     var pdata = JSON.parse('{{- JSON.stringify(d) }}');       /* 事件中心 */ var event_center = {         btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang024[g_lang] || "编辑内网地址" }}',                 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: '{{ lang025[g_lang] || "编辑外网地址" }}',                 data: {module: 'flowct', type: 'dst', form: 'form_add_flowct_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_close: function(){             layer.close(l_index);         },  make_policy_value: function(obj){ var data = obj.policy;              data.id = data.polno;             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;             data.appnot = data.appnot == "1" ? true : false;              /* 源目IP */             data = paui_policy_srcdstip(data, 'inip', 'outip');              /* 端口参数 */             if(data.inport == "any") data.inport = "0";             if(data.outport == "any") data.outport = "0";  /* 执行动作参数 */ data.pact = data.action; delete data.action;  return data; } };      /* 页面渲染 */     pa_ajax({         url: api,         data: {'action': 'load_addpolicy_env', 'id': pdata.id || '', 'group': pdata.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);             });              if(l_policy_env.policy) {                 var data = event_center.make_policy_value(l_policy_env);                 form.val("form_add_flowct_policy", data);                 delete l_policy_env.policy.show_srcip; delete l_policy_env.policy.show_dstip;             } else {                 form.render();             }         }     });   /* 表单提交 */ form.on('submit(submit_add_policy)', function(obj){ pa_confirm('{{ lang026[g_lang] || "确定要提交吗" }}？', 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 {                         alert_ok(json.msg);                         layer.close(l_index);                         $("#submit_flowsch_filter_search").click();                     }                 }             }) }); return false; });      /*事件绑定 */     util.event('addflowct_event', event_center); }); </script>