{{# 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": "Search"}, lang008 = {"ch": "参数设置", "en": "Configuration"}, lang009 = {"ch": "关闭状态", "en": "Disabled"}, lang010 = {"ch": "同一账号的终端独立限速", "en": "Terminals under the same account are rate-limited independently"}, lang011 = {"ch": "开启状态", "en": "Enabled"}, lang012 = {"ch": "同一账号的终端共享账号赋予的带宽", "en": "Terminals under the same account share the bandwidth allocated to the account"}, lang013 = {"ch": "共享限速", "en": "Shared Rate Limit"}, lang014 = {"ch": "关闭", "en": "Disable"}, lang015 = {"ch": "开启", "en": "Enable"}, lang016 = {"ch": "在线IP", "en": "Online IPs"}, lang017 = {"ch": "时间", "en": "Time"}, lang018 = {"ch": "连接数", "en": "Sessions"}, lang019 = {"ch": "流入速率", "en": "In(bps)"}, lang020 = {"ch": "流出速率", "en": "Out(bps)"}, lang021 = {"ch": "详情", "en": "Details"}, lang022 = {"ch": "账号", "en": "Account"}, lang023 = {"ch": "用户组", "en": "User Group"}, lang024 = {"ch": "在线IP数", "en": "Online IP Count"}, lang025 = {"ch": "流入限速", "en": "Inbound Rate Limit"}, lang026 = {"ch": "流出限速", "en": "Outbound Rate Limit"}, lang027 = {"ch": "", "en": ""}, lang028 = {"ch": "流入丢弃速率", "en": "Inbound Drop Rate (bps)"}, lang029 = {"ch": "流出丢弃速率", "en": "Outbound Drop Rate (bps)"}, lang030 = {"ch": "流入丢弃字节数", "en": "Inbound Dropped Bytes"}, lang031 = {"ch": "流出丢弃字节数", "en": "Outbound Dropped Bytes"}, lang032 = {"ch": "操作", "en": "Action"},     lang033 = {"ch": "序号", "en": "No."}; }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_rateobj_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:80px">             <select name="refresh" lay-filter="select_rateobj_refresh" id="select_rateobj_refresh">                 <option value="" selected>{{ lang002[g_lang] || "不刷新" }}</option>                 <option value=5>{{ lang003[g_lang] || "5秒" }}</option>                 <option value=10>{{ 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:120px;">             <input type="text" name="keyword" class="layui-input" autocomplete="off"             placeholder='{{ lang007[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_rateobj_search">         </div>         <div class="layui-input-inline" style="width:80px">             <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_rateobj_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" rateobj_event="btnevt_config"> <i class="layui-icon layui-icon-set"></i>{{ lang008[g_lang] || "参数设置" }} </span>         </div>     </div> </form>  <div class="layui-row paui-table-card">     <table id="tab_rateobj_list" lay-filter="tab_rateobj_list"></table>     <div class="layui-table-page" id="page_rateobj_list"></div> </div>  <script id="tpl_rateobj_config" type="text/html">     <form class="layui-form paui-form" style="padding-top: 20px;" lay-filter="form_rateobj_config"> {{# if(g_lang == "ch") { }}         <div class="layui-form-item">             <label class="layui-form-label">{{ lang009[g_lang] || "关闭状态" }}</label>             <div class="layui-form-mid">{{ lang010[g_lang] || "同一账号的终端独立限速" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang011[g_lang] || "开启状态" }}</label>             <div class="layui-form-mid">{{ lang012[g_lang] || "同一账号的终端共享账号赋予的带宽" }}</div>         </div> {{# } }}         <div class="layui-form-item">             <label class="layui-form-label">{{ lang013[g_lang] || "共享限速" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value="set_rateobj_config">                 <input type="radio" name="account_share" value="0" title='{{ lang014[g_lang] || "关闭" }}'>                 <input type="radio" name="account_share" value="1" title='{{ lang015[g_lang] || "开启" }}'>             </div>         </div>         <div class="layui-hide">             <button lay-submit lay-filter="submit_rateobj_config" id="submit_rateobj_config"></button>         </div>     </form> </script>  <script id="tpl_rateobj_detail" type="text/html">     <div class="layui-row paui-table-card">         <table id="tab_rateobj_detail" lay-filter="tab_rateobj_detail"></table>         <div class="layui-table-page" id="page_rateobj_detail"></div>     </div> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     table = layui.table;      var pa_table = new Paui_table();     var pa_timer = new Paui_timer();      var api = '/cgi-bin/dashboard/ajax_rateobj';     var l_sort = {"field": "account", "type": "desc"};       var event_center = {         btnevt_config: function(){             paopen({                 title: '{{ lang008[g_lang] || "参数设置" }}',                 area: ['400px', '240px'],                 content: $("#tpl_rateobj_config").html(),                 btn: 'default',                 subElem: '#submit_rateobj_config',                 success: function(json){                                          pa_ajax({                         url: api,                         data: {'action': 'load_rateobj_config'},                         success: function(json){                             form.val('form_rateobj_config', json.data);                         }                     });                      form.render();                     form.on('submit(submit_rateobj_config)', function(obj){                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0)                                     alert_err(json.msg);                                 else                                      alert_ok(json.msg);                             }                         });                         return false;                     });                 }             });         },          tabevt_view: function(obj){             paopen({                 title: '{{ lang016[g_lang] || "在线IP" }}->' + obj.data.account,                 area: ['800px', '600px'],                 content: $("#tpl_rateobj_detail").html(),                 success: function(){                     var acct_tab = new Paui_table();                     pa_table.render({                         elem: '#tab_rateobj_detail',                         url: api,                         height: '480px',                         page: true,                         pageElem: 'page_rateobj_detail',                         where: {'action': 'get_rateobj', 'account': obj.data.account},                         cols: [[                             {field: 'id', title: '', width: 36}                             ,{field: 'ip', title: 'IP', templet: col_render}                             ,{field: 'time', title: '{{ lang017[g_lang] || "时间" }}'}                             ,{field: 'flow', title: '{{ lang018[g_lang] || "连接数" }}', sort: true}                             ,{field: 'inbps', title: '{{ lang019[g_lang] || "流入速率" }}', sort: true, templet: col_render}                             ,{field: 'outbps', title: '{{ lang020[g_lang] || "流出速率" }}', sort: true, templet: col_render}                         ]]                     });                      table.on('tool(tab_rateobj_detail)', function(obj){                         event_center[obj.event](obj);                     });                 }             });         },          tabevt_ip: function(obj){             popupIPobj(obj.data.ip);         }     };       var col_render = function(r){         switch(this.field){             case "ip":                 return '<span class="abtn" lay-event="tabevt_ip">'+ r.ip +'</span>';              case "inbps":                 return numberformat( Number(r.inbps) );              case "outbps":                 return numberformat( Number(r.outbps) );              case "inrate":                 return numberformat( Number(r.inrate) * 1000 );              case "outrate":                 return numberformat( Number(r.outrate) * 1000 );              case "indrop_bps":                 return numberformat( Number(r.indrop_bps) );              case "outdrop_bps":                 return numberformat( Number(r.outdrop_bps) );              case "indrop_byte":                 return formatBytes( Number(r.indrop_byte) );              case "outdrop_byte":                 return formatBytes( Number(r.outdrop_byte) );              case "action":                 return '<span class="abtn" lay-event="tabevt_view">{{ lang021[g_lang] || "详情" }}</span>';         }     };       var table_search = function(){         var search = form.getValue('form_rateobj_search');          search.sort = l_sort.field;         search.sortype = l_sort.type;          pa_table.reload({             where: search,             initSort: l_sort         });     };       /* 页面渲染 */     form.render();     pa_table.render({ elem: '#tab_rateobj_list', url: api,         height: 'full-190', autoSort: false,         page: true, pageElem: 'page_rateobj_list', where: {'action': 'list_rateobj'},         parseData: function(json){             json.count = json.data.total || 0;             json.data = json.data.data || [];             return json;         }, cols: [[ {field: 'id', title: '{{ lang033[g_lang] || "序号" }}', width: 36}             ,{field: 'account', title: '{{ lang022[g_lang] || "账号" }}', sort: true}             ,{field: 'group', title: '{{ lang023[g_lang] || "用户组" }}', sort: true}             ,{field: 'online', title: '{{ lang024[g_lang] || "在线IP数" }}', sort: true}             ,{field: 'inrate', title: '{{ lang025[g_lang] || "流入限速" }}', sort: true, templet: col_render}             ,{field: 'outrate', title: '{{ lang026[g_lang] || "流出限速" }}', sort: true, templet: col_render}             ,{field: 'indrop_bps', title: '{{ lang028[g_lang] || "流入丢弃速率" }}', sort: true, templet: col_render}             ,{field: 'outdrop_bps', title: '{{ lang029[g_lang] || "流出丢弃速率" }}', sort: true, templet: col_render}             ,{field: 'indrop_byte', title: '{{ lang030[g_lang] || "流出丢弃字节数" }}', sort: true, templet: col_render}             ,{field: 'outdrop_byte', title: '{{ lang031[g_lang] || "流出丢弃字节数" }}', sort: true, templet: col_render}             ,{field: 'action', title: '{{ lang032[g_lang] || "操作" }}', width: 80, align: 'right', templet: col_render} ]] });       /* 事件绑定 */     util.event('rateobj_event', event_center);          table.on('sort(tab_rateobj_list)', function(obj){         obj.type = obj.type == null ? 'asc' : obj.type;         l_sort = obj; table_search(); });      table.on('tool(tab_rateobj_list)', function(obj){         event_center[obj.event](obj);     });      form.on('input-affix(clear_rateobj_search)', table_search);     form.on('submit(submit_rateobj_search)', function(obj){         table_search();         return false;     });       /* 定时刷新 */     pa_timer.render('select_rateobj_refresh', table_search);  }); </script>