{{# var lang001 = {"ch": "策略编辑", "en": "Edit Policy"}, lang002 = {"ch": "动态限速", "en": "Dynamic Speed Limit"}, lang003 = {"ch": "下行", "en": "Downlink"}, lang004 = {"ch": "上行", "en": "Uplink"}, lang005 = {"ch": "任意协议", "en": "Any Protocol"}, lang006 = {"ch": "阻断", "en": "Deny"}, lang007 = {"ch": "允许", "en": "Permit"}, lang008 = {"ch": "包转发", "en": "Packet Forwarding"}, lang009 = {"ch": "数据镜像", "en": "Data Mirroring"}, lang010 = {"ch": "继续匹配", "en": "Continue Matching"}, lang011 = {"ch": "停止匹配", "en": "Stop Matching"}, lang012 = {"ch": "序号", "en": "No."}, lang013 = {"ch": "线路", "en": "Link"}, lang014 = {"ch": "流向", "en": "Traffic Direction"}, lang015 = {"ch": "内网地址", "en": "Internal Address"}, lang016 = {"ch": "外网地址", "en": "External Address"}, lang017 = {"ch": "协议", "en": "Protocol"}, lang018 = {"ch": "应用", "en": "Application"}, lang019 = {"ch": "共享", "en": "Shared"}, lang020 = {"ch": "动作", "en": "Action"}, lang021 = {"ch": "IP限速", "en": "IP Rate Limit"}, lang022 = {"ch": "优先级", "en": "Priority"}, lang023 = {"ch": "匹配后", "en": "Post-Match Action"}; }}  <div class="layui-row paui-bg-white" style="padding:10px 10px 0px 10px;"> <table id="tab_appview_policy" lay-filter="tab_appview_policy"></table> </div>   <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();      var api = '/cgi-bin/proto/ajax_appview';     var l_curgrp = "";       var reload_table = function(){         var l_timer = setInterval(function(){             if( $("#tab_appview_policy").length > 0){                 table_search();             }         }, 5000);          g_Intervaltimer.push(l_timer);     };       var event_center = {         tabevt_edit: function(obj){ popupWindow({ action: "edit_policy", group: l_curgrp, id: obj.data.polno, pop_title: '{{ lang001[g_lang] || "策略编辑" }}', pop_route: "flowcontrol/flowct_add" }, 700, 600);         },          tabevt_bridge: function(obj){ popupWindow({ id: obj.data.linkid, name: obj.data.linkid, pop_title: '{{ lang002[g_lang] || "动态限速" }}', pop_route: 'flowcontrol/policy_link_set' }, 1040, 700);         },          tabevt_src_iptab: function(obj){             popupIPtab(obj.data.inip);         },          tabevt_dst_iptab: function(obj){             popupIPtab(obj.data.outip);         }     };       var col_render = function(r){         switch(this.field){             case "polno":                 return '<span class="abtn" lay-event="tabevt_edit">'+r.polno+'</span>';                          case "bridge":                 var bgname = r.bridge == "any" || r.bridge == "0" ? 'any' : r.bridge;                 if ( g_sys_env.release != 0 && r.linkid != 0)                     return '<span class="abtn" lay-event="tabevt_bridge">'+ bgname +'</span>';                 else                     return bgname;              case "dir":                 if(r.dir == "in")                     return '{{ lang003[g_lang] || "下行" }}';                 else if(r.dir == 'out')                     return '{{ lang004[g_lang] || "上行" }}';                 else                     return 'any';              case "intype":                 var ip_desc = r.inport == "any" ? r.inip : r.inip + ':' + r.inport;                 if(r.intype == "table")                     return  '<span class="abtn" lay-event="tabevt_src_iptab">'+ ip_desc +'</span>';                 else                     return ip_desc;              case "outtype":                 var ip_desc = r.outport == "any" ? r.outip : r.outip + ':' + r.outport;                 if(r.outtype == "table")                     return  '<span class="abtn" lay-event="tabevt_dst_iptab">'+ ip_desc +'</span>';                 else                     return ip_desc;              case "appname":                 return r.appid == "any" ? '{{ lang005[g_lang] || "任意协议" }}' : r.appname;              case "natip":                 return r.natip != 0 ? r.natip : "";              case "action":                 if(r.action == "deny"){                     return '{{ lang006[g_lang] || "阻断" }}';                 } else if(r.action == "permit"){                     return '{{ lang007[g_lang] || "允许" }}';                 } else if( r.action.indexOf("ROUTE") >= 0){                     var  pxy = r.action.split("-")[1];                     return '<span class="abtn" lay-event="tabevt_pxy">{{ lang008[g_lang] || "包转发" }}->'+ pxy +'</span>';                 } else if( r.action.indexOf("PROXY") >= 0){                     var  pxy = r.action.split("-")[1];                     return '<span class="abtn" lay-event="tabevt_pxy">'+ pxy +'</span>';                 } else if( r.action.indexOf("DUP") >= 0){                     var  pxy = r.action.split("-")[1];                     return '<span class="abtn" lay-event="tabevt_pxy">{{ lang009[g_lang] || "数据镜像" }}->'+ pxy +'</span>';                 } else                     return r.action;              case "iprate":                 return r.iprate == "0" ? "" : r.iprate;              case "tos":                 return r.tos == "0" ? "" : r.tos;                          case "pri":                 return r.pri == "0" ? "" : r.pri;              case "nextstep":                 return r.nextstep == "continue" ? '{{ lang010[g_lang] || "继续匹配" }}' : '{{ lang011[g_lang] || "停止匹配" }}';         }     };       var table_search = function(){         pa_table.reload();     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_appview_policy',         url: api,         where: {'action': 'get_app_policy', 'appname': '{{d.appname}}'},         height: 'full-{{d.form != "" ? 246 : 168}}',         parseData: function(json){             l_curgrp = json.data.curgrp;             json.data = json.data.data;             return json;         },         cols: [[             {field: 'polno', title: '{{ lang012[g_lang] || "序号" }}', width: 60, templet: col_render}             ,{field: 'bridge', title: '{{ lang013[g_lang] || "线路" }}', templet: col_render}             ,{field: 'dir', title: '{{ lang014[g_lang] || "流向" }}', templet: col_render}             ,{field: 'intype', title: '{{ lang015[g_lang] || "内网地址" }}', templet: col_render}             ,{field: 'outtype', title: '{{ lang016[g_lang] || "外网地址" }}', templet: col_render}             ,{field: 'proto', title: '{{ lang017[g_lang] || "协议" }}'}             ,{field: 'appname', title: '{{ lang018[g_lang] || "应用" }}', templet: col_render}             ,{field: 'natip', title: '{{ lang019[g_lang] || "共享" }}', templet: col_render}             ,{field: 'action', title: '{{ lang020[g_lang] || "动作" }}', templet: col_render}             ,{field: 'iprate', title: '{{ lang021[g_lang] || "IP限速" }}', templet: col_render}             ,{field: 'tos', title: 'DSCP', templet: col_render}             ,{field: 'pri', title: '{{ lang022[g_lang] || "优先级" }}', templet: col_render}             ,{field: 'nextstep', title: '{{ lang023[g_lang] || "匹配后" }}', templet: col_render}         ]]     });       /* 事件绑定 */     table.on('tool(tab_appview_policy)', function(obj){         event_center[obj.event](obj);     });       reload_table(); }); </script>