{{# var lang001 = {"ch": "被复制组", "en": "Copied Group"},     lang002 = {"ch": "策略组名称", "en": "Policy Group Name"},     lang003 = {"ch": "源 / 目标IP", "en": "Src / Dst IP"},     lang004 = {"ch": "源IP", "en": "Src IP"},     lang005 = {"ch": "目标IP", "en": "Dst IP"},     lang007 = {"ch": "调度日期", "en": "Scheduling Period"},     lang008 = {"ch": "每周", "en": "Weekly"},     lang009 = {"ch": "1月", "en": "January"},     lang010 = {"ch": "2月", "en": "February"},     lang011 = {"ch": "3月", "en": "March"},     lang012 = {"ch": "4月", "en": "April"},     lang013 = {"ch": "5月", "en": "May"},     lang014 = {"ch": "6月", "en": "June"},     lang015 = {"ch": "7月", "en": "July"},     lang016 = {"ch": "8月", "en": "August"},     lang017 = {"ch": "9月", "en": "September"},     lang018 = {"ch": "10月", "en": "October"},     lang019 = {"ch": "11月", "en": "November"},     lang020 = {"ch": "12月", "en": "December"},     lang021 = {"ch": "星期一", "en": "Monday"},     lang022 = {"ch": "星期二", "en": "Tuesday"},     lang023 = {"ch": "星期三", "en": "Wednesday"},     lang024 = {"ch": "星期四", "en": "Thursday"},     lang025 = {"ch": "星期五", "en": "Friday"},     lang026 = {"ch": "星期六", "en": "Saturday"},     lang027 = {"ch": "星期日", "en": "Sunday"},     lang028 = {"ch": "开始时刻", "en": "Start Time"},     lang029 = {"ch": "结束时刻", "en": "End Time"},     lang032 = {"ch": "状态", "en": "Status"},     lang033 = {"ch": "启用|禁用", "en": "Enable | Disable"},     lang034 = {"ch": "编辑源IP", "en": "Edit Src IP"},     lang035 = {"ch": "编辑目标IP", "en": "Edit Dst IP"},     lang036 = {"ch": "源接口", "en": "Src NIC"},     lang037 = {"ch": "链路组", "en": "Link Group"},     lang042 = {"ch": "任意", "en": "Any"},     lang043 = {"ch": "所有外网卡", "en": "All External NICs"},     lang044 = {"ch": "所有内网卡", "en": "All Internal NICs"}; }}   <style> #form_add_nflowct_group .layui-input-inline{width: 200px;} .paui-flowctl-add-ip{     height: 55px;     border: 1px solid #c2c2c2;     width: 192px;      overflow: hidden;     padding: 5px;     margin: 0px!important; } #form_add_nflowct_group .paui-flowctl-add-ip:hover{     border: 1px solid #2E8AE3;     overflow-y: auto;     cursor: pointer; } </style> <form class="layui-form paui-form" id="form_add_nflowct_group" lay-filter="form_add_nflowct_group" style="padding-top:20px;"></form>  <script id="tpl_add_nflowct_group" type="text/html"> {{# if(d.action == "copy_group") { }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "被复制组" }}</label>         <div class="layui-form-mid layui-word-aux" id="paui-tips-clonename"></div>     </div> {{# } }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "策略组名称" }}</label>         <div class="layui-input-inline">             <input name="action" value="{{ d.action || 'add_group' }}" type="hidden">             <input name="id" value="" type="hidden">             <input name="clonerules" type="hidden">             <input class="layui-input" name="name" type="text" maxlength="27" lay-verify="required|isName|not_all_num">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang036[g_lang] || "源接口" }}</label>         <div class="layui-input-inline">             <select name="ifname" id="paui-nflowctl-group-ifname">                 <option value="">{{ lang042[g_lang] || "任意" }}</option>                 <option value="outer">{{ lang043[g_lang] || "所有外网卡" }}</option>                 <option value="inner">{{ lang044[g_lang] || "所有内网卡" }}</option>                 {%# layui.each(Array.from(new Set(d.link_group)), function(index, elem){ %}                     <option value="lag.{% elem %}">{{ lang037[g_lang] || "链路组" }}{% elem %}</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;">{{ lang003[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;" addgroup_event="btnevt_add_srcip">                 <textarea name="show_srcip" title='{{ lang004[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;" addgroup_event="btnevt_add_dstip">                 <textarea name="show_dstip" title='{{ lang005[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">{{ lang007[g_lang] || "调度日期" }}</label>         <div class="layui-input-inline">             <select name="month" lay-search lay-filter="select_psch_month">                 <option value="0">{{ lang008[g_lang] || "每周" }}</option>                 <option value=1>{{ lang009[g_lang] || "1月" }}</option>                 <option value=2>{{ lang010[g_lang] || "2月" }}</option>                 <option value=3>{{ lang011[g_lang] || "3月" }}</option>                 <option value=4>{{ lang012[g_lang] || "4月" }}</option>                 <option value=5>{{ lang013[g_lang] || "5月" }}</option>                 <option value=6>{{ lang014[g_lang] || "6月" }}</option>                 <option value=7>{{ lang015[g_lang] || "7月" }}</option>                 <option value=8>{{ lang016[g_lang] || "8月" }}</option>                 <option value=9>{{ lang017[g_lang] || "9月" }}</option>                 <option value=10>{{ lang018[g_lang] || "10月" }}</option>                 <option value=11>{{ lang019[g_lang] || "11月" }}</option>                 <option value=12>{{ lang020[g_lang] || "12月" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width:100px;">             <select name="startday" lay-search id="select_startday">                 <option value=1>{{ lang021[g_lang] || "星期一" }}</option>                 <option value=2>{{ lang022[g_lang] || "星期二" }}</option>                 <option value=3>{{ lang023[g_lang] || "星期三" }}</option>                 <option value=4>{{ lang024[g_lang] || "星期四" }}</option>                 <option value=5>{{ lang025[g_lang] || "星期五" }}</option>                 <option value=6>{{ lang026[g_lang] || "星期六" }}</option>                 <option value=7>{{ lang027[g_lang] || "星期日" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width:100px;">             <select name="endday" lay-search id="select_endday">                 <option value=1>{{ lang021[g_lang] || "星期一" }}</option>                 <option value=2>{{ lang022[g_lang] || "星期二" }}</option>                 <option value=3>{{ lang023[g_lang] || "星期三" }}</option>                 <option value=4>{{ lang024[g_lang] || "星期四" }}</option>                 <option value=5>{{ lang025[g_lang] || "星期五" }}</option>                 <option value=6>{{ lang026[g_lang] || "星期六" }}</option>                 <option value=7 selected>{{ lang027[g_lang] || "星期日" }}</option>             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang028[g_lang] || "开始时刻" }}</label>         <div class="layui-input-inline">             <input type="text" name="start_time" class="layui-input paui-psch-time" value="00:00:00" lay-verify="required">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang029[g_lang] || "结束时刻" }}</label>         <div class="layui-input-inline">             <input type="text" name="end_time" class="layui-input paui-psch-time" value="23:59:59" lay-verify="required">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang032[g_lang] || "状态" }}</label>         <div class="layui-input-inline">             <input type="checkbox" name="disable" lay-skin="switch" lay-text='{{ lang033[g_lang] || "启用|禁用" }}' checked>         </div>     </div>     <div class="layui-hide">         <button id="submit_add_nflowct_group" lay-submit lay-filter="submit_add_nflowct_group"></button>     </div> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     laydate = layui.laydate;      var api = '/cgi-bin/flowcontrol/ajax_acl';     var l_policy_env = {};     var parend_data = JSON.parse('{{- JSON.stringify(d) }}');           var format_day = [         '-',         '{{ lang021[g_lang] || "星期一" }}',         '{{ lang022[g_lang] || "星期二" }}',         '{{ lang023[g_lang] || "星期三" }}',         '{{ lang024[g_lang] || "星期四" }}',         '{{ lang025[g_lang] || "星期五" }}',         '{{ lang026[g_lang] || "星期六" }}',         '{{ lang027[g_lang] || "星期日" }}'     ];       /* 事件中心 */     var event_center = {         change_month: function(month){             $("#select_startday").empty();             $("#select_endday").empty();             if (month == "0") {                 for (i = 1; i <= 7; i++) {                     $("#select_startday").append('<option value='+i+'>'+format_day[i]+'</option>');                     $("#select_endday").append('<option value='+i+'>'+format_day[i]+'</option>');                 }                 $("#select_endday").val(7);             } else {                 var cnt = 31;                 if (month == "4" || month == "6" || month == "9" || month == "11")                     cnt = 30;                 else if (month== "2")                     cnt = 29;                 for (i = 1; i <= cnt; i++) {                     $("#select_startday").append('<option value='+i+'>'+i+'</option>');                     $("#select_endday").append('<option value='+i+'>'+i+'</option>');                 }                 $("#select_endday").val(cnt);             }             form.render();         },          btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang034[g_lang] || "编辑源IP" }}',                 data: {module: 'nflowct_group', type: 'src', form: 'form_add_nflowct_group'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_add_dstip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang035[g_lang] || "编辑目标IP" }}',                 data: {module: 'nflowct_group', type: 'dst', form: 'form_add_nflowct_group'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         }     };      var formatTime = function(hours, minutes, seconds) {         return [             hours.toString().padStart(2, '0'),             minutes.toString().padStart(2, '0'),             seconds.toString().padStart(2, '0')         ].join(':');     };      var init_data = function(data){         var item = "";         var submit_src = "";         var submit_dst = "";         var show_src = [];         var show_dst = [];          /* 源目IP */         data = paui_policy_srcdstip(data, 'src', 'dst');          data.disable = data.disable == "1" ? false : true;         data.start_time = formatTime(data.starthour,  data.startmin, data.startsec);         data.end_time   = formatTime(data.endhour, data.endmin, data.endsec);          if(parend_data.action == "copy_group")             data.clonerules = data.id;          if(data.ifname == "NULL")             data.ifname = "";          return data;     };       /* 页面渲染 */     pa_ajax({         url: api,         data: {'action': 'load_addgroup_env', 'id': '{{d.id||""}}'},         success: function(json){             l_policy_env = json.data;              /* 加载模板 */             patpl( $("#tpl_add_nflowct_group").html() ).render(l_policy_env, function(html){                 $("#form_add_nflowct_group").html(html);                 laydate.render({                     elem: '.paui-psch-time'                     ,isInitValue: false                     ,type: 'time'                     ,lang: g_lang                 });                 form.render();             });                          /* 源目IP */             if(l_policy_env.policy){                 l_policy_env.policy = init_data(l_policy_env.policy);                 if(l_policy_env.policy.clonerules) {   /* 克隆 */                     $("#paui-tips-clonename").text(l_policy_env.policy.name);                     l_policy_env.policy.name = l_policy_env.policy.name + "_1";                 }                 event_center.change_month(l_policy_env.policy.month);                 form.val("form_add_nflowct_group", l_policy_env.policy);                 delete l_policy_env.policy.show_srcip;                 delete l_policy_env.policy.show_dstip;             }         }     });       /* 事件绑定 */     util.event('addgroup_event', event_center);      form.on('select(select_psch_month)', function(obj){         event_center['change_month'](obj.value);     });      form.on('submit(submit_add_nflowct_group)', function(obj){         delete obj.field.src_inip;         delete obj.field.src_outip;         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);                     setTimeout(function(){  /* 后台需要一定时间才能创建好新策略组 */                         $("button[lay-filter='submit_nflowct_search']").click();                     }, 500);                 }             }         });         return false;     });  }); </script>