{{# var lang001 = {"ch":"自动刷新", "en": "Refresh"}, lang002 = {"ch": "不刷新", "en": "No Refresh"}, lang003 = {"ch": "5秒", "en": "5s"}, lang004 = {"ch": "10秒", "en": "10s"}, lang005 = {"ch": "20秒", "en": "20s"}, lang006 = {"ch": "60秒", "en": "60s"}, lang007 = {"ch": "当前时段", "en": "Current Period"}, lang008 = {"ch": "所有时段", "en": "All Periods"}, lang009 = {"ch": "所有状态", "en": "All Status"}, lang010 = {"ch": "启用", "en": "Enable"}, lang011 = {"ch": "禁用", "en": "Disable"}, lang012 = {"ch": "关键字搜索", "en": "Search"}, lang013 = {"ch": "策略时段", "en": "Time Schedule"}, lang014 = {"ch": "批量操作", "en": "Batch Operation"}, lang015 = {"ch": "删除", "en": "Delete"}, lang016 = {"ch": "添加", "en": "Add"}, lang017 = {"ch": "导入", "en": "Import"}, lang018 = {"ch": "导出", "en": "Export"}, lang019 = {"ch": "编辑", "en": "Edit"}, lang020 = {"ch": "自定义显示", "en": "Customize Columns"}, lang021 = {"ch": "恢复默认", "en": "Reset to Default"}, lang022 = {"ch": "网桥", "en": "Bridge"}, lang023 = {"ch": "代拨", "en": "Proxy"}, lang024 = {"ch": "非代拨", "en": "Non-Proxy"}, lang025 = {"ch": "放行", "en": "Permit"}, lang026 = {"ch": "牵引", "en": "Redirect"}, lang027 = {"ch": "解析", "en": "Resolve"}, lang028 = {"ch": "丢弃", "en": "Deny"}, lang029 = {"ch": "QPS限制", "en": "QPS Limit"}, lang030 = {"ch": "代拨重定向", "en": "Proxy Redirection"}, lang031 = {"ch": "停止", "en": "Stop"}, lang032 = {"ch": "继续", "en": "Continue"}, lang033 = {"ch": "序号", "en": "No."}, lang034 = {"ch": "时段", "en": "Schedule"}, lang035 = {"ch": "路径", "en": "Path"}, lang036 = {"ch": "用户组", "en": "User Group"}, lang037 = {"ch": "源接口", "en": "Src Interface"}, lang038 = {"ch": "源地址", "en": "Src IP"}, lang039 = {"ch": "目标地址", "en": "Dst IP"}, lang040 = {"ch": "访问域名", "en": "Domain Group"}, lang041 = {"ch": "应用协议", "en": "Protocol"}, lang042 = {"ch": "用户类型", "en": "User Type"}, lang043 = {"ch": "执行动作", "en": "Action"}, lang044 = {"ch": "牵引DNS", "en": "Redirected DNS"}, lang045 = {"ch": "单IP-QPS", "en": "QPS (Per IP)"}, lang046 = {"ch": "匹配后", "en": "Post-Match Action"}, lang047 = {"ch": "丢弃/命中", "en": "Dropped / Matched Count"}, lang048 = {"ch": "操作", "en": "Action"}, lang049 = {"ch": "确定要删除策略", "en": "Confirm to delete the policy?"}, lang050 = {"ch": "确定要禁用策略", "en": "Confirm to disable the policy?"}, lang051 = {"ch": "确定要启用策略", "en": "Confirm to enable the policy?"}, lang052 = {"ch": "请选择需要操作的策略", "en": "Please select the policy/policies to operate on first"}, lang053 = {"ch": "确定要启用选中策略", "en": "Confirm to enable the selected policy/policies?"}, lang054 = {"ch": "确定要禁用选中策略", "en": "Confirm to disable the selected policy/policies?"}, lang055 = {"ch": "确定要删除选中策略", "en": "Confirm to delete the selected policy/policies?"}, lang056 = {"ch": "域名群组", "en": "Domain Group"}, lang057 = {"ch": "复制策略", "en": "Copy Policy"}, lang058 = {"ch": "查询类型", "en": "Query Type"}, lang059 = {"ch": "无名应答", "en": "Zero Reply"}; }}  <form class="layui-row layui-form layui-form-pane paui-table-form" lay-filter="form_dnspolicy"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label">{{ lang001[g_lang] || "自动刷新" }}</label> <div class="layui-input-inline" style="width:80px"> <select name="refresh" lay-filter="select_dnspolicy_refresh" id="select_dnspolicy_refresh"> <option value="">{{ lang002[g_lang] || "不刷新" }}</option> <option value=5>{{ lang003[g_lang] || "5秒" }}</option> <option value=10 selected>{{ lang004[g_lang] || "10秒" }}</option> <option value=20>{{ lang005[g_lang] || "20秒" }}</option> <option value=60>{{ lang006[g_lang] || "60秒" }}</option> </select> </div> <div class="layui-input-inline" style="width: 100px"> <select name="active" lay-filter="select_dnspolicy_search"> <option value="">{{ lang007[g_lang] || "当前时段" }}</option> <option value="all">{{ lang008[g_lang] || "所有时段" }}</option> </select> </div> <div class="layui-input-inline" style="width: 100px"> <select name="disabled" lay-filter="select_dnspolicy_search"> <option value="">{{ lang009[g_lang] || "所有状态" }}</option> <option value="0">{{ lang010[g_lang] || "启用" }}</option> <option value="1">{{ lang011[g_lang] || "禁用" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" placeholder='{{ lang012[g_lang] || "关键字搜索" }}' autocomplete="off" class="layui-input" lay-affix="clear" lay-filter="clear_dns_policy_search"> </div> <div class="layui-form-mid" style="padding:0px!important"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_dns_policy_search"> <i class="layui-icon layui-icon-search"></i> </button> </div> </div>  <div class="layui-form-item paui-table-form-right"> <div class="layui-form-mid"> <span class="abtn" dns_event="btnevt_urlgrp"> <i class="layui-icon layui-icon-website"></i>{{ lang056[g_lang] || "域名群组" }} </span> <span class="abtn" dns_event="policy_schtime"> <i class="layui-icon layui-icon-date"></i>&nbsp;{{ lang013[g_lang] || "策略时段" }} </span> </div> <div class="layui-form-mid" paui-hover-evt="paui_btn_more" style="margin-right:0px"> <span class="abtn"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang014[g_lang] || "批量操作" }} </span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn" dns_event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang011[g_lang] || "禁用" }} </span> </dd> <dd> <span class="abtn" dns_event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang010[g_lang] || "启用" }} </span> </dd> <dd> <span class="abtn" dns_event="btnevt_remove"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang015[g_lang] || "删除" }} </span> </dd> </dl> </div> <div class="layui-form-mid"> <span class="abtn" dns_event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>{{ lang016[g_lang] || "添加" }} </span> <span class="abtn layui-hide" dns_event="btnevt_import"> <i class="layui-icon layui-icon-upload-drag"></i>&nbsp;{{ lang017[g_lang] || "导入" }} </span> <span class="abtn layui-hide" dns_event="btnevt_export"> <i class="pa-icon pa-download"></i>&nbsp;{{ lang018[g_lang] || "导出" }} </span> <span class="abtn paui-dnspolicy-filter"> <i class="pa-icon pa-filter"></i> </span> <span class="layui-hide" dns_event="btnevt_refresh" id="btn_reload_dnspolicy"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_dnspolicy_list" lay-filter="tab_dnspolicy_list"></table> <div class="layui-table-page" id="page_dnspolicy_list"></div> </div>   <script id="tpl_dnspolicy_action" type="text/html"> <span class="abtn" lay-event="tabevt_copy" title='{{ lang057[g_lang] || "复制" }}'>         <i class="layui-icon layui-icon-templeate-1"></i>     </span> <span class="abtn" lay-event="tabevt_edit" title='{{ lang019[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang015[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> {%# if (d.disabled == 0) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang011[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang010[g_lang] || "启用" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table, patpl = layui.patpl;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var api = '/cgi-bin/network/ajax_dnspolicy';   var event_center = { btnevt_urlgrp: function(){ popupUrlGroup(''); },  policy_schtime: function(){ paopen({ title: '{{ lang013[g_lang] || "策略时段" }}', url: '/html/object/rtptime_list.html', area: ['600px', '500px'] }); },  btnevt_enable: function(){ var data = ""; var chk = table.checkStatus('tab_dnspolicy_list'); if(chk.data.length == 0){ layer.msg('{{ lang052[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.polno; }); pa_confirm('{{ lang053[g_lang] || "确定要启用选中策略" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btnenable_dnspolicy", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_disable: function(){ var data = ""; var chk = table.checkStatus('tab_dnspolicy_list'); if(chk.data.length == 0){ layer.msg('{{ lang052[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.polno; }); pa_confirm('{{ lang054[g_lang] || "确定要禁用选中策略" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btndisable_dnspolicy", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_remove: function(){ var data = ""; var chk = table.checkStatus('tab_dnspolicy_list'); if(chk.data.length == 0){ layer.msg('{{ lang052[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.polno; }); pa_confirm('{{ lang055[g_lang] || "确定要删除选中策略" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btnremove_dnspolicy", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_add: function(){ paopen({ title: '{{ lang016[g_lang] || "添加" }}', area: ['650px', '700px'], url: '/html/route/dnspolicy_add.html', data: {'action': 'add_dnsrule'}, btn: 'default', subElem: '#submit_add_dnspolicy' }); },  btnevt_import: function(){ layer.msg('开发中'); },  btnevt_export: function(){ layer.msg('开发中'); },  btnevt_refresh: function(){ setTimeout(table_search, 1000); },  tabevt_copy: function(obj){ obj.data.action = "add_dnsrule"; paopen({ title: '{{ lang057[g_lang] || "复制策略" }}', area: ['650px', '700px'], url: '/html/route/dnspolicy_add.html', data: obj.data, btn: 'default', subElem: '#submit_add_dnspolicy' }); },  tabevt_edit: function(obj){ obj.data.action = "edit_dnsrule"; paopen({ title: '{{ lang019[g_lang] || "编辑" }}', area: ['650px', '700px'], url: '/html/route/dnspolicy_add.html', data: obj.data, btn: 'default', subElem: '#submit_add_dnspolicy' }); },  tabevt_rmv: function(obj){ pa_confirm('{{ lang049[g_lang] || "确定要删除策略" }}:' + obj.data.polno, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "rmv_dnspolicy", "id": obj.data.polno}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { table_search(); alert_ok(json.msg); } } }); }); },  tabevt_disable: function(obj){ pa_confirm('{{ lang050[g_lang] || "确定要禁用策略" }}:' + obj.data.polno, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "disable_dnspolicy", "id": obj.data.polno}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { table_search(); alert_ok(json.msg); } } }); }); },  tabevt_enable: function(obj){ pa_confirm('{{ lang051[g_lang] || "确定要启用策略" }}:' + obj.data.polno, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "enable_dnspolicy", "id": obj.data.polno}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { table_search(); alert_ok(json.msg); } } }); }); },  tabevt_bridge: function(obj){ popupWindow({ id: obj.data.bridge, name: obj.data.bridge, pop_title: "动态限速", pop_route: 'flowcontrol/policy_link_set' }, 1040, 700); },  tabevt_ugroup: function(obj){ popupUserGroup(obj.data.ugroup_id); },  tabevt_inif: function(obj){ popupInterface(obj.data.inif); },  tabevt_src_iptab: function(obj){ popupIPtab(obj.data.inip); },  tabevt_dst_iptab: function(obj){ popupIPtab(obj.data.outip); },  tabevt_urlgrp: function(obj){ popupUrlGroup(obj.data.dnsid); },  tabevt_app: function(obj){ popupApp(obj.data.appname, obj.data.appcname, 0, 'edit'); },  tabevt_proxy: function(obj){ if(obj.data.actarg.indexOf("_wg.") >= 0) { var name = obj.data.actarg.split(".")[1]; popupWanGroup(name); } else { popupProxy("", "", obj.data.actarg); } } };   var col_render = function(r) { switch(this.field) { case "polno": return '<san class="abtn" lay-event="tabevt_edit">' + r.polno + '</span>';  case "sch_id": return r.sch_id == "0" ? "any" : r.sch_name;  case "bridge": if (r.bridge == 0) return "any"; return '<span class="abtn" lay-event="tabevt_bridge">{{lang022[g_lang] || "网桥"}}' + r.bridge + '</span>';  case "inif": if(r.inif == "null") return "any"; return r.inif;  case "ugroup_name": if(r.ugroup_name == "NULL" || r.ugroup_name == "any") return "any"; return '<span class="abtn" lay-event="tabevt_ugroup">' + r.ugroup_name + '<span>';  case "vlan": return r.vlan == "0" ? "any" : r.vlan;  case "srcip": r.srcport = "any";                 if(r.inip == "" && r.inport == "any")                     return '<div style="padding: 5px 0px;">any</div>';                 else                     return patpl($("#paui-tpl-policy-ip").html()).render({ip: r.srcip, port: r.srcport});  case "dstip": r.dstport = "any";                 if(r.inip == "" && r.inport == "any")                     return '<div style="padding: 5px 0px;">any</div>';                 else                     return patpl($("#paui-tpl-policy-ip").html()).render({ip: r.dstip, port: r.dstport});  case "dnsname": if(r.dnsname == "any") return "any"; if(r.dnstype == "usr") return '<span class="abtn" lay-event="tabevt_urlgrp">' + r.dnsname + '</span>'; else return '*' + r.dnsname;  case "appcname": if(r.appname == "any" || r.appname == "null") return "any"; return '<span class="abtn" lay-event="tabevt_app">' + r.appcname + '</span>';  case "atype": if(r.atype == "onlya") return "IPv4"; else if(r.atype == "onlyaaaa") return "IPv6"; else return r.atype;  case "usrtype": if(r.usrtype == "ippxy") return '{{ lang023[g_lang] || "代拨" }}'; else if(r.usrtype == "nonippxy") return '{{ lang024[g_lang] || "非代拨" }}'; else return "any";  case "action": switch(r.action) { case "pass": return '{{lang025[g_lang] || "允许"}}';  case "rdr": var is_wg = 0; if(r.actarg.indexOf("_wg.") == 0){ is_wg = 1; r.actarg = r.actarg.split(".")[1]; } return '<span class="abtn" lay-event="tabevt_proxy">{{lang026[g_lang] || "牵引"}}->' + r.actarg + '</span>';  case "reply": return '{{lang027[g_lang] || "解析"}}->' + r.actarg;  case "deny": return '{{lang028[g_lang] || "丢弃"}}';  case "limit": return '{{lang029[g_lang] || "QPS限制"}}' + r.actarg + "/s";  case "ippxy": return '{{lang030[g_lang] || "代拨重定向"}}';  case "zeroreply": return '{{ lang059[g_lang] || "无名应答"}}'; }  case "dnslist": if(r.action == "reply") return '-'; return r.dnslist== "NULL" ? "-" : r.dnslist;  case "ipqps": return r.ipqps;  case "next": return r.next == "0" ? '{{lang031[g_lang] || "停止"}}' : '{{lang032[g_lang] || "继续"}}';  case "qps0": return r.qps0 + "/" + r.qps1;  case "droppkts": return r.droppkts + "/" + r.matchpkts;  case "act": return  patpl($("#tpl_dnspolicy_action").html()).render(r); } };  var table_search = function(type){ var search = form.getValue("form_dnspolicy"); pa_table.reload({ where: search }); };   /* 基本渲染 */ form.render();  pa_table.render({ elem: '#tab_dnspolicy_list', url: api, height: 'full-190', page: true, pageType: 'web', pageElem: 'page_dnspolicy_list', where: {"action": "list_dnspolicy"}, dbkey: "tab_dnspolicys_col", filterElem: '.paui-dnspolicy-filter', colHeight: 'auto', parseData: function(json){ var data = []; var search = form.getValue('form_dnspolicy'); layui.each(json.data, function(index, elem){ if(search.disabled && search.disabled!=elem.disabled){ return; } if(!search.active && elem.active==0){ return; }  if(pa_str_find(JSON.stringify(elem), search.keyword)){ data.push(elem); } }); json.data = data; return json; }, cols: [[ {type: 'checkbox'} ,{field: 'polno', title:'{{lang033[g_lang] || "序号" }}', templet: col_render, minWidth: 40} ,{field: 'sch_id', title:'{{ lang034[g_lang] || "时段" }}', templet: col_render, minWidth: 50} ,{field: 'bridge', title:'{{ lang035[g_lang] || "路径" }}', templet: col_render, minWidth: 60} ,{field: 'ugroup_name', title:'{{ lang036[g_lang] || "用户组" }}', templet: col_render, minWidth: 70} ,{field: 'inif', title:'{{ lang037[g_lang] || "源接口" }}', minWidth: 40, templet: col_render} ,{field: 'vlan', title:'VLAN', templet: col_render, minWidth: 40} ,{field: 'srcip', title:'{{ lang038[g_lang] || "源地址" }}', minWidth: 100, templet: col_render} ,{field: 'dstip', title:'{{ lang039[g_lang] || "目标地址" }}', minWidth: 100, templet: col_render} ,{field: 'atype', title: '{{ lang058[g_lang] || "查询类型" }}', templet: col_render} ,{field: 'dnsname', title:'{{ lang040[g_lang] || "访问域名" }}', templet: col_render} ,{field: 'appcname', title:'{{ lang041[g_lang] || "应用协议" }}', templet: col_render} ,{field: 'usrtype', title:'{{ lang042[g_lang] || "用户类型" }}', templet: col_render} ,{field: 'action', title:'{{ lang043[g_lang] || "执行动作" }}', templet: col_render} ,{field: 'dnslist', title:'{{ lang044[g_lang] || "牵引DNS" }}', templet: col_render} ,{field: 'ipqps', title:'{{ lang045[g_lang] || "单IP-QPS" }}', templet: col_render} ,{field: 'next', title:'{{ lang046[g_lang] || "匹配后" }}', templet: col_render, minWidth: 60} ,{field: 'qps0', title:'QPS', templet: col_render, minWidth: 70} ,{field: 'droppkts', title:'{{ lang047[g_lang] || "丢弃/命中" }}', templet: col_render, minWidth: 70} ,{field: 'act', title:'{{ lang048[g_lang] || "操作" }}', align: 'right', templet: col_render, minWidth: 100} ]], done: function(json){ var obj = $("#tab_dnspolicy_list").next(); layui.each(json.data, function(index, elem){ if(elem.action == "rdr" && elem.pxyactive != "1") obj.find('tr[data-index="' + index + '"]').addClass("paui-color-danger");  if(elem.active == "0") obj.find('tr[data-index="' + index + '"]').addClass("paui-color-danger");  if(elem.disabled == "1") obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");  else obj.find('tr[data-index="' + index + '"]').removeClass("layui-word-aux"); }); } });   /* 事件监听 */ util.event('dns_event', event_center); table.on('tool(tab_dnspolicy_list)', function(obj){ event_center[obj.event](obj); });  table.on('checkbox(tab_dnspolicy_list)', function(obj){ $("#select_dnspolicy_refresh").val(""); form.render(); pa_timer.stop(); });  form.on('input-affix(clear_dns_policy_search)', table_search); form.on('select(select_dnspolicy_search)', table_search); form.on("submit(submit_dns_policy_search)", function(obj){ table_search(); return false; });  pa_timer.render('select_dnspolicy_refresh', table_search, 10); }); </script>