{{# var lang001 = {"ch": "账号", "en": "Account"}, lang002 = {"ch": "日志类型", "en": "Log Type"}, lang003 = {"ch": "任意", "en": "Any"}, lang004 = {"ch": "用户IP", "en": "User IP"}, lang005 = {"ch": "用户地址", "en": "User Location"}, lang007 = {"ch": "用户名称", "en": "User Name"}, lang010 = {"ch": "时间范围", "en": "Time Range"}, lang011 = {"ch": "导出会话日志", "en": "Export Session Logs"}, lang012 = {"ch": "操作时间", "en": "Operation Time"}, lang013 = {"ch": "操作", "en": "Operation"}, lang015 = {"ch": "序号", "en": "No."}, lang023 = {"ch": "确定导出吗", "en": "Confirm to export the current data to Excel?"}, lang024 = {"ch": "返回数据出错", "en": "Error retrieving data"};       var util = layui.util,     ntmlog = layui.ntmlog;      if(d.stime && d.etime) {         var time1 = util.toDateString(d.etime);         var time2 = util.toDateString(d.stime);     } else {         var cur_time = (new Date()).getTime() - (10 * 60 * 1000);         var time1 = util.toDateString(cur_time);         var time2 = util.toDateString(cur_time - 900000);     }   var show_options = { "srcdst_select": true, "srcdst_option": ["srcip"] };  }}  <style> .layui-progress{top:14px;} .layui-progress-text{line-height: 26px;} </style>  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ntmlog_search">     <div class="layui-form-item paui-table-form-left"> <input type="hidden" name="taskname" value="iplog_new"> {{- ntmlog.show_srcdst_html(show_options) }} <label class="layui-form-label">{{ lang010[g_lang] || "时间范围" }}</label> <div class="layui-input-inline" style="width:268px">     <input type="text" name="time" class="layui-input" id="ipt_ntmlog_time" value="{{time2}} - {{time1}}" lay-verify="required"> </div>         <div class="layui-form-mid" style="padding:0px !important">             <button class="layui-btn layui-btn-sm layui-btn-normal" id="submit_ntmlog_search" lay-submit lay-filter="submit_ntmlog_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>  <input type="hidden" name="isipv6" value="1" class="layui-input">      <div class="layui-form-item paui-table-form-right">          <div class="layui-form-mid">             <span class="abtn" title="{{ lang011[g_lang] || '导出会话日志' }}" iplog_event="btnevt_get_excel">                 <i class="pa-icon pa-download"></i>             </span>             <span class="abtn paui-iplog-filter">                 <i class="pa-icon pa-filter"></i>             </span>         </div>   <div class="layui-input-inline" style="width:100px; margin-right:0px;"> <div class="layui-btn-group report_session_type layui-btn-red"> <button type="button" isipv6="1" class="layui-btn layui-btn-sm layui-btn-primary"> IPv4 </button> <button type="button" isipv6="2" class="layui-btn layui-btn-sm layui-btn-primary"> IPv6 </button> </div> </div>     </div> </form>  <div class="paui-table-card">     <table id="tab_iplog_history" lay-filter="tab_iplog_history"></table>     <hr style="margin: 0px;">     <div class="layui-row">         <div class="layui-col-xs8">             <div class="layui-table-page" id="page_iplog_history" style="border:0px;"></div>         </div>         <div class="layui-col-xs4 paui-query-process-box"></div>     </div> </div>  <script id="tpl_app_td_percent" type="text/html">     <div class="layui-row" style="width: 170px;">         <div class="layui-col-xs8">             <div class="layui-progress" lay-showPercent="true"> <div class="layui-progress-bar paui-bg-blue" lay-percent='{% ((Number(d.allbytes)/d.total_bytes)*100).toFixed(2) %}%'></div>             </div>         </div>         <div class="layui-col-xs4">&nbsp;{% formatBytes(Number(d.allbytes)) %}</div>     </div> </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 api = "/cgi-bin/App/ntm/ajax_task";     var parent_data = JSON.parse('{{- JSON.stringify(d) }}');      var pa_table = new Paui_table(); var total_bytes = 0;  $(".report_session_type 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("isipv6")); form.val("form_ntmlog_search", {"isipv6": paui_db.get("isipv6")}); $("#submit_ntmlog_search").click(); });  if(typeof paui_db.get("isipv6") != undefined){ if(paui_db.get("isipv6") == "1"){ $(".report_session_type button").eq(0).addClass("layui-btn-normal"); $(".report_session_type button").eq(0).removeClass("layui-btn-primary"); $(".report_session_type button").eq(1).addClass("layui-btn-primary"); $(".report_session_type button").eq(1).removeClass("layui-btn-normal"); form.val("form_ntmlog_search", {"isipv6": "1"}); }else if(paui_db.get("isipv6") == "2"){ $(".report_session_type button").eq(0).addClass("layui-btn-primary"); $(".report_session_type button").eq(0).removeClass("layui-btn-normal"); $(".report_session_type button").eq(1).addClass("layui-btn-normal"); $(".report_session_type button").eq(1).removeClass("layui-btn-primary"); form.val("form_ntmlog_search", {"isipv6": "2"}); } }       var event_center = {         btnevt_get_excel: function(){ pa_confirm('{{ lang023[g_lang] || "确定导出吗" }}？', function(index){                 layer.close(index);                 ntmlog.create_ntmtask({                     aloneid: true,                     form: "form_ntmlog_search",                     iform: function(data){                         data.download = 1;                         return data;                     },                     query: function(){                         pa_ajax({                             url: api, data: {"action": "list_ntmlog_task", "taskid": g_alone_taskid, "tag_list": " download=1", 'sort': 'upbytes', 'order': 'desc'},                             success: function(json){                                 layer.closeAll("loading");                                 if(json.code != 0) {                                     alert_err(json.msg);                                     return;                                 }                                 if(json.data.file){                                     var url = "/cgi-bin/App/ntm/ajax_ntm?action=ntm_download&file=" + json.data.file + "&name=流量统计";                                     paui_goto_url(url);                                 } else {                                     layer.closeAll("loading");                                     alert_err('{{ lang024[g_lang] || "返回数据出错" }}：' + JSON.stringify(json.data));                                 }                             }                         });                     },                 }); });         },   tabevt_srcip: function(obj){ var args = objtourl({ srcip: obj.data.ip, popup_from_ntm: 1, pop_title: 'IP画像', time: form.val("form_ntmlog_search").time, pop_route: 'domain/draw_ip',  }); ShowWindow('/cgi-bin/common/popup' + args, "", 1400, 664); },          tabevt_chart: function(obj){ var opt = {}; opt.time = form.val("form_ntmlog_search").time; opt.pop_title = "趋势图"; opt.pop_route = "network/connection_chart"; opt.isipv6 = form.val("form_ntmlog_search").isipv6; opt.srcip = obj.data.ip; ShowWindow('/cgi-bin/common/popup' + objtourl(opt), "", 960, 664);         }     };       var col_render = function(r){         switch(this.field){             case "src_ip":             return '<span class="abtn" lay-event="tabevt_srcip" paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + r.ip + "</span>";              case "flow":             return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + r.flow + "</span>";              case "upbytes":             return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + formatBytes(r.upbytes) + "</span>";  case "dnbytes": return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + formatBytes(r.dnbytes) + "</span>";  case "allbytes": r.total_bytes = total_bytes; return patpl( $("#tpl_app_td_percent").html() ).render(r); /*return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + formatBytes(r.allbytes) + "</span>";*/              case "up_avg_rate":             return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + numberformat(r.up_avg_rate) + "</span>";              case "dn_avg_rate":             return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + numberformat(r.dn_avg_rate) + "</span>";  case "avg_rate": return '<span paui-copy-tips="btnevt_copy_tips" paui-right-click="btnevt_right_click">' + numberformat(r.avg_rate) + "</span>";              case "act":             return '<span class="abtn" style="margin-left: 8px;" title="流量趋势图" lay-event="tabevt_chart"><i class="layui-icon layui-icon-chart"></i></span>';          }     };       /* 页面初始 */ var page_init = function() { laydate.render({             elem: '#ipt_ntmlog_time',             type: 'datetime',             range: true,             lang: g_lang,             shortcuts: paui_date_select_range()        }); };   var initSort = { field: 'allbytes', type: 'desc' };   var get_ntmlog_data = function(){  pa_table.render({     elem: '#tab_iplog_history', height: 'full-190',     data: [], url: api, pageElem: 'page_iplog_history', initSort, where: {     'action': 'list_ntmlog_task',     'taskid': g_ntmlog_taskid, 'sort': 'allbytes', 'order': 'desc' }, parseData: function(json){ total_bytes = json.data.total_bytes;     json.count = json.data.total;     json.data = json.data.data;     return json; },     dbkey: "tab_iplog_history_cols",     filterElem: '.paui-iplog-filter',     text: {'none': '无数据'},     cols: [[         {type: 'numbers', title: '{{ lang015[g_lang] || "序号" }}'},         {field: 'src_ip', title: 'IP', templet: col_render}, {field: 'flow', title: '平均连接数', templet: col_render, sort: true}, {field: 'dn_avg_rate', title: '流入bps', templet: col_render, sort: true}, {field: 'up_avg_rate', title: '流出bps', templet: col_render, sort: true}, {field: 'avg_rate', title: '总bps', templet: col_render, sort: true}, {field: 'dnbytes', title: '流入流量/B', templet: col_render, sort: true}, {field: 'upbytes', title: '流出流量/B', templet: col_render, sort: true}, {field: 'allbytes', title: '总流量/B', templet: col_render, sort: true, width: 210}, {field: 'user', title: '用户名称', width: 80}, {field: 'act', title: '操作', templet: col_render, align: "right", width: 60} ]] }); };       /* 事件绑定 */     util.event('iplog_event', event_center);     table.on('tool(tab_iplog_history)', function(obj){         event_center[obj.event](obj);     });      form.on('submit(submit_ntmlog_search)', function(obj){ ntmlog.create_ntmtask({             form: "form_ntmlog_search", query: get_ntmlog_data });         return false     });  table.on('sort(tab_iplog_history)', function(obj){ pa_table.reload({ initSort: obj, where: { 'action': 'list_ntmlog_task', 'taskid': g_ntmlog_taskid, "sort": obj.field, "order": obj.type } }); });       /* 页面入口 */     page_init();     $("#submit_ntmlog_search").click(); }); </script>