{{# var lang001 = {"ch": "自动刷新", "en": "Refresh"}, lang002 = {"ch": "不刷新", "en": "No Refresh"}, lang003 = {"ch": "5秒", "en": "5s"}, lang004 = {"ch": "10秒", "en": "10s"}, lang005 = {"ch": "20秒", "en": "20s"}, lang006 = {"ch": "60秒", "en": "60s"}, lang007 = {"ch": "删除", "en": "Delete"}, lang008 = {"ch": "添加", "en": "Add"}, lang009 = {"ch": "编辑", "en": "Edit"}, lang010 = {"ch": "统计信息", "en": "Statistics"}, lang011 = {"ch": "请选择需要操作的IP群组链路", "en": "Please select the IP Group link to operate on"}, lang012 = {"ch": "确定要删除选中IP群组链路", "en": "Confirm to delete selected IP group link(s)?"}, lang013 = {"ch": "添加IP群组链路", "en": "Add IP Group Link"}, lang014 = {"ch": "编辑IP群组链路", "en": "Edit IP Group Link"}, lang015 = {"ch": "确定要删除吗", "en": "Confirm deletion?"}, lang016 = {"ch": "IP群组链路分析", "en": "IP Group Link Analysis"}, lang017 = {"ch": "序号", "en": "No."}, lang018 = {"ch": "链路名称", "en": "Link Name"}, lang019 = {"ch": "-", "en": "-"}, lang020 = {"ch": "IP群组", "en": "IP Group"}, lang021 = {"ch": "网卡", "en": "NIC"}, lang022 = {"ch": "流入bps", "en": "Bps (In)"}, lang023 = {"ch": "流出bps", "en": "Bps (Out)"}, lang024 = {"ch": "操作", "en": "Action"}, lang025 = {"ch": "流入总流量", "en": "Total Bytes (In)"}, lang026 = {"ch": "流出总流量", "en": "Total Bytes (Out)"}, lang027 = {"ch": "关键字搜索", "en": "Search"}; }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_glink_search">     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label">{{ lang001[g_lang] || "自动刷新" }}</label>         <div class="layui-input-inline" style="width:100px">             <select name="refresh" lay-filter="select_glink_refresh" id="select_glink_refresh">                 <option value="">{{ lang002[g_lang] || "不刷新" }}</option>                 <option value=5>{{ lang003[g_lang] || "5秒" }}</option>                 <option value=10 selected>{{ lang004[g_lang] || "10秒" }}</option>                 <option value=20>{{ lang005[g_lang] || "20秒" }}</option>                 <option value=60>{{ lang006[g_lang] || "60秒" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width: 160px;">             <input type="hidden" name="action" value="list_glink">             <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang027[g_lang] || "关键字搜索" }}'>         </div>         <div class="layui-input-inline" style="width:80px">             <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_glink_search">                 <i class="layui-icon layui-icon-search"></i>             </button>         </div>     </div>     <div class="layui-form-item paui-table-form-right">         <div class="layui-form-mid">             <span class="abtn" glink-event="btnevt_delete">                 <i class="layui-icon layui-icon-delete"></i>{{ lang007[g_lang] || "删除" }}             </span>             <span class="abtn" glink-event="btnevt_add">                 <i class="layui-icon layui-icon-add-1"></i>{{ lang008[g_lang] || "添加" }}             </span>             <span class="layui-hide" glink-event="btnevt_reload" id="paui-btn-reload-glink"></span>         </div>     </div> </form> <div class="paui-table-card">     <table id="tab_glink_list" lay-filter="tab_glink_list"></table>     <div class="layui-table-page" id="page_glink"></div> </div>  <script id="tpl_glink_action" type="text/html">     <span class="abtn" lay-event="tabevt_edit" title='{{ lang009[g_lang] || "编辑" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span>     <span class="abtn" lay-event="tabevt_rmv" title='{{ lang007[g_lang] || "删除" }}'>         <i class="layui-icon layui-icon-delete"></i>     </span>     <span class="abtn" lay-event="tabevt_chart" title='{{ lang010[g_lang] || "统计信息" }}'>         <i class="layui-icon layui-icon-chart"></i>     </span> </script>   <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     table = layui.table;      var api = '/cgi-bin/dashboard/ajax_glink';     var pa_table = new Paui_table();     var pa_timer = new Paui_timer();       var event_center = {         btnevt_delete: function(){             var data = "";             var chk = table.checkStatus('tab_glink_list');             if(chk.data.length == 0){                 layer.msg('{{ lang011[g_lang] || "请选择需要操作的IP群组链路" }}');                 return;             }             layui.each(chk.data, function(index, elem){                 data += elem.ipgid + ";";             });              pa_confirm('{{ lang012[g_lang] || "确定要删除选中IP群组链路" }}？', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {"action": "btnremove_glink", "items": data},                     success: function(json){                         if(json.code != 0) {                             alert_err(json.msg);                         } else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          btnevt_add: function(){             paopen({                 title: '{{ lang013[g_lang] || "添加IP群组链路" }}',                 url: '/html/object/glink_add.html',                 area: ['600px', '400px'],                 btn: 'default',                 subElem: '#submit_add_glink'             });         },          btnevt_reload: function(){             table_search();         },          tabevt_in_iptable: function(obj){             popupIPtab(obj.data.ipgname);         },          tabevt_out_iptable: function(obj){             popupIPtab(obj.data.outip);         },          tabevt_edit: function(obj){             obj.data.action = "edit_glink";             paopen({                 title: '{{ lang014[g_lang] || "编辑IP群组链路" }} - ' + (obj.data.name),                 url: '/html/object/glink_add.html',                 data: obj.data,                 area: ['600px', '400px'],                 btn: 'default',                 subElem: '#submit_add_glink'             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang015[g_lang] || "确定要删除吗" }}?', function(index){                 layer.close(index);                 var res = {                     ipgid:obj.data.ipgid                 };                 res.action = "rmv_glink";                 pa_ajax({                     url: api,                     data: res,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_chart: function(obj){             obj.data.pop_title = '{{ lang016[g_lang] || "IP群组链路分析" }}->' + obj.data.name;             obj.data.pop_route = "object/glink_stat"; popupWindow(obj.data, 1040, 562);         }     };       var col_render = function(r){         switch(this.field){             case "name":                 return '<span class="abtn" lay-event="tabevt_edit">' + r.name + '</span>';              case "ipgname":                 return '<span class="abtn" lay-event="tabevt_in_iptable">' + r.ipgname + '</span>';              case "inbps":                 return numberformat(r.inbps);              case "outbps":                 return numberformat(r.outbps);              case "inbytes":                 return numberformat(r.inbytes);              case "outbytes":                 return numberformat(r.outbytes);          }     };       var table_search = function(){         var search = form.getValue("form_glink_search");         pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_glink_list',         height: 'full-190',         url: api,         pageType: 'web',         page: {'layout':['prev', 'page', 'next']},         pageElem: 'page_glink',         where: form.getValue("form_glink_search"),         cols: [[             {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang017[g_lang] || "序号" }}'}             ,{field: 'name', title: '{{ lang018[g_lang] || "链路名称" }}', templet: col_render}             ,{field: 'ipgname', title: '{{ lang020[g_lang] || "IP群组" }}', templet: col_render}             ,{field: 'ifidx', title: '{{ lang021[g_lang] || "网卡" }}'}             ,{field: 'inbps', title: '{{ lang022[g_lang] || "流入bps" }}', templet: col_render}             ,{field: 'outbps', title: '{{ lang023[g_lang] || "流出bps" }}', templet: col_render}             ,{field: 'inbytes', title: '{{ lang025[g_lang] || "流入总流量" }}', templet: col_render}             ,{field: 'outbytes', title: '{{ lang026[g_lang] || "流出总流量" }}', templet: col_render}             ,{field: 'act', title: '{{ lang024[g_lang] || "操作" }}', width: 120, align: 'right', templet: '#tpl_glink_action'}         ]]     });       /* 事件绑定 */     util.event('glink-event', event_center);     table.on('tool(tab_glink_list)', function(obj){         event_center[obj.event](obj);     });      form.on('submit(submit_glink_search)', function(obj){         table_search();         return false;     });           pa_timer.render("select_glink_refresh", table_search, 10); }); </script>