{{# 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": "Port"}, lang008 = {"ch": "接口线路", "en": "Interface/WAN Link"}, lang009 = {"ch": "任意", "en": "Any"}, lang010 = {"ch": "传输协议", "en": "Transport Protocol"}, lang011 = {"ch": "连接时长", "en": "Connection Duration"}, lang012 = {"ch": "客户时延", "en": "Client Latency"}, lang013 = {"ch": "服务时延", "en": "Server Latency"}, lang014 = {"ch": "应用时延", "en": "Application Latency"}, lang015 = {"ch": "其它", "en": "Other"}, lang016 = {"ch": "秒", "en": "seconds"}, lang017 = {"ch": "毫秒", "en": "ms"}, lang018 = {"ch": "关键字查询", "en": "Search"}, lang019 = {"ch": "策略路由", "en": "Policy Route"}, lang020 = {"ch": "源", "en": "Src"}, lang021 = {"ch": "目", "en": "Dst"}, lang022 = {"ch": "应用", "en": "Application"}, lang023 = {"ch": "协议", "en": "Protocol"}, lang024 = {"ch": "状态", "en": "Status"}, lang025 = {"ch": "首包接口", "en": "First Packet Interface"}, lang026 = {"ch": "连接", "en": "Connection"}, lang027 = {"ch": "地理位置", "en": "Geolocation"}, lang028 = {"ch": "时长", "en": "Duration"}, lang029 = {"ch": "上行报文", "en": "Uplink Packets"}, lang030 = {"ch": "下行报文", "en": "Downlink Packets"}, lang031 = {"ch": "最大包长", "en": "Max Packet Size"}, lang032 = {"ch": "流量", "en": "Traffic (Up/Down)"}, lang033 = {"ch": "应用协议", "en": "Protocol"}, lang034 = {"ch": "删除会话", "en": "Delete Session"}, lang035 = {"ch": "确定要删除这条会话", "en": "Confirm to delete this session?"}, lang036 = {"ch": "速率", "en": "Rate (bps)"}, lang037 = {"ch": "离散趋势", "en": "Dispersion Trend"}, lang038 = {"ch": "灰色行表示连接数被阻断；蓝色行表示为增强NAT", "en": "Gray rows indicate blocked connections; blue rows indicate Enhanced NAT"};     var tab_height = 206;      if(d.pop_route)         tab_height = 145;          if(d.tab)         tab_height = 170;   if(d.visit) tab_height = 220;   }}  {{# if(d.pop_route){ }}     <div class="layui-row" style="margin: 10px;"> {{# } }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ipview_session_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:110px"> <select name="refresh" lay-filter="select_ipview_session_refresh" id="select_ipview_session_refresh"> <option value="" selected>{{ lang002[g_lang] || "不刷新" }}</option> <option value=5>{{ lang003[g_lang] || "5秒" }}</option> <option value=10>{{ lang004[g_lang] || "10秒" }}</option> <option value=20>{{ lang005[g_lang] || "20秒" }}</option> <option value=60>{{ lang006[g_lang] || "60秒" }}</option> </select> </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">IP</label>         <div class="layui-input-inline" style="width:120px">             <input type="hidden" name="action" value="load_ip_session">             <input type="text" name="ip" value="{{d.ip || ''}}" class="layui-input"             lay-affix="clear" lay-filter="clear_ipview_session_search"> {{# if(d.bdetail){ }}             <input type="hidden" name="vpaid" value="{{d.vpaid || ''}}" class="layui-input">             <input type="hidden" name="polid" value="{{d.polid || ''}}" class="layui-input">             <input type="hidden" name="action2" value="{{d.bdetail || ''}}" class="layui-input"> {{# } }}         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang007[g_lang] || "端口" }}</label>         <div class="layui-input-inline" style="width:110px">             <input type="text" name="port" value="{{d.port || ''}}" class="layui-input" autocomplete="off"             lay-verify="isPort" lay-affix="clear" lay-filter="clear_ipview_session_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang008[g_lang] || "接口线路" }}</label>         <div class="layui-input-inline" style="width:110px">             <input type="text" name="wan" class="layui-input" id="ipt_wan" placeholder='{{ lang009[g_lang] || "任意" }}'             ipview-session-event="btnevt_selectwan">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang010[g_lang] || "传输协议" }}</label>         <div class="layui-input-inline" style="width:80px">             <select name="proto">                 <option value="">{{ lang009[g_lang] || "任意" }}</option>                 <option value="icmp">ICMP</option>                 <option value="tcp">TCP</option>                 <option value="udp">UDP</option>             </select>         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang033[g_lang] || "应用协议" }}</label>         <div class="layui-input-inline" style="width:100px">             <input type="hidden" name="appname" value="{{ d.appname || '' }}"                 id="paui_ipview_session_appname"  class="layui-input">             <input type="text" name="appcname" value="{{ d.appcname || '' }}"                 id="paui_ipview_session_appcname"class="layui-input" placeholder='{{ lang009[g_lang] || "任意" }}'                 readonly ipview-session-event="btnevt_selectapp">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang011[g_lang] || "连接时长" }}>=</label>         <div class="layui-input-inline" style="width:110px">             <input type="text" name="time" class="layui-input" value="" placeholder='{{ lang016[g_lang] || "秒" }}'             lay-verify="number"  lay-affix="clear" lay-filter="clear_ipview_session_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang012[g_lang] || "客户时延" }}>=</label>         <div class="layui-input-inline" style="width:120px">             <input type="text" name="clntdelay" class="layui-input" value="" placeholder='{{ lang017[g_lang] || "毫秒" }}'             lay-verify="number" lay-affix="clear" lay-filter="clear_ipview_session_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang013[g_lang] || "服务时延" }}>=</label>         <div class="layui-input-inline" style="width:110px">             <input type="text" name="svrdelay" class="layui-input" value="" placeholder='{{ lang017[g_lang] || "毫秒" }}'             lay-verify="number"  lay-affix="clear" lay-filter="clear_ipview_session_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang014[g_lang] || "应用时延" }}>=</label>         <div class="layui-input-inline" style="width:110px">             <input type="text" name="appdelay" class="layui-input" value="" placeholder='{{ lang017[g_lang] || "毫秒" }}'             lay-verify="number" lay-affix="clear" lay-filter="clear_ipview_session_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang015[g_lang] || "其它" }}</label>         <div class="layui-input-inline" style="width:268px">             <input type="text" name="keyword" class="layui-input" value="{{d.host||''}}" placeholder='{{ lang018[g_lang] || "关键字查询" }}'             lay-verify="isName" lay-affix="clear" lay-filter="clear_ipview_session_search">         </div>     </div>     <div class="layui-form-item paui-table-form-left">         <div class="layui-form-mid" style="padding:0px!important">             <button class="layui-btn layui-btn-sm layui-btn-normal"  id="submit_ipview_session_search"             lay-submit lay-filter="submit_ipview_session_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" paui-hover-evt="paui_tips" tips='{{ lang038[g_lang] || "灰色行表示连接数被阻断；蓝色行表示为增强NAT" }}'>                 <i class="layui-icon layui-icon-tips" ></i>             </span> <span class="abtn" ipview-session-event="btnevt_openTrade" title='离散趋势'>                 <i class="layui-icon layui-icon-chart"></i>             </span> <span class="abtn paui-ipview-session-filter"> <i class="pa-icon pa-filter"></i> </span> </div> </div> </form>   <div class="layui-row paui-table-card paui-tabbox-ipview-session"> <table id="tab_ipview_session" lay-filter="tab_ipview_session"></table> <div class="layui-table-page" id="page_ipview_session"></div> </div>  {{# if(d.pop_route){ }}     </div> {{# } }}  <script id="tpl_ipview_session_hidebtn" type="text/html">     {% d.host == "NULL" ? "-" : d.host %}     <div class="paui-table-hide-btn">         <span class="abtn" lay-event="tabevt_delete" title='{{ lang034[g_lang] || "删除会话" }}'>             <i class="layui-icon layui-icon-delete"></i>         </span>     </div> </script>  <script> {{# if(g_sys_env.ntm == 1) { }} layui.use('ntmlog', function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     patpl = layui.patpl,     ntmlog = layui.ntmlog; {{# } else { }} 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 table_data = [];      var api = '/cgi-bin/dashboard/ajax_ipobj'; var l_sort = {"field": "time", "type": "asc"};      var pdata = JSON.parse('{{- JSON.stringify(d) }}');                     var event_center = {          btnevt_selectwan: function(){             select_proxy({                 'retname':'#ipt_wan',                 'showany': true,                 'anyval': '__EMPTY__',             });         },          btnevt_selectapp: function(){             select_app({                 ret_name: 'paui_ipview_session_appname',                 ret_cname: 'paui_ipview_session_appcname'             });         },          tabevt_route: function(obj){                          var ip = obj.data.dst.split("-")[0].split(':')[0];             var pop_route = IsIPAddr(ip) ? "route_policy_list" : "route6_policy_list";             if(obj.data.tcproxy==2){                 pop_route="domain_policy_list";             }             popupWindow({                 "pop_title": '{{ lang019[g_lang] || "策略路由" }}',                 "pop_route":"route/" + pop_route             }, 1400, 720);         },          tabevt_wan: function(obj){             popupProxy("", "", obj.data.wan);         },          tabevt_delete: function(obj){             pa_confirm('{{ lang035[g_lang] || "确定要删除这条会话" }}', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'rmv_ipobj_flow', rmv_type: 'one', obj: obj.data.dst, 'proto': obj.data.proto},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },         btnevt_openTrade: function(){             paopen({ title: '{{ lang037[g_lang] || "离散趋势" }}', area: ["1200px", "500px"], url: '/html/monitor/ipview_session_chart.html',                 data: table_data,                 shadeClose: true });         },     };       var col_render = function(r){         switch(this.field){                          case "app":                 return r.app_cname;              case "ifname":                 if(r.inpxyname == "NULL")                     return r.ifname;                 else                     return r.inpxyname + "/" + r.ifname;              case "loc": {{# if(g_sys_env.ntm == 1) { }}                 return r.loc == "NULL" ? "" : ntmlog.show_td_flag(r.loc); {{# } else { }}                 return r.loc == "NULL" ? "" : r.loc; {{# } }}                          case "dst":                 var data = r.dst.split('-');                 var src = data[0];                 var dst = data[2] || data[1]; return  [                     '<div class="layui-row">',                         '{{ lang020[g_lang] || "源" }}:<span paui-right-click="btnevt_right_click">', src, '</span>',                     '</div>',                     '<div class="layui-row">',                         '{{ lang021[g_lang] || "目" }}:<span paui-right-click="btnevt_right_click">', dst, '</span>',                     '</div>'                 ].join('');                              case "time":                 return sec_to_str(Number(r.time), 'en');              case "route":             if(r.route == "0") return "";                 return '<span class="abtn" lay-event="tabevt_route">' + r.route + '</span>';              case "wan":                 if(r.wan == "NULL") return "";                 return '<span class="abtn" lay-event="tabevt_wan">' + r.wan + '</span>';                          case "pktmax0":                 return r.pktmax0 + "/" + r.pktmax1;              case "bytes":                 return formatBytes(r.bytes1) + "/" + formatBytes(r.bytes2);              case "bps":                 if(r.time == 0) return '0/0';                 return numberformat((r.bytes1 / r.time).toFixed(2)) + '/' + numberformat((r.bytes2 / r.time).toFixed(2));              case "host":                 return patpl($("#tpl_ipview_session_hidebtn").html()).render(r);         }      };       var table_search = function(){         var search = form.getValue("form_ipview_session_search");         search.sort = l_sort.field;         if(search.sort == 'bps') search.sort = 'bytes';         search.appname = search.appname == "any" ? "" : search.appname;         pa_table.reload({             initSort: l_sort,             where: search         })     };       /* 页面渲染 */     form.render();          var tableConfig = pa_table.render({         elem: '#tab_ipview_session',         url: api,         where: form.getValue("form_ipview_session_search"), height: 'full-{{ tab_height }}', pageElem: 'page_ipview_session', pageType: 'shell',         page: {limit: 500}, initSort: l_sort, autoSort: false, dbkey: "tab_ipview_session_cols_1", filterElem: '.paui-ipview-session-filter',         parseData: function(json){             table_data = json.data.data;             json.count = json.data.total;             json.data = json.data.data;             return json;         },         className: 'paui-policy-table', cols: [[             {field: 'app', title: '{{ lang022[g_lang] || "应用" }}', sort: true, templet: col_render} ,{field: 'proto', title: '{{ lang023[g_lang] || "协议" }}', width: 50, sort: true} ,{field: 'tcpstatus', title: '{{ lang024[g_lang] || "状态" }}', width:35} ,{field: 'ifname', title: '{{ lang025[g_lang] || "首包接口" }}', templet: col_render} ,{field: 'dst', title: '{{ lang026[g_lang] || "连接" }}', width: 160, sort: true, templet: col_render} {{# if(g_lang == "ch") {    /* 只在中文版显示 */ }} ,{field: 'loc', title: '{{ lang027[g_lang] || "地理位置" }}', templet: col_render} {{# } }} {{# if(!g_sys_env.have_disk) {    /* Panabit NTM版本不显示 */ }}             ,{field: 'route', title: '{{ lang019[g_lang] || "策略路由" }}', width:70, templet: col_render} ,{field: 'wan', title: '{{ lang008[g_lang] || "接口线路" }}', templet: col_render} {{# } }} ,{field: 'time', title: '{{ lang028[g_lang] || "时长" }}', width: 60, sort: true, templet: col_render} ,{field: 'clntdelay', title: '{{ lang012[g_lang] || "客户时延" }}', width: 70, sort: true} ,{field: 'svrdelay', title: '{{ lang013[g_lang] || "服务时延" }}', width: 70, sort: true} ,{field: 'appdelay', title: '{{ lang014[g_lang] || "应用时延" }}', width: 70, sort: true} ,{field: 'rexup', title: '{{ lang029[g_lang] || "上行报文" }}', width: 74, sort: true} ,{field: 'rexdn', title: '{{ lang030[g_lang] || "下行报文" }}', width: 74, sort: true} ,{field: 'pktmax0', title: '{{ lang031[g_lang] || "最大包长" }}', width: 80, templet: col_render} ,{field: 'mss', title: 'MSS', width: 40} ,{field: 'bytes', title: '{{ lang032[g_lang] || "流量" }}/B', sort: true, templet: col_render} ,{field: 'bps', title: '{{ lang036[g_lang] || "速率" }}/b', sort: true, templet: col_render}             ,{field: 'host', title: 'HOST', sort: true, templet: col_render} {{# if(d.bdetail) { /* NTM业务链路 */ }} ,{field: 'vpaid', title: '链路'}             ,{field: 'ipid', title: 'SEQ/IPID'}, {{# } }} ]], done: function(json){ var obj = $("#tab_ipview_session").next(); layui.each(json.data, function(index, elem){ if(elem.clpdeny == "1") obj.find('tr[data-index="' + index + '"]').addClass("paui-color-disable");  else if(elem.tcproxy == "1") obj.find('tr[data-index="' + index + '"]').addClass("paui-color-normal"); });  right_copy_evt($(".layui-table-body .layui-table-cell")); }     });       /* 事件绑定 */     util.event('ipview-session-event', event_center);      form.on('input-affix(clear_ipview_session_search)', table_search);     form.on('submit(submit_ipview_session_search)', function(){         table_search();         return false;     });  table.on('sort(tab_ipview_session)', function(obj){ l_sort = obj.type == null ? {"field": "time", "type": "asc"} : obj;         if(l_sort.type == "desc") l_sort.type = "asc"; table_search(); });  table.on('tool(tab_ipview_session)', function(obj){ event_center[obj.event](obj); });  pa_timer.render('select_ipview_session_refresh', table_search, 0); }); </script>