{{# 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": "Policy Import"}, lang021 = {"ch": "确定要导出策略吗", "en": "Confirm to export policies?"}, lang022 = {"ch": "导出成功，正在下载", "en": "Export successful, downloading"}, lang023 = {"ch": "PPPoE服务", "en": "PPPoE Service"}, lang024 = {"ch": "代拨", "en": "Proxy User"}, lang025 = {"ch": "非代拨", "en": "Normal User"}, lang026 = {"ch": "路由", "en": "Route"}, lang027 = {"ch": "走代拨", "en": "Use Proxy"}, lang028 = {"ch": "代拨线路", "en": "Proxy Link"}, lang029 = {"ch": "空线路", "en": "None"}, lang030 = {"ch": "序号", "en": "No."}, lang031 = {"ch": "时段", "en": "Schedule"}, lang032 = {"ch": "用户组", "en": "User Group"}, lang033 = {"ch": "源接口", "en": "Src Interface"}, lang034 = {"ch": "源地址:端口", "en": "Src IP:Port"}, lang035 = {"ch": "目标地址:端口", "en": "Dst IP:Port"}, lang036 = {"ch": "协议", "en": "Protocol"}, lang037 = {"ch": "应用", "en": "Application"}, lang038 = {"ch": "用户类型", "en": "User Type"}, lang039 = {"ch": "动作", "en": "Action"}, lang040 = {"ch": "目标线路", "en": "Dst Link"}, lang041 = {"ch": "下一跳", "en": "Next-Hop"}, lang042 = {"ch": "DNAT地址", "en": "DNAT Address"}, lang043 = {"ch": "匹配次数", "en": "Match Count"}, lang044 = {"ch": "备注", "en": "Notes"}, lang045 = {"ch": "操作", "en": "Action"}, lang046 = {"ch": "策略路由", "en": "Policy Routing"}, 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": "Copy Policy"}, lang057 = {"ch": "IPv6路由", "en": "IPv6 Routing"}, lang058 = {"ch": "空线路", "en": "None"}, lang059 = {"ch": "NAT地址", "en": "NAT Address"}, lang060 = {"ch": "动态路由选路", "en": "Dynamic Routing Link Selection"}; }}  {{# if(d.showtype != "inner") { }} <div class="layui-tab layui-tab-brief" lay-filter="menu_route_policy"> <ul class="layui-tab-title paui-page-route-policy-title"> <li class="layui-this">{{ lang057[g_lang] || "IPv6路由" }}</li> </ul> <div class="layui-tab-content paui-page-route-policy-content"> <div class="layui-tab-item layui-show"> {{# } }} <form class="layui-row layui-form layui-form-pane paui-table-form" lay-filter="form_nat_policy6_search"> <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_nat_policy6_refresh" id="select_nat_policy6_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_nat_policy6_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"> <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_nat_policy6_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_nat_policy6_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" route6_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" route6_event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang011[g_lang] || "禁用" }} </span> </dd> <dd> <span class="abtn" route6_event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang010[g_lang] || "启用" }} </span> </dd> <dd> <span class="abtn" route6_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" route6_event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>{{ lang016[g_lang] || "添加" }} </span> <span class="abtn paui-route-policy6-filter"> <i class="pa-icon pa-filter"></i> </span> <span class="layui-hide" route6_event="btnevt_refresh" id="btn_reload_route6_policy"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_route6_policy" lay-filter="tab_route6_policy"></table> <div class="layui-table-page" id="page_route6_policy"></div> </div> {{# if(d.showtype != "inner") { }} </div> </div> </div> {{# } }}  <script id="tpl_nat_policy6_action" type="text/html">     <span class="abtn" lay-event="tabevt_copy" title='{{ lang056[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 id="tpl_policy_natip" type="text/html"> {%# if(d.natip != "") { %} <div class="layui-row"> <div class="layui-inline paui-color-disable">SNAT:</div> <div class="layui-inline">{% d.natip %}</div> </div> {%# } %} {%# if(d.newdstip != "0.0.0.0") { %} <div class="layui-row"> <div class="layui-inline paui-color-disable">DNAT:</div> <div class="layui-inline">{% d.newdstip %}</div> </div> {%# } %} </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_route6_policy";   var event_center = { tabevt_copy: function(obj){ obj.data.action = "add_route6_policy"; paopen({ title: '{{ lang056[g_lang] || "复制策略" }}', area: ['700px', '700px'], url: '/html/route/route6_policy_add.html', data: obj.data, btn: 'default', subElem: '#submit_add_route6_policy' }); },  tabevt_edit: function(obj){ obj.data.action = "edit_route6_policy"; paopen({ title: '{{ lang019[g_lang] || "编辑" }}', area: ['700px', '700px'], url: '/html/route/route6_policy_add.html', data: obj.data, btn: 'default', subElem: '#submit_add_route6_policy' }); },  tabevt_rmv: function(obj){ pa_confirm('{{ lang049[g_lang] || "确定要删除策略" }}:' + obj.data.id, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "rmv_route6_policy", "id": obj.data.id}, 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.id, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "disable_route6_policy", "id": obj.data.id}, 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.id, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "enable_route6_policy", "id": obj.data.id}, 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.pid); },  tabevt_inif: function(obj){ popupInterface(obj.data.inif); },  tabevt_src_iptab: function(obj){ popupIPtab(obj.data.srcip); },  tabevt_dst_iptab: function(obj){ popupIPtab(obj.data.dstip); },  tabevt_app: function(obj){ popupApp(obj.data.appid, obj.data.appname, 0, 'edit'); },  tabevt_proxy: function(obj){ if(obj.data.pxytype == "wg") popupWanGroup(obj.data.proxy); else popupProxy("", "", obj.data.proxy); },  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_route6_policy'); if(chk.data.length == 0){ layer.msg('{{ lang052[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id; }); pa_confirm('{{ lang053[g_lang] || "确定要启用选中策略" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btnenable_route6_policy", "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_route6_policy'); if(chk.data.length == 0){ layer.msg('{{ lang052[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id; }); pa_confirm('{{ lang054[g_lang] || "确定要禁用选中策略" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btndisable_route6_policy", "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_route6_policy'); if(chk.data.length == 0){ layer.msg('{{ lang052[g_lang] || "请选择需要操作的策略" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id; }); pa_confirm('{{ lang055[g_lang] || "确定要删除选中策略" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btnremove_route6_policy", "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: ['700px', '700px'], url: '/html/route/route6_policy_add.html', data: {'action': 'add_route6_policy'}, btn: 'default', subElem: '#submit_add_route6_policy' }); },  btnevt_refresh: function(){ table_search(); },  };   var col_render = function(r) { switch(this.field) { case "id": return '<span class="abtn" lay-event="tabevt_edit">' + r.id + '</span>';  case "rtptimename": return r.rtptimename == "NULL" ? "any" : r.rtptimename;  case "pname": if(r.pname == "any") return "any"; else return '<span class="abtn" lay-event="tabevt_ugroup">' + r.pname + '</span>';  case "inif": if(r.inif == "any") return "any"; if(r.inif == "all") return '{{ lang023[g_lang] || "PPPoE服务" }}'; if(r.iniftype == "if") return '<span class="abtn" lay-event="tabevt_inif">' + r.inif + '</span>'; else return '<span class="abtn" lay-event="tabevt_proxy">' + r.inif + '</span>';  case "vlan": return r.vlan == "0-0" ? "any" : r.vlan;  case "ttl": return r.ttl == "0-255" ? "any" : r.ttl;  case "srcip": r.srcport = r.srcport == "any" ? "" : ":" + r.srcport; if(r.srctype == "table") return '<span class="abtn" lay-event="tabevt_src_iptab">' + r.srcip + r.srcport + '</span>'; if(r.srcip == "any") return "any" + r.srcport; else return r.srcip + r.srcport;  case "dstip": r.dstport = r.dstport == "any" ? "" : ":" + r.dstport; if(r.dsttype == "table") return '<span class="abtn" lay-event="tabevt_dst_iptab">' + r.dstip + r.dstport + '</span>'; if(r.dstip == "any") return "any" + r.dstport; else return r.dstip + r.dstport;  case "proto": return r.proto == "any" ? "any" : r.proto;  case "appname": if(r.appid == "any") return "any"; return '<span class="abtn" lay-event="tabevt_app">' + r.appname + '</span>';  case "action": var action_desc = { 'route': '{{ lang026[g_lang] || "路由" }}', 'nat': 'NAT' }; return action_desc[r.action] || r.action;  case "natip": var natip = "", tags = ""; layui.each(r.natip.split(";"), function(index, elem){ var item = elem.split(","); if(item[0] == "ip" || item[0] == "ip6") natip += tags + item[2]; else if(item[0] == "rng" || item[0] == "rng6") natip += tags + item[1] + "-" + item[2]; else if(item[0] == "net" || item[0] == "net6") natip += tags + item[2] + "/" + item[1]; if(tags == "") tags = ","; }); r.natip = natip; return patpl($("#tpl_policy_natip").html()).render(r);  case "proxy": if(r.proxy == "_NULL_") return '<span class="paui-color-danger">{{ lang058[g_lang] || "空线路" }}</span>'; else if(r.proxy == "_DYNROUTE_") return '<b class="paui-color-normal">{{ lang060[g_lang] || "动态路由" }}</span>'; else return '<span class="abtn" lay-event="tabevt_proxy">' + r.proxy + '</span>';  case "nexthop": if ( r.gateway == "0.0.0.0" || r.gateway == "NULL" || r.nexthop == "NULL" || r.nexthop == "null" ) return "-"; else return r.nexthop;  case "desc":  return r.desc == "NULL" ? "-" : r.desc;  case "act": return  patpl($("#tpl_nat_policy6_action").html()).render(r);  default: return "-"; } };   var table_search = function(){ var search = form.getValue("form_nat_policy6_search"); pa_table.reload({ where: search }); };   /* 基本渲染 */ form.render();  pa_table.render({ elem: '#tab_route6_policy', url: api, height: 'full-{{d.pop_route ? 153 : 190}}', where: {"action": "list_route6_policy"}, page: true, pageType: 'web', pageElem: 'page_route6_policy', dbkey: "route_policy6_cols", filterElem: '.paui-route-policy6-filter', parseData: function(json){ var data = []; var search = form.getValue("form_nat_policy6_search"); layui.each(json.data, function(index, elem){ if(search.active == "" && elem.active != 1) return;  if(search.disabled != "" && search.disabled != elem.disabled) return;  data.push(elem); }); json.data = data; return json; }, cols: [[ {type: 'checkbox'} ,{field: 'id', title:'{{ lang030[g_lang] || "序号" }}', templet: col_render} ,{field: 'rtptimename', title:'{{ lang031[g_lang] || "时段" }}', templet: col_render, minWidth: 50} ,{field: 'pname', title:'{{ lang032[g_lang] || "用户组" }}', templet: col_render} ,{field: 'inif', title:'{{ lang033[g_lang] || "源接口" }}', templet: col_render} ,{field: 'vlan', title:'VLAN', templet: col_render, minWidth: 40} ,{field: 'ttl', title:'TTL', templet: col_render, minWidth: 40} ,{field: 'srcip', title:'{{ lang034[g_lang] || "源地址:端口" }}', templet: col_render, minWidth: 120} ,{field: 'dstip', title:'{{ lang035[g_lang] || "目标地址:端口" }}', templet: col_render, minWidth: 120} ,{field: 'proto', title:'{{ lang036[g_lang] || "协议" }}', templet: col_render} ,{field: 'appname', title:'{{ lang037[g_lang] || "应用" }}', templet: col_render} ,{field: 'action', title:'{{ lang039[g_lang] || "动作" }}', templet: col_render} ,{field: 'natip', title:'{{ lang059[g_lang] || "NAT地址" }}', minWidth: 100, templet: col_render} ,{field: 'proxy', title:'{{ lang040[g_lang] || "目标线路" }}', templet: col_render, minWidth: 110} ,{field: 'nexthop', title:'{{ lang041[g_lang] || "下一跳" }}', templet: col_render} ,{field: 'pkts', title:'{{ lang043[g_lang] || "匹配次数" }}'} ,{field: 'desc', title:'{{ lang044[g_lang] || "备注" }}', templet: col_render, minWidth: 88} ,{field: 'act', title:'{{ lang045[g_lang] || "操作" }}', align: 'right', templet: col_render, minWidth: 90} ]], done: function(json){ var obj = $("#tab_route6_policy").next(); layui.each(json.data, function(index, elem){ if(elem.state == 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('route6_event', event_center);  table.on('tool(tab_route6_policy)', function(obj){ event_center[obj.event](obj); });  table.on('checkbox(tab_route6_policy)', function(obj){ $("#select_nat_policy6_refresh").val(""); form.render(); pa_timer.stop(); });  form.on('input-affix(clear_nat_policy6_search)', table_search); form.on('select(select_nat_policy6_search)', table_search); form.on("submit(submit_nat_policy6_search)", function(obj){ table_search(); return false; });  pa_timer.render('select_nat_policy6_refresh', table_search, 10); }); </script>