{{#     var lang001 = {"ch": "源IP", "en": "Src IP"},     lang002 = {"ch": "源端口", "en": "Src Port"},     lang003 = {"ch": "目标IP", "en": "Dst IP"},     lang004 = {"ch": "目标端口", "en": "Dst Port"},     lang005 = {"ch": "传输协议", "en": "Transport Protocol"},     lang006 = {"ch": "任意", "en": "any"},     lang007 = {"ch": "分析模型", "en": "Analysis model"},     lang008 = {"ch": "疑似度", "en": "Suspicion level"},     lang009 = {"ch": "低", "en": "Low"},     lang010 = {"ch": "中", "en": "Centre"},     lang011 = {"ch": "高", "en": "Tall"},     lang012 = {"ch": "域名", "en": "URL"},     lang013 = {"ch": "报文分析", "en": "Message analysis"},     lang014 = {"ch": "序号", "en": "Num"},     lang015 = {"ch": "时间", "en": "Time"},     lang016 = {"ch": "地理位置", "en": "Location"},     lang017 = {"ch": "上行流量", "en": "Upstream traffic"},     lang018 = {"ch": "下行流量", "en": "Downstream traffic"},     lang019 = {"ch": "操作", "en": "Action"}, lang020 = {"ch": "自定义", "en": "Custom"}, lang021 = {"ch": "应用协议", "en": "App Protocol"}, lang022 = {"ch": "用户名称", "en": "Username"}, lang023 = {"ch": "协议名称", "en": "Protocol"}, lang024 = {"ch": "链路", "en": "Link"}, lang025 = {"ch": "协议类型", "en": "Protocol Type"}, lang026 = {"ch": "当前页查询", "en": "Current page query"}, lang027 = {"ch": "阻断", "en": "Block"}, lang028 = {"ch": "MAC厂商", "en": "MAC manufacturer"}, lang029 = {"ch": "任意协议", "en": "Any Protocol"}, lang030 = {"ch": "低", "en": "Low"}, lang031 = {"ch": "中", "en": "Middle"}, lang032 = {"ch": "高", "en": "High"};  var ntmlog = layui.ntmlog;     var colors = ['#57A0FF', '#FFDB1A', '#BFE041', '#F03A3E', '#C961FF', '#57CC70', '#F5A623', '#A0FFFF', '#CCCCCC', '#B40F0F', '#006FFF'];      var g_condtunnel_data = [];     $.ajax({         url: '/cgi-bin/App/ntm/ajax_tunfind',         data: {'action': 'load_condtunnel_stat'},         async: false,         success: function(json){             g_condtunnel_data = json.data;             layui.each(g_condtunnel_data, function(index, elem){                 elem.color = colors[index];             });         }     });            }}  <style>     .paui-condtunnel-level-desc{padding:1px 6px; width: 30px; color: #ffffff;} </style>  <div id="logrouter">     <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_condtunnel_session_search">         <div class="layui-form-item paui-table-form-left">             {{- ntmlog.show_srcdst_html() }}             <label class="layui-form-label">{{ lang021[g_lang] || "应用协议" }}</label>             <div class="layui-input-inline" style="width:120px">                 <input type="text" name="appname" id="ipt_appname" class="layui-input" style="height: 0; width: 0; overflow: hidden; display: block; padding: 0; border: none;">                 <input type="text" name="appcname" id="ipt_appcname" class="layui-input" value='{{ lang029[g_lang] || "任意协议" }}'                 readonly onclick="select_app()">             </div>         </div>         <div class="layui-form-item paui-table-form-right" style="width: 100px;">             <div class="layui-input-inline" style="width:100px; margin-right:0px;">                 <div class="layui-btn-group today_session_logtype  layui-btn-red">                     <button type="button" logtype="1" class="layui-btn layui-btn-sm layui-btn-primary">                         IPv4                     </button>                     <button type="button" logtype="2" class="layui-btn layui-btn-sm layui-btn-primary">                         IPv6                     </button>                 </div>             </div>         </div>         <div class="layui-form-item paui-table-form-left">             <label class="layui-form-label">MAC</label>             <div class="layui-input-inline" style="width: 120px;">                 <input class="layui-input" name="mac" type="text" lay-verif="isMac">             </div>             <label class="layui-form-label">{{ lang005[g_lang] || "传输协议" }}</label>             <div class="layui-input-inline" style="width: 120px;">                 <select name="proto">                     <option value="">{{ lang006[g_lang] || "任意" }}</option>                     <option value="6">TCP</option>                     <option value="17">UDP</option>                 </select>             </div>             <label class="layui-form-label">{{ lang008[g_lang] || "疑似度" }}</label>             <div class="layui-input-inline" style="width:120px">                 <select name="level">                     <option value="">{{ lang006[g_lang] || "任意" }}</option>                     <option value="1">{{ lang009[g_lang] || "低" }}</option>                     <option value="2">{{ lang010[g_lang] || "中" }}</option>                     <option value="3">{{ lang011[g_lang] || "高" }}</option>                 </select>             </div>             <label class="layui-form-label">{{ lang012[g_lang] || "域名" }}</label>             <div class="layui-input-inline" style="width: 120px;">                 <input class="layui-input" name="host" type="text" lay-verif="isIP">             </div>             <label class="layui-form-label">{{ lang022[g_lang] || "用户名称" }}</label>             <div class="layui-input-inline" style="width: 120px;">                 <input class="layui-input" name="username" type="text">             </div>         </div>         <div class="layui-form-item paui-table-form-left" style="min-width: 1040px;">             <input type="hidden" name="action" value="load_condtunnel_session">             <label class="layui-form-label">{{ lang007[g_lang] || "分析模型" }}</label>             <div class="layui-input-inline" style="width:120px">                 <select name="tunid" lay-filter="select_condtunnel_session_tunid">                     <option value="">{{ lang006[g_lang] || "任意" }}</option>     {{# layui.each(g_condtunnel_data, function(index, elem){ }}                     <option value="{{ elem.id  }}">{{ elem.name }}</option>     {{# }); }}                 </select>             </div>                                {{# if((g_sys_env.oem == "pro" || g_sys_env.oem == "ngntm" || g_sys_env.oem == "ngnode") && g_sys_env.ntm == 1){ }}             <label class="layui-form-label">{{ lang025[g_lang] || "协议类型" }}</label>             <div class="layui-input-inline" style="width:120px">                 <select name="vpstype" lay-search>                     <option value=''>{{ lang006[g_lang] || "任意" }}</option>     {{# layui.each(g_sys_env.vpstype, function(index, elem){ }}                     <option value="{{ elem }}">{{ elem }}</option>     {{# }); }}                 </select>             </div>     {{# } }}                  <label class="layui-form-label">{{ lang024[g_lang] || "链路" }}</label>             <div class="layui-input-inline" style="width:120px">                 <select name="vpaid" id="vid" class="vid" lay-search="">                 </select>             </div>      {{# if(d.log){ }}             <input class="layui-input" name="starttime" type="hidden">             <input class="layui-input" name="endtime" type="hidden">     {{# } }}                                       <input type="hidden" name="logtype" value="1" class="layui-input">             <div class="layui-form-mid" style="padding:0px!important">                 <button class="layui-btn layui-btn-sm layui-btn-normal"                 lay-submit id="submit_condtunnel_search" lay-filter="submit_condtunnel_session_search">                     <i class="layui-icon layui-icon-search"></i>                 </button>                 <button type="reset" class="layui-btn layui-btn-sm layui-btn-primary pa-reset">重置</button>             </div>         </div>         <div class="layui-form-item paui-table-form-right">                 <div class="layui-form-mid">                 <span class="abtn paui-condtoday-session-filter" title="{{ lang020[g_lang] || '自定义' }}">                     <i class="pa-icon pa-filter"></i>                 </span>             </div>         </div>     </form> </div>  <div class="paui-table-card">     <table id="tab_condtunnel_today_session" lay-filter="tab_condtunnel_today_session"></table>     {{# if(!d.log){ }}     <div class="layui-table-page" id="page_condtunnel_today_session"></div>     {{# } }} </div>  <script id="tpl_cond_today_session_srcip" type="text/html"> <span condtunnel_today_session_event="tabevt_srcip" class="abtn" obj='{% JSON.stringify(d) %}' paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">{% d.src_ip %}</span>     <span class="abtn" condtunnel_today_session_event="tabevt_sport" paui-copy-tips="btnevt_copy_tips"  obj='{% JSON.stringify(d) %}' paui-right-click="btnevt_right_click">:{% d.src_port %}</span> </script>  <script id="tpl_cond_today_session_dstip" type="text/html"> <span condtunnel_today_session_event="tabevt_dstip" class="abtn" obj='{% JSON.stringify(d) %}' paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">{% d.dst_ip %}</span>     <span class="abtn" condtunnel_today_session_event="tabevt_dport" paui-copy-tips="btnevt_copy_tips"  obj='{% JSON.stringify(d) %}' paui-right-click="btnevt_right_click">:{% d.dst_port %}</span> </script>    <script> layui.use('ntmlog', function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     table = layui.table,     ntmlog = layui.ntmlog,     laydate = layui.laydate;      var pa_tab = new Paui_table();     var loadIndex = "";      var api = "/cgi-bin/App/ntm/ajax_tunfind";     var pdata = JSON.parse('{{- JSON.stringify(d) }}');     if(pdata.log == "log"){         $("#logrouter").css({"height": "0", "overflow": "hidden", "opacity": "0"});         form.val('form_condtunnel_session_search', {             starttime: pdata.stime         });         form.val('form_condtunnel_session_search', {             endtime: pdata.etime         });     }      form.val('form_condtunnel_session_search', {             srcip: pdata.ip     });      var g_condtunnel_level_desc = [         '-',         '<span class="paui-condtunnel-level-desc paui-bg-green">{{ lang030[g_lang] || "低" }}</span>',         '<span class="paui-condtunnel-level-desc paui-bg-orange">{{ lang031[g_lang] || "中" }}</span>',         '<span class="paui-condtunnel-level-desc paui-bg-red">{{ lang032[g_lang] || "高" }}</span>',     ];     var colors = ['#57A0FF', '#FFDB1A', '#BFE041', '#F03A3E', '#C961FF', '#57CC70', '#F5A623', '#A0FFFF', '#CCCCCC', '#B40F0F', '#006FFF'];  var newarr = groupByProperty(g_sys_env.linkArr, 'grpname'); var _html = '<option value="">{{ lang006[g_lang] || "任意" }}</option>'; for (let [key, value] of Object.entries(newarr)) { _html += '<optgroup label="'+ key +'">'; for(var k = 0; k < newarr[key].length; k++){ _html += '<option value="'+ newarr[key][k].id +'">'+ newarr[key][k].name +'</option>'  } _html += '</optgroup>'; } $(".vid").html(_html);  if(pdata.logtype){ $(".today_session_logtype").hide(); } if(pdata.bigscreen){ paui_db.save("isipv6", "1"); }  $(".today_session_logtype button").click(function(){ $(this).addClass("layui-btn-normal"); $(this).removeClass("layui-btn-primary"); $(this).siblings().removeClass("layui-btn-normal"); $(this).siblings().addClass("layui-btn-primary"); paui_db.save("isipv6", $(this).attr("logtype")); form.val("form_condtunnel_session_search", {"logtype": paui_db.get("isipv6")}); table_search(); });  if(typeof paui_db.get("isipv6") != undefined){ if(paui_db.get("isipv6") == "1"){ $(".today_session_logtype button").eq(0).addClass("layui-btn-normal"); $(".today_session_logtype button").eq(0).removeClass("layui-btn-primary"); $(".today_session_logtype button").eq(1).addClass("layui-btn-primary"); $(".today_session_logtype button").eq(1).removeClass("layui-btn-normal"); form.val("form_condtunnel_session_search", {"logtype": "1"}); }else if(paui_db.get("isipv6") == "2"){ $(".today_session_logtype button").eq(0).addClass("layui-btn-primary"); $(".today_session_logtype button").eq(0).removeClass("layui-btn-normal"); $(".today_session_logtype button").eq(1).addClass("layui-btn-normal"); $(".today_session_logtype button").eq(1).removeClass("layui-btn-primary"); form.val("form_condtunnel_session_search", {"logtype": "2"}); } }      var block_ip = function(type, ip){         loadIndex = layer.load(0);         pa_ajax({             url: api,             data: {                 "action": "block_ip",                 "type": type,                 "ip": ip             },             success: function(json){                 layer.closeAll();                 if(json.code != 0){                     alert_err(json.msg);                 }else{                     alert_ok(json.msg);                 }             }         });     };      var event_center = {         tabevt_srcip: function(obj){             var obj = JSON.parse($(this).attr("obj")); var _this = $(this); dropdown.render({     elem: _this     ,show: true     ,trigger: 'click'     ,data: [{ title: '{{ lang026[g_lang] || "当前页查询" }}', desc: "",                     ip: obj.src_ip },{ title: '{{ lang027[g_lang] || "阻断" }}', desc: "",                     ip: obj.src_ip }] ,click: function(data){ if(data.title == '{{ lang027[g_lang] || "阻断" }}'){                         block_ip("src", data.ip);                     }else{                         form.val('form_condtunnel_session_search', {                             srcip: data.ip                         });                         table_search();                     } } ,style: 'box-shadow: 1px 1px 20px rgb(43 110 233 / 20%); border-radius:5px;' ,templet: function(d){ return '<div class="dropdownspan" style="width: 160px; font-weight: bold; color: #222; font-size: 12px; line-height: 24px; display: block; border-bottom: 1px #ddd solid; text-align: left; padding: 6px 8px;">' + d.title + '<span style="display: block; color: #666; font-size: 11px; line-height: 16px; white-space: normal;  white-space: pre-wrap; font-weight: initial;">' + d.desc + '</span>' + '</div>'; } });         },          tabevt_sport: function(obj){             var obj = JSON.parse($(this).attr("obj"));             form.val('form_condtunnel_session_search', {                 sport: obj.src_port             });             table_search();         },          tabevt_dstip: function(obj){             var obj = JSON.parse($(this).attr("obj")); var _this = $(this); dropdown.render({     elem: _this     ,show: true     ,trigger: 'click'     ,data: [{ title: '{{ lang026[g_lang] || "当前页查询" }}', desc: "",                     ip: obj.dst_ip },{ title: '{{ lang027[g_lang] || "阻断" }}', desc: "",                     ip: obj.dst_ip }] ,click: function(data){ if(data.title == '{{ lang027[g_lang] || "阻断" }}'){                         block_ip("dst", data.ip);                     }else{                         form.val('form_condtunnel_session_search', {                             dstip: data.ip                         });                         table_search();                     } } ,style: 'box-shadow: 1px 1px 20px rgb(43 110 233 / 20%); border-radius:5px;' ,templet: function(d){ return '<div class="dropdownspan" style="width: 160px; font-weight: bold; color: #222; font-size: 12px; line-height: 24px; display: block; border-bottom: 1px #ddd solid; text-align: left; padding: 6px 8px;">' + d.title + '<span style="display: block; color: #666; font-size: 11px; line-height: 16px; white-space: normal;  white-space: pre-wrap; font-weight: initial;">' + d.desc + '</span>' + '</div>'; } });         },          tabevt_dport: function(obj){             var obj = JSON.parse($(this).attr("obj"));             form.val('form_condtunnel_session_search', {                 dport: obj.dst_port             });             table_search();         },          tabevt_proto: function(obj){             form.val('form_condtunnel_session_search', {                 proto: obj.data.proto             });             table_search();         },  tabevt_name: function(obj){     form.val("form_condtunnel_session_search", {"appname": obj.data.name, "appcname": obj.data.cname});     table_search(); },          tabevt_mac: function(obj){             form.val('form_condtunnel_session_search', {                 mac: obj.data.mac             });             table_search();         },          tabevt_username: function(obj){             form.val('form_condtunnel_session_search', {                 username: obj.data.username             });             table_search();         },          tabevt_vpstype: function(obj){             form.val('form_condtunnel_session_search', {                 vpstype: obj.data.vpstype             });             table_search();         },          tabevt_host: function(obj){             form.val('form_condtunnel_session_search', {                 host: obj.data.host             });             table_search();         },  tabevt_vid: function(obj){     form.val("form_condtunnel_session_search", { vpaid: obj.data.vid, }); table_search(); },          tabevt_pcap: function(obj){             obj.data.taskname = 'pcaplog',             obj.data.pop_title = "{{ lang013[g_lang] || '报文分析' }}";             obj.data.pop_route = "pcap/pcap_dump_main";             ntmlog.showNtmWindow(obj.data, 1400, 700);         }     };       var col_render = function(r){         switch(this.field){             case "src":                 return patpl( $("#tpl_cond_today_session_srcip").html() ).render(r);              case "dst":                 return patpl( $("#tpl_cond_today_session_dstip").html() ).render(r);              case "proto":                 return '<span class="nbtn" lay-event="tabevt_proto" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">'+ (r.proto == 6 ? 'TCP' : 'UDP') +'</span>';              case "bytes0":                 return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + formatBytes(r.bytes0) + '</span>';              case "bytes1":                 return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + formatBytes(r.bytes1) + '</span>';              case 'level':                 var level = 0;                 layui.each(r.list, function(index, elem){                     if(elem.level > level)                         level = elem.level;                 });                 return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + g_condtunnel_level_desc[level] +'</span>';              case "list":                 if(r.list.length == 1)                     return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + r.list[0].name +'</span>';                 else                     return patpl($("#tpl_condtunnel_list").html()).render(r);              case "host": var host = r.host == "NULL" ? "" : r.host; return [ '<span class="nbtn" lay-event="tabevt_host" autoclose="false" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">', host, '</span>' ].join('');  case "oui_mac":     if(r.oui_mac && r.oui_mac != 'NULL'){ return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + r.oui_mac + '</span>'; }else{ return ''; }  case "cname": return '<span class="nbtn" lay-event="tabevt_name" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">'+ r.cname +'</span>';  case "username":     return '<span class="nbtn" lay-event="tabevt_username" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">'+ r.username +'</span>';  case "vpstype": var vpstype = ""; if(r.vpstype != "" && r.vpstype != "-" && typeof r.vpstype != "undefined"){ vpstype = r.vpstype; return '<span lay-event="tabevt_vpstype" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click" style="font-size: 12px; line-height: 16px; height: 16px; display: inline-block; color: #fff; background: #FF5722; padding: 0 5px; cursor: pointer;">'+ vpstype +'</span>'; }else{ return vpstype; }  case "vid": var brach = ""; for(var i = 0; i < g_sys_env.linkArr.length; i++){ if(r.vid == g_sys_env.linkArr[i].id){ brach = '<span class="nbtn" lay-event="tabevt_vid" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + g_sys_env.linkArr[i].name +'</span>'; } } return brach;          }     };       var table_search = function(){         var search = form.getValue('form_condtunnel_session_search');         pa_tab.reload({             where: search         });     };       /* 页面渲染 */     form.val('form_condtunnel_session_search', pdata);      var full = 'full-{{ d.pop_route ? 179 : 259 }}';     if(pdata.log){         full = 'full-240';     }      pa_tab.render({         elem: '#tab_condtunnel_today_session',         url: api,         where: form.getValue("form_condtunnel_session_search"),         height: full, {{# if(d.log){ }}         page: false,         limit: 10000000, {{# }else{ }}         page: true,         pageElem: 'page_condtunnel_today_session', {{# } }} dbkey: "tab_condtodaysession_cols", filterElem: '.paui-condtoday-session-filter',         parseData: function(json){             json.count = json.data.total || 0;             json.data = json.data.data || [];             return json;         },         cols: [[             {type: 'numbers', title: '{{ lang014[g_lang] || "序号" }}'}             ,{field: 'req_time', title: '{{ lang015[g_lang] || "时间" }}', width: 130, templet: function(r){ return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + r.req_time + '</span>'; }}             ,{field: 'amac', title: 'MAC', templet: ntmlog.col_render, width: 120} ,{field: 'oui_mac', title: '{{ lang028[g_lang] || "MAC厂商" }}', templet: col_render, width: 90} ,{field: 'username', title: '{{ lang022[g_lang] || "用户名称" }}', templet: col_render, width: 80}             ,{field: 'src', title: '{{ lang001[g_lang] || "源IP" }}', width: 135, templet: col_render}             ,{field: 'dst', title: '{{ lang003[g_lang] || "目标IP" }}', width: 135, templet: col_render}             ,{field: 'proto', title: '{{ lang005[g_lang] || "传输协议" }}', templet: col_render, width: 80} {{# if((g_sys_env.oem == "pro" || g_sys_env.oem == "ngntm" || g_sys_env.oem == "ngnode") && g_sys_env.ntm == 1){ }} ,{field: 'vpstype', title: '{{ lang025[g_lang] || "协议类型" }}', templet: col_render, width: 90} {{# } }}             ,{field: 'cname', title: '{{ lang023[g_lang] || "协议名称" }}', width: 80, templet: col_render}             ,{field: 'locisp', title: '{{ lang016[g_lang] || "地理位置" }}', width: 120, templet: ntmlog.col_render}             ,{field: 'bytes0', title: '{{ lang017[g_lang] || "上行流量" }}', templet: col_render, width: 80}             ,{field: 'bytes1', title: '{{ lang018[g_lang] || "下行流量" }}', templet: col_render, width: 80}             ,{field: 'host', title: '{{ lang012[g_lang] || "域名" }}', width: 135, templet: col_render} ,{     field: 'vid',     templet: col_render,     width: 80,     title: '{{ lang024[g_lang] || "链路" }}' }             ,{field: 'level', title: '{{ lang008[g_lang] || "疑似度" }}', align: 'center', width: 80, templet: col_render}             ,{field: 'list', title: '{{ lang007[g_lang] || "分析模型" }}', minWidth: 180, templet: col_render}             ,{field: 'pcap', title: '{{ lang019[g_lang] || "操作" }}', width: 40, align: 'right', templet: ntmlog.col_render, fixed: 'right'}         ]]     });       /* 事件绑定 */     table.on('tool(tab_condtunnel_today_session)', function(obj){         event_center[obj.event](obj);     });           util.event('condtunnel_today_session_event', event_center);      form.on('select(select_condtunnel_session_tunid)', table_search);     form.on('submit(submit_condtunnel_session_search)', function(obj){         table_search();         return false;     });  }); </script>