{{# var lang001 = {"ch": "移动终端", "en": "Mobile Devices"}, lang002 = {"ch": "趋势分析", "en": "Trend Analysis"}, lang003 = {"ch": "最近一天", "en": "Last 24 Hours"}, lang004 = {"ch": "最近三天", "en": "Last 3 Days"}, lang005 = {"ch": "数据加载中", "en": "Loading Data"}, lang006 = {"ch": "最近一周", "en": "Last Week"}, lang007 = {"ch": "最近一月", "en": "Last Month"}, lang008 = {"ch": "忽略", "en": "Ignore"}, lang009 = {"ch": "识别", "en": "Recognize"}, lang010 = {"ch": "在线用户", "en": "Online Users"}, lang011 = {"ch": "确定要忽略该型号的识别", "en": "Confirm to ignore recognition of this model?"}, lang012 = {"ch": "确定要识别该型号", "en": "Confirm to recognize this model?"}, lang013 = {"ch": "序号", "en": "No."}, lang014 = {"ch": "终端型号", "en": "Terminal Model"}, lang015 = {"ch": "当前在线", "en": "Currently Online"}, lang016 = {"ch": "忽略型号识别", "en": "Ignore Model Recognition"}, lang017 = {"ch": "操作", "en": "Action"}, lang018 = {"ch": "数量", "en": "Quantity"}; }}  <div class="layui-tab layui-tab-brief">     <ul class="layui-tab-title">         <li class="layui-this">{{ lang001[g_lang] || "移动终端" }}</li>         <li>{{ lang002[g_lang] || "趋势分析" }}</li>     </ul>     <div class="layui-tab-content">         <div class="layui-tab-item layui-show">             <div class="paui-table-card">                 <table id="tab_mobile" lay-filter="tab_mobile"></table>             </div>         </div>         <div class="layui-tab-item" style="padding-bottom: 10px;">             <div class="layui-card">                 <div class="layui-card-header">                     <span>{{ lang003[g_lang] || "最近一天" }}</span>                     <div class="paui-card-tool">                         <span class="abtn" mobile-event="btnevt_chart_cmp">{{ lang004[g_lang] || "最近三天" }}</span>                     </div>                 </div>                 <div class="layui-card-body">                     <div class="paui-chart-div" id="paui-chart-mobile-day">                         <div class="layui-row layui-word-aux" style="text-align:center;line-height:80px">{{ lang005[g_lang] || "数据加载中" }}</div>                     </div>                 </div>             </div>              <div class="layui-card" style="margin-top: 10px;">                 <div class="layui-card-header">{{ lang006[g_lang] || "最近一周" }}</div>                 <div class="layui-card-body">                     <div class="paui-chart-div" id="paui-chart-mobile-week">                         <div class="layui-row layui-word-aux" style="text-align:center;line-height:80px">{{ lang005[g_lang] || "数据加载中" }}</div>                     </div>                 </div>             </div>              <div class="layui-card" style="margin-top: 10px;">                 <div class="layui-card-header">{{ lang007[g_lang] || "最近一月" }}</div>                 <div class="layui-card-body">                     <div class="paui-chart-div" id="paui-chart-mobile-month">                         <div class="layui-row layui-word-aux" style="text-align:center;line-height:80px">{{ lang005[g_lang] || "数据加载中" }}</div>                     </div>                 </div>             </div>         </div>     </div> </div>  <script id="tpl_mobile_td_action" type="text/html">     <span class="abtn" lay-event="tabevt_ip" title='在线用户'>         <i class="layui-icon layui-icon-form"></i>     </span>     &nbsp; {%# if (d.black == 0) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang008[g_lang] || "忽略" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang009[g_lang] || "识别" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } %} </script>   <script> layui.use(function(){     var $ = layui.$,     util  = layui.util,     table = layui.table,     patpl = layui.patpl;      pa_table = new Paui_table();      var api = '/cgi-bin/dashboard/ajax_mobile';      var event_center = {         btnevt_chart_cmp: function(){ popChart({ "types": '3day', "title": '{{ lang001[g_lang] || "移动终端" }}',                 "tags": "mob_total",                 "name": '{{ lang018[g_lang] || "数量" }}',                 "pop_title": '{{ lang002[g_lang] || "最近三天" }}' });         },          tabevt_ip: function(obj){             popupWindow({                 devid: obj.data.devid,                 devname: obj.data.devname,                 pop_title: '{{ lang010[g_lang] || "在线用户" }}->' + obj.data.devname,                 pop_route: 'monitor/mobile_ipview'             }, 620, 700);         },          tabevt_disable: function(obj){             pa_confirm('{{ lang011[g_lang] || "确定要忽略该型号的识别" }}?', function(index){                 layer.close(index);                 obj.data.action = "disable_mobile";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_serach();                         }                     }                 });             });         },          tabevt_enable: function(obj){             pa_confirm('{{ lang012[g_lang] || "确定要识别该型号" }}?', function(index){                 layer.close(index);                 obj.data.action = "enable_mobile";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_serach();                         }                     }                 });             });         }     };       var col_render = function(r){         switch(this.field){             case "black":                 return r.black == 1 ? '{{ lang008[g_lang] || "忽略" }}' : '{{ lang009[g_lang] || "识别" }}';              case "act":                 return patpl( $("#tpl_mobile_td_action").html() ).render(r);         }     };       var table_serach = function(){         pa_table.reload();     };       /* 页面渲染 */     pa_table.render({         elem: '#tab_mobile',         height: 'full-108',         url: api,         where: {'action': 'load_mobile_list'},         cols: [[             {type: 'numbers', title:'{{ lang013[g_lang] || "序号" }}'}             ,{field: 'devname', title: '{{ lang014[g_lang] || "终端型号" }}'}             ,{field: 'count', title: '{{ lang015[g_lang] || "当前在线" }}'}             ,{field: 'black', title: '{{ lang016[g_lang] || "忽略型号识别" }}', templet: col_render}             ,{field:'act', title:'{{ lang017[g_lang] || "操作" }}', width: 100, align:"right", templet: col_render}         ]],         done: function(json){             var obj = $("#tab_mobile").next();             layui.each(json.data, function(index, elem){                 if(elem.black == "1")                     obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");              });         }     });       /* 趋势图 */     pa_ajax({         url: '/cgi-bin/dashboard/ajax_chart_dump',         data: {"action": "history_chart_dump", "tags": "mob_total", "types": "month"},         success: function(json){             json.data[0][0].name = '{{ lang018[g_lang] || "数量" }}';             json.data[1][0].name = '{{ lang018[g_lang] || "数量" }}';             json.data[2][0].name = '{{ lang018[g_lang] || "数量" }}';              pachart_line("paui-chart-mobile-day", {                 yAxis: {title:{ text:'{{ lang001[g_lang] || "移动终端" }}' }},                 legend: { enabled: false },                 series: json.data[0]             });              pachart_line("paui-chart-mobile-week", {                 yAxis: {title:{ text:'{{ lang001[g_lang] || "移动终端" }}' }},                 legend: { enabled: false },                 series: json.data[1]             });              pachart_line("paui-chart-mobile-month", {                 yAxis: {title:{ text:'{{ lang001[g_lang] || "移动终端" }}' }},                 legend: { enabled: false },                 series: json.data[2]             });         }     });       /* 事件绑定 */     util.event('mobile-event', event_center);      table.on('tool(tab_mobile)', function(obj){         event_center[obj.event](obj);     }); }); </script>