{{# var lang001 = {"ch": "策略序号", "en": "ID"},     lang002 = {"ch": "序号小的优先匹配", "en": "Match with the Smallest ID"},     lang003 = {"ch": "网桥链路", "en": "Bridge Link"},     lang004 = {"ch": "任意", "en": "Any"},     lang005 = {"ch": "首包接口", "en": "Interface (First Packet)"},     lang006 = {"ch": "源 / 目地址", "en": "Src / Dst IP"},     lang007 = {"ch": "源IP", "en": "Src IP"},     lang008 = {"ch": "源 / 目端口", "en": "Src / Dst Port"},     lang009 = {"ch": "目标地址", "en": "Dst IP"},     lang010 = {"ch": "应用协议", "en": "Protocol"},     lang011 = {"ch": "选择协议", "en": "Select Protocol"},     lang012 = {"ch": "每IP最大TCP连接数", "en": "Max TCP Connections per IP"},     lang013 = {"ch": "为空或0表示不限制", "en": "Empty or 0 means unlimited"},     lang014 = {"ch": "每IP最大UDP连接数", "en": "Max UDP Connections per IP"},     lang015 = {"ch": "每IP最大连接数", "en": "Max Connections per IP"},     lang016 = {"ch": "确定要提交吗", "en": "Confirm to Submit"},     lang017 = {"ch": "编辑源地址", "en": "Edit Src IP"},     lang018 = {"ch": "编辑目标地址", "en": "Edit Dst IP"},     lang019 = {"ch": "策略条件", "en": "Condition"},     lang020 = {"ch": "会话限制", "en": "Session Limit"},     lang021 = {"ch": "为空表示任意", "en": "Empty means Any"}; }}  <style> #form_add_conlimit_policy .layui-form-label{width:120px} #form_add_conlimit_policy .layui-input-inline{width:200px} </style>  <form class="layui-form paui-form" id="form_add_conlimit_policy" lay-filter="form_add_conlimit_policy" style="padding-top:20px;"></form>  <script id="tpl_add_conlimit_policy" type="text/html">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "策略序号" }}</label> {{# if(d.action == "edit_policy"){ }}         <div class="layui-form-mid">             {{d.id}}<input type="hidden" name="id" value='{{d.id}}'>         </div> {{# } else { }}         <div class="layui-input-inline">             <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 class="layui-hide">             <input type="hidden" name="action" value='{{d.action || "add_policy"}}'>             <input type="hidden" name="group" value='{{d.group || ""}}'>         </div>     </div>      <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">         <legend>{{ lang019[g_lang] || "策略条件" }}</legend>     </fieldset>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "网桥链路" }}</label>         <div class="layui-input-inline">             <select name="bridge">                 <option value="0">{{ lang004[g_lang] || "任意" }}</option>                 {%# layui.each(d.bridge_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 class="layui-form-mid layui-word-aux">{{ lang021[g_lang] || "为空表示任意" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang005[g_lang] || "首包接口" }}</label>         <div class="layui-input-inline">             <select name="ifname">                 <option value="any">{{ lang004[g_lang] || "任意" }}</option>                 {%# layui.each(d.interface_list, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>     </div>      <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang006[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;" conlimit-add-event="btnevt_add_srcip">                 <textarea name="show_srcip" title='{{ lang007[g_lang] || "源地址" }}'                 readonly class="layui-textarea" style="resize: none; min-height: 80px;"></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;" conlimit-add-event="btnevt_add_dstip">                 <textarea name="show_dstip" title='{{ lang009[g_lang] || "目标地址" }}'                 readonly class="layui-textarea" style="resize:none; min-height: 80px;"></textarea>             </div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang008[g_lang] || "源 / 目端口" }}</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">{{ lang010[g_lang] || "应用协议" }}</label>         <div class="layui-input-inline">             <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 layui-disabled" disabled>         </div>         <div class="layui-form-mid">             <span class="abtn" onclick="select_app()">                 <i class="layui-icon layui-icon-search"></i>&nbsp;{{ lang011[g_lang] || "选择协议" }}             </span>         </div>     </div>      <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">         <legend>{{ lang020[g_lang] || "会话限制" }}</legend>     </fieldset>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang012[g_lang] || "每IP最大TCP连接数" }}</label>         <div class="layui-input-inline">             <input type="text" name="maxtflow" class="layui-input" lay-verify="number" value="0">         </div>         <div class="layui-form-mid layui-word-aux">0-65535,{{ lang013[g_lang] || "为空或0表示不限制" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang014[g_lang] || "每IP最大UDP连接数" }}</label>         <div class="layui-input-inline">             <input type="text" name="maxuflow" class="layui-input" lay-verify="number" value="0">         </div>         <div class="layui-form-mid layui-word-aux">0-65535,{{ lang013[g_lang] || "为空或0表示不限制" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang015[g_lang] || "每IP最大连接数" }}</label>         <div class="layui-input-inline">             <input type="text" name="maxflow" class="layui-input" lay-verify="number" value="0">         </div>         <div class="layui-form-mid layui-word-aux">0-65535,{{ lang013[g_lang] || "为空或0表示不限制" }}</div>     </div>     <div class="layui-hide">         <button id="submit_add_policy" lay-filter="submit_add_policy" lay-submit></button>     </div> </script>   <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/flowcontrol/ajax_conlimit';     var l_policy_env = {};   /* 事件中心 */ var event_center = {         btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang017[g_lang] || "编辑源地址" }}',                 data: {module: 'route', type: 'src', form: 'form_add_conlimit_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_add_dstip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang018[g_lang] || "编辑目标地址" }}',                 data: {module: 'route', type: 'dst', form: 'form_add_conlimit_policy'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },  make_policy_value: function(obj){ var data = obj.policy;             data.ifname = data.ifname == "NULL" ? "any" : data.ifname;              /* 源目IP */             data = paui_policy_srcdstip(data, 'inip', 'outip');              /* 端口参数 */             if(data.inport == "any") data.inport = "0";             if(data.outport == "any") data.outport = "0";              /* 应用协议 */             if(g_lang != "ch"){                 data.appname = data.appid;             }  return data; } };       /* 页面渲染 */     form.render();      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_conlimit_policy").html() ).render(json.data, function(html){                 $("#form_add_conlimit_policy").html(html);             });              if (json.data.policy) {                 var data = event_center.make_policy_value(l_policy_env);                 form.val("form_add_conlimit_policy", data);                 delete l_policy_env.policy.show_srcip; delete l_policy_env.policy.show_dstip;             } else {                 form.render();             }         }     });   /* 事件绑定 */     util.event('conlimit-add-event', event_center);  form.on('submit(submit_add_policy)', function(obj){ pa_confirm('{{ lang016[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);                         $("#paui-btn-reload-conlimit").attr("reload");                         $("#paui-btn-reload-conlimit").click();                     }                 }             }) }); return false; });  }); </script>