{{# var lang001 = {"ch": "流量概况", "en": "Traffic Overview"}, lang002 = {"ch": "连接信息", "en": "Session Information"}, lang003 = {"ch": "对端概况", "en": "Peer Summary"}, lang004 = {"ch": "虚拟身份", "en": "Virtual Identity"}, lang005 = {"ch": "共享用户", "en": "Shared Users"}, lang006 = {"ch": "移动终端", "en": "Mobile Device"}, lang007 = {"ch": "账号信息", "en": "Account Information"}, lang008 = {"ch": "IP档案", "en": "IP Profile"}, lang009 = {"ch": "威胁情报", "en": "Threat Intelligence"}, lang010 = {"ch": "访问关系", "en": "Access Relationships"}, lang011 = {"ch": "跨境日志", "en": "Cross-border log"},     lang012 = {"ch": "阻断日志", "en": "Block log"};  function isIPv4(str) { var i, j; var ar, tmp; var ipstr;  /* format: x.x.x.x/n */ ar = str.split("/"); if (ar.length == 2) { if (ar[1] < 0 || ar[1] > 32) return false; ipstr = ar[0]; } else { ipstr = str; }  ar = ipstr.split("."); if (ar.length != 4) return false;  for (i = 0; i < ar.length; i++) { if (ar[i] == "") return false;  tmp = ar[i]; for (j = 0; j < tmp.length; j++) { if (tmp.charAt(j) < '0' || tmp.charAt(j) > '9') return false; }  if (ar[i] < 0 || ar[i] > 255) return false; }  return true; }  if(d.ip) var iptype = isIPv4(d.ip) ? "ipv4" : "ipv6"; else var iptype = "ipv4"; }}  <div class="layui-tab layui-tab-brief" lay-filter="menu_ipview"> <ul class="layui-tab-title paui-bg-white"> <li target="ipview_detail" status=0>{{ lang001[g_lang] || "流量概况" }}</li> <li target="ipview_session" status=0>{{ lang002[g_lang] || "连接信息" }}</li> {{# if(iptype == "ipv4") { }}         <li target="ipview_peer" status=0>{{ lang003[g_lang] || "对端概况" }}</li> {{# } }} <li target="ipview_acct" status=0>{{ lang004[g_lang] || "虚拟身份" }}</li> <li target="ipview_share" status=0>{{ lang005[g_lang] || "共享用户" }}</li>         <li target="ipview_mobile" status=0>{{ lang006[g_lang] || "移动终端" }}</li>         <li target="ipview_online" status=0>{{ lang007[g_lang] || "账号信息" }}</li>         <li target="ipview_malc" status=0>{{ lang009[g_lang] || "威胁情报" }}</li> {{# if((g_sys_env.oem == "pro" || g_sys_env.oem == "ngntm" || g_sys_env.oem == "ngnode") && g_sys_env.ntm == 1) { }}         <li target="ipview_visit" status=0>{{ lang010[g_lang] || "访问关系" }}</li> <li target="ipview_tunnel" status=0>{{ lang011[g_lang] || "跨境日志" }}</li> {{# } }}         <li target="ipview_blocklog" status=0>{{ lang012[g_lang] || "阻断日志" }}</li> </ul> {{# if(iptype == "ipv4") { }} <form class="layui-form" style="position: absolute; top: 5px; right: 0px;" lay-filter="form_ipobj_main_search"> <div class="layui-input-inline">             <input type="text" name="ip" class="layui-input" value='{{ d.ip || ""}}'> </div> <div class="layui-input-inline" style="width:60px"> <button class="layui-btn layui-btn-primary layui-btn-sm" lay-submit lay-filter="submit_ipobj_main_search"> <i class="layui-icon layui-icon-search"></i> </button> </div> </form> {{# } }} <div class="layui-tab-content"> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> </div> </div>  <script> layui.use(function(){ var $ = layui.$,     form = layui.form, table = layui.table, element = layui.element, laytpl = layui.laytpl;      var l_ip = '{{ d.ip || ""}}';     var l_index = {{ d.first || 0}}; var pdata = JSON.parse('{{- JSON.stringify(d) }}');           element.on('tab(menu_ipview)', function(obj){ l_index = obj.index; var target = $(this).attr("target");  layui.each(g_Intervaltimer, function(index, elem){ clearInterval(elem); });  $(".layui-tab-content .layui-tab-item").eq(l_index).html(""); var obj = {"ip": l_ip, tab: true}; obj.type = 'ipview'; obj.hide_tab = true; obj.value = l_ip; obj.vpaid = pdata.vpaid;  pa_get_html('/html/monitor/' + target + '.html', function(html){ laytpl(html).render(obj, function(string){ $(".layui-tab-content .layui-tab-item").eq(l_index).html(string); }); $("title").text('{{ lang008[g_lang] || "IP档案"}}->' + l_ip); }); });       form.on('submit(submit_ipobj_main_search)', function(obj){          if( !IsIPAddr(obj.field.ip) || obj.field.ip == ""){             form.val("form_ipobj_main_search", {'ip': l_ip});             return false;         }          l_ip = obj.field.ip;         $(".layui-tab-title li").eq(l_index).trigger("click");          return false;     }); $(".layui-tab-title li").eq(l_index).trigger("click"); }); </script>