{{# var lang001 = {"ch": "账号信息", "en": "Account Information"}, lang002 = {"ch": "连接数", "en": "Sessions"}, lang003 = {"ch": "累计流入", "en": "Total Inbound Bytes"}, lang004 = {"ch": "累计流出", "en": "Total Outbound Bytes"}, lang005 = {"ch": "-", "en": "-"}, lang006 = {"ch": "流入bps", "en": "Inbound Rate (bps)"}, lang007 = {"ch": "流出bps", "en": "Outbound Rate (bps)"}, lang008 = {"ch": "速率限制(入/出,kbps)", "en": "Rate Limit (In/Out, kbps)"}, lang009 = {"ch": "在线时长(秒)", "en": "Online Duration (s)"}, lang010 = {"ch": "连接数", "en": "Sessions"}, lang011 = {"ch": "虚拟身份", "en": "Virtual Identity"}, lang012 = {"ch": "-", "en": "-"}, lang013 = {"ch": "移动终端", "en": "Mobile Device"}, lang014 = {"ch": "IP对象", "en": "IP Object"}, lang015 = {"ch": "不存在", "en": "Not Found"}, lang016 = {"ch": "序号", "en": "No."}, lang017 = {"ch": "应用协议", "en": "Protocol"}, lang018 = {"ch": "流入流量", "en": "Inbound Traffic"}, lang019 = {"ch": "流出流量", "en": "Outbound Traffic"}, lang020 = {"ch": "总流量", "en": "Total Traffic"}; }}  <style> .paui-ipview-detail{font-weight: bold; color:#444444} </style>   <div class="layui-card">     <div class="layui-card-body" style="padding:20px 40px; text-align: right; color:#666666" id="paui-ipview-detail"></div> </div>  <div class="layui-card" style="margin-top:10px;">     <div class="layui-card-body">         <table id="tab_ipview_summary" lay-filter="tab_ipview_summary"></table>     </div> </div>  <script id="tpl_ipview_detail" type="text/html">     <div class="layui-row layui-col-space8" style="margin: 8px;text-align: center;">         <div>             <div class="layui-card">                 <div class="layui-card-body">                     <div class="layui-row">                         <div class="layui-col-xs1">                             <div style="line-height: 40px; height: 40px;">                                 <i class="layui-icon layui-icon-app paui-color-normal" style="font-size: 24px;"></i>                             </div>                         </div>                         <div class="layui-col-xs1">                             <div class="paui-color-disable">{{ lang001[g_lang] || "账号信息" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.upool != "" ? d.upool + "/" + d.nbname : d.nbname || '' %}</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang002[g_lang] || "连接数" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.flowcnt %}</div>                         </div>                         <div class="layui-col-xs2">                                                          <div class="layui-col-xs12 paui-color-disable">{{ lang011[g_lang] || "虚拟身份" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.qqcnt + "/" + d.accountcnt %}</div>                         </div>                         <div class="layui-col-xs2">                             <div class="paui-color-disable">MAC</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.snmpmac == 1 ? d.mac + "[S]" : d.mac %}</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang013[g_lang] || "移动终端" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.mstcnt %}</div>                         </div>                     </div>                 </div>             </div>         </div>         <div>             <div class="layui-card">                 <div class="layui-card-body">                     <div class="layui-row">                         <div class="layui-col-xs1">                             <div style="line-height: 40px; height: 40px;">                                 <i class="pa-icon pa-bps paui-color-normal" style="font-size: 24px;"></i>                             </div>                         </div>                         <div class="layui-col-xs1">                             <div class="layui-col-xs12 paui-color-disable">{{ lang003[g_lang] || "累计流入" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.inbytes %}</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang004[g_lang] || "累计流出" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.outbytes %}</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang006[g_lang] || "流入bps" }}</div>                             <div class="layui-col-xs12 paui-font-bold" id="paui-ipview-inbps">0</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang007[g_lang] || "流出bps" }}</div>                             <div class="layui-col-xs12 paui-font-bold" id="paui-ipview-outbps">0</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang008[g_lang] || "速率限制(入/出,kbps)" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.ratein + "/" + d.rateout %}</div>                         </div>                         <div class="layui-col-xs2">                             <div class="layui-col-xs12 paui-color-disable">{{ lang009[g_lang] || "在线时长(秒)" }}</div>                             <div class="layui-col-xs12 paui-font-bold">{% d.life_tmstr %}</div>                         </div>                     </div>                 </div>             </div>         </div>     </div>      </script>  <script> layui.use(function(){     var $ = layui.$,     patpl = layui.patpl,     table = layui.table;      var pa_table = new Paui_table();     var pa_timer = new Paui_timer();      var l_timer  = "";     var api = '/cgi-bin/dashboard/ajax_ipobj';      var load_data = function(method){         pa_ajax({             url: api,             data: {'action': 'load_ip_detail', 'ip': '{{d.ip}}', 'vpaid': '{{d.vpaid}}'},             success: function(json){                 if(!json.data.bpsin){                     alert_err('{{ lang014[g_lang] || "IP对象" }}：{{d.ip}}{{ lang015[g_lang] || "不存在" }}');                     return;                 }                 patpl( $("#tpl_ipview_detail").html() ).render(json.data, function(html){                     $("#paui-ipview-detail").html(html);                 });             }         });          if (method != "init") pa_table.reload();     };       var col_render = function(r){         switch(this.field){             case "inbps":                 return numberformat(r.inbps);              case "outbps":                 return numberformat(r.outbps);              case "allbps":                 return numberformat(r.allbps);         }     };       /* 页面加载 */     load_data("init");      pa_table.render({         elem: '#tab_ipview_summary',         url: api,         where: {'action': 'load_ip_app', 'ip': '{{d.ip}}', 'vpaid': '{{d.vpaid}}'}, height: 'full-295', cols: [[             {type: 'numbers', title: '{{ lang016[g_lang] || "序号" }}'} ,{field: 'appcname', title: '{{ lang017[g_lang] || "应用协议" }}', templet: function(r){                 return g_lang == "ch" ? r.appcname : r.appname;             }} ,{field: 'inbps', title: '{{ lang018[g_lang] || "流入流量" }}', templet: col_render} ,{field: 'outbps', title: '{{ lang019[g_lang] || "流出流量" }}', templet: col_render}             ,{field: 'allbps', title: '{{ lang020[g_lang] || "总流量" }}', templet: col_render} ]],         done: function(json){             var inbps = 0, outbps = 0;             layui.each(json.data, function(index, elem){                 inbps += Number(elem.inbps);                 outbps += Number(elem.outbps);             });             $("#paui-ipview-inbps").text( numberformat(inbps) );             $("#paui-ipview-outbps").text( numberformat(outbps) );  right_copy_evt($(".layui-table-body .layui-table-cell"));          }     });       l_timer = setInterval(load_data, 2000);     g_Intervaltimer.push(l_timer); }); </script>