{{# var lang001 = {"ch": "客户时延最小值", "en": "Client Latency Min"}, lang002 = {"ch": "服务时延最小值", "en": "Server Latency Min"}, lang003 = {"ch": "应用时延最小值", "en": "Application Latency Min"}, lang004 = {"ch": "其它", "en": "Other"}, lang005 = {"ch": "毫秒", "en": "ms"}, lang006 = {"ch": "关键字查询", "en": "Search"}, lang007 = {"ch": "对端IP", "en": "Peer IP"}, lang008 = {"ch": "地理位置", "en": "Geolocation"}, lang009 = {"ch": "连接数", "en": "Sessions"}, lang010 = {"ch": "客户时延", "en": "Client Latency"}, lang011 = {"ch": "最小", "en": "Min"}, lang012 = {"ch": "最大", "en": "Max"}, lang013 = {"ch": "平均", "en": "Avg"}, lang014 = {"ch": "服务时延", "en": "Server Latency"}, lang015 = {"ch": "应用时延", "en": "Application Latency"}; }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ipview_peer_search">     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label" style="width: 130px;">{{ lang001[g_lang] || "客户时延最小值" }}>=</label>         <div class="layui-input-inline" style="width:100px">             <input type="text" name="clntdelay" class="layui-input" value="" placeholder='{{ lang005[g_lang] || "毫秒" }}' lay-verify="number">         </div>         <label class="layui-form-label" style="width: 130px;">{{ lang002[g_lang] || "服务时延最小值" }}>=</label>         <div class="layui-input-inline" style="width:100px">             <input type="text" name="svrdelay" class="layui-input" value="" placeholder='{{ lang005[g_lang] || "毫秒" }}' lay-verify="number">         </div>         <label class="layui-form-label" style="width: 130px;">{{ lang003[g_lang] || "应用时延最小值" }}>=</label>         <div class="layui-input-inline" style="width:100px">             <input type="text" name="appdelay" class="layui-input" value="" placeholder='{{ lang005[g_lang] || "毫秒" }}' lay-verify="number">         </div>         <label class="layui-form-label">{{ lang004[g_lang] || "其它" }}</label>         <div class="layui-input-inline" style="width:240px">             <input type="text" name="keyword" class="layui-input" placeholder='{{ lang006[g_lang] || "关键字查询" }}' lay-verify="isName">         </div>         <div class="layui-form-mid" style="padding:0px!important">             <button class="layui-btn layui-btn-sm layui-btn-primary"  id="submit_ipview_peer_search" lay-submit lay-filter="submit_ipview_peer_search">                 <i class="layui-icon layui-icon-search"></i>             </button>         </div>     </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_ipview_peer" lay-filter="tab_ipview_peer"></table> <div class="layui-table-page" id="page_ipview_peer"></div> </div>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();      var api = '/cgi-bin/dashboard/ajax_ipobj';     var l_sort = {"field": "connect", "type": "asc"};       var table_search = function(){         var search = form.getValue("form_ipview_peer_search");         var sort_type = {             "connect": "k2",             "cli_min": "k3",             "cli_max": "k4",             "cli_avg": "k5",             "svr_min": "k6",             "svr_max": "k7",             "svr_avg": "k8",             "app_min": "k9",             "app_max": "k10",             "app_avg": "k11"         };         if(l_sort.type == "desc")             search.sort = "-nr" + sort_type[l_sort.field];         else             search.sort = "-n" + sort_type[l_sort.field];         pa_table.reload({             initSort: l_sort,             where: search         })     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_ipview_peer',         url: api,         where: {'action': 'load_ip_peersum', 'ip': '{{d.ip}}'},         height: 'full-150',         pageElem: 'page_ipview_peer',         pageType: 'shell',         page: {limit: 500},         initSort: l_sort,         autoSort: false,         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {field: 'peer', title: '{{ lang007[g_lang] || "对端IP" }}', templet: function(r){                 return ['<span autoclose="false" paui-right-click="btnevt_right_click">', r.peer, '</span>' ].join('');             }}             ,{field: 'loc', title: '{{ lang008[g_lang] || "地理位置" }}', templet: function(r){                 return r.loc == "NULL" ? "" : r.loc;             }}             ,{field: 'connect', title: '{{ lang009[g_lang] || "连接数" }}', width: 80, sort: true}             ,{field: 'cli_min', title: '{{ lang010[g_lang] || "客户时延" }}[{{ lang011[g_lang] || "最小" }}]', width: 102, sort: true}             ,{field: 'cli_max', title: '{{ lang010[g_lang] || "客户时延" }}[{{ lang012[g_lang] || "最大" }}]', width: 102, sort: true}             ,{field: 'cli_avg', title: '{{ lang010[g_lang] || "客户时延" }}[{{ lang013[g_lang] || "平均" }}]', width: 102, sort: true}             ,{field: 'svr_min', title: '{{ lang014[g_lang] || "服务时延" }}[{{ lang011[g_lang] || "最小" }}]', width: 102, sort: true}             ,{field: 'svr_max', title: '{{ lang014[g_lang] || "服务时延" }}[{{ lang012[g_lang] || "最大" }}]', width: 102, sort: true}             ,{field: 'svr_avg', title: '{{ lang014[g_lang] || "服务时延" }}[{{ lang013[g_lang] || "平均" }}]', width: 102, sort: true}             ,{field: 'app_min', title: '{{ lang015[g_lang] || "应用时延" }}[{{ lang011[g_lang] || "最小" }}]', width: 102, sort: true}             ,{field: 'app_max', title: '{{ lang015[g_lang] || "应用时延" }}[{{ lang012[g_lang] || "最大" }}]', width: 102, sort: true}             ,{field: 'app_avg', title: '{{ lang015[g_lang] || "应用时延" }}[{{ lang013[g_lang] || "平均" }}]', width: 102, sort: true}             ,{field: 'host', title: 'HOST', templet: function(r){                 return r.host == "NULL" ? "" : r.host;             }}         ]], done: function(json){ right_copy_evt($(".layui-table-body .layui-table-cell")); }     });       /* 事件绑定 */         form.on('submit(submit_ipview_peer_search)', function(){         table_search();         return false;     });      table.on('sort(tab_ipview_peer)', function(obj){         obj.type = obj.type == null ? 'asc' : obj.type;         l_sort = obj;         table_search();     }); }); </script>