{{# var lang001 = {"ch": "流量统计", "en": "Traffic Statistics"}, lang002 = {"ch": "自动刷新", "en": "Refresh"}, lang003 = {"ch": "不刷新", "en": "No Refresh"}, lang004 = {"ch": "5秒", "en": "5s"}, lang005 = {"ch": "10秒", "en": "10s"}, lang006 = {"ch": "20秒", "en": "20s"}, lang007 = {"ch": "60秒", "en": "60s"}, lang008 = {"ch": "关键字搜索", "en": "Search"}, lang009 = {"ch": "添加", "en": "Add"}, lang010 = {"ch": "编辑", "en": "Edit"}, lang011 = {"ch": "删除", "en": "Delete"}, lang012 = {"ch": "信息", "en": "Details"}, lang013 = {"ch": "编辑统计对象", "en": "Edit Statistics Object"}, lang014 = {"ch": "确定要删除统计对象", "en": "Confirm to delete this Statistics Object"}, lang015 = {"ch": "统计对象状态", "en": "Status"}, lang016 = {"ch": "添加统计对象", "en": "Add Statistics Object"}, lang017 = {"ch": "开启", "en": "On"}, lang018 = {"ch": "关闭", "en": "Off"}, lang019 = {"ch": "序号", "en": "No."}, lang020 = {"ch": "名称", "en": "Name"}, lang021 = {"ch": "上行速率", "en": "Uplink Rate"}, lang022 = {"ch": "下行速率", "en": "Downlink Rate"}, lang023 = {"ch": "上行流量", "en": "Uplink Traffic (Bytes)"}, lang024 = {"ch": "下行流量", "en": "Downlink Traffic (Bytes)"}, lang025 = {"ch": "操作", "en": "Action"}; }}  <div class="layui-tab layui-tab-brief"> <ul class="layui-tab-title"> <li class="layui-this">{{ lang001[g_lang] || "流量统计" }}</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show">             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ntmso_search">                 <div class="layui-form-item paui-table-form-left">                     <label class="layui-form-label">{{ lang002[g_lang] || "自动刷新" }}</label>                     <div class="layui-input-inline" style="width:80px">                         <select name="refresh" id="select_ntmso_refresh">                             <option value="">{{ lang003[g_lang] || "不刷新" }}</option>                             <option value=5>{{ lang004[g_lang] || "5秒" }}</option>                             <option value=10 selected>{{ lang005[g_lang] || "10秒" }}</option>                             <option value=20>{{ lang006[g_lang] || "20秒" }}</option>                             <option value=60>{{ lang007[g_lang] || "60秒" }}</option>                         </select>                     </div>                     <div class="layui-input-inline">                         <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang008[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_ntmso_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_ntmso_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" ntmso-event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang009[g_lang] || "添加" }}                         </span>                         <span class="layui-hide" id="paui-btn-reload-ntmso" ntmso-event="btnevt_reload"></span>                     </div>                 </div>             </form>             <div class="layui-row paui-table-card">                 <table id="tab_nmtso_list" lay-filter="tab_nmtso_list"></table> <div class="layui-table-page" id="page_ntmso_list"></div>             </div>         </div> </div> </div>  <script id="tpl_ntmso_action" type="text/html">     <span class="abtn" lay-event="tabevt_edit" title='{{ lang010[g_lang] || "编辑" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang011[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> <span class="abtn" lay-event="tabevt_info" title='{{ lang012[g_lang] || "信息" }}'> <i class="layui-icon layui-icon-about"></i> </span> </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var api = '/cgi-bin/flowcontrol/ajax_ntmso';   var event_center = { tabevt_edit: function(obj){ obj.data.action = 'edit_ntmso_obj'; paopen({ title: '{{ lang013[g_lang] || "编辑统计对象" }}->' + obj.data.name, url: '/html/flowcontrol/ntmso_add.html', data: obj.data, btn: 'default', subElem: '#submit_ntmso_add', area: ['450px', '190px'] }); },  tabevt_rmv: function(obj){ pa_confirm('{{ lang014[g_lang] || "确定要删除统计对象" }}:' + obj.data.name, function(index){ layer.close(index); obj.data.action = 'rmv_ntmso'; pa_ajax({ url: api, data: obj.data, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }) }); },  tabevt_info: function(obj){ popupWindow({ id: obj.data.id, name: obj.data.name, pop_title: '{{ lang015[g_lang] || "统计对象状态" }}->' + obj.data.name, pop_route: 'flowcontrol/ntmso_info' }, 880, 695); },  btnevt_add: function(){ paopen({ title: '{{ lang016[g_lang] || "添加统计对象" }}', url: '/html/flowcontrol/ntmso_add.html', btn: 'default', subElem: '#submit_ntmso_add', area: ['450px', '190px'] }); },  btnevt_reload: function(){ table_search(); } };   var col_render = function(r) { switch(this.field) { case "name": return '<span class="abtn" lay-event="tabevt_edit">' + r.name + '</span>';  case "upbps": return numberformat(r.upbps);  case "dnbps": return numberformat(r.dnbps);  case "upbytes": return formatBytes(r.upbytes);  case "dnbytes": return formatBytes(r.dnbytes);  case "trackip": return r.trackip == 1 ? '{{ lang017[g_lang] || "开启" }}' : '{{ lang018[g_lang] || "关闭" }}';  case "ip": return '<span class="abtn" lay-event="tabevt_ip">' + r.ip + '</span>'; } };   var table_search = function(){ var search = form.getValue("form_ntmso_search"); pa_table.reload({where: search}); };   /* 页面渲染 */ form.render();  pa_table.render({ elem: '#tab_nmtso_list', url: api, height: 'full-190', page: true, pageType: 'web', pageElem: 'page_ntmso_list', where: {'action': 'list_ntmso_obj'}, parseData: function(json){ var data = []; var search = form.getValue("form_ntmso_search"); for(var i = 0; i < json.data.length; i++){ if ( JSON.stringify(json.data[i]).indexOf(search.keyword)  >= 0 ) data.push(json.data[i]); }; json.data = data; return json; } ,cols: [[ {type:'numbers', width: 44, title:'{{ lang019[g_lang] || "序号" }}'} ,{field:'name', title:'{{ lang020[g_lang] || "名称" }}',  sort: true, templet:col_render} ,{field:'upbps', title:'{{ lang021[g_lang] || "上行速率" }}', sort: true, templet:col_render} ,{field:'dnbps', title:'{{ lang022[g_lang] || "下行速率" }}', sort: true, templet:col_render} ,{field:'upbytes', title:'{{ lang023[g_lang] || "上行流量" }}', sort: true, templet:col_render} ,{field:'dnbytes', title:'{{ lang024[g_lang] || "下行流量" }}', sort: true, templet:col_render} ,{field:'act', title:'{{ lang025[g_lang] || "操作" }}', align: 'right', templet: '#tpl_ntmso_action'} ]] });   /* 事件绑定 */ util.event("ntmso-event", event_center);  table.on('tool(tab_nmtso_list)', function(obj){ event_center[obj.event](obj); });   form.on('input-affix(clear_ntmso_search)', table_search); form.on('submit(submit_ntmso_search)', function(obj){ table_search(); return false; });  pa_timer.render('select_ntmso_refresh', table_search, 10); }); </script>