{{# var lang001 = {"ch": "终端检测", "en": "Endpoint Detection"}, lang002 = {"ch": "在线移动终端数量", "en": "Online Mobile Devices"}, lang003 = {"ch": "在线系统数量", "en": "Active Systems"}, lang004 = {"ch": "冻结时间", "en": "Session Timeout"}, lang005 = {"ch": "信任列表数量", "en": "Whitelist Entries"}, lang006 = {"ch": "终端类型数量", "en": "Device Categories"}, lang007 = {"ch": "流量阻断", "en": "Traffic Filter"}, lang008 = {"ch": "开启", "en": "ON"}, lang009 = {"ch": "关闭", "en": "OFF"}, lang010 = {"ch": "分", "en": "minutes"}; }}  <style> .paui-datasnap-card{ height: 40px; color: #666666; padding-top: 10px; padding-left: 10px; border-radius: 5px; background-color: #FFFFFF; } .paui-datasnap-card i {font-size: 28px} .paui-data-val{font-weight:bold; line-height:20px; color:#444444} #paui_datasnap_box {display: flex; justify-content: space-around;} #paui_datasnap_box .layui-inline{overflow: hidden} </style>  <div class="layui-row layui-col-space4" id="paui_datasnap_box"> <div class="layui-inline"> <div class="layui-row layui-card paui-datasnap-card"> <div class="layui-col-xs2 paui-i-box"> <span class="abtn"> <i class="pa-icon pa-neiwang" style="font-size: 20px;"></i> </span> </div> <div class="layui-col-xs10" style="display: flex;padding-top: 5px;"> <div class="layui-row">{{ lang001[g_lang] || "终端检测" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div> </div> </div>     <div class="layui-inline"> <div class="layui-row layui-card paui-datasnap-card"> <div class="layui-col-xs1 paui-i-box"> <span class="abtn"> <i class="pa-icon pa-block" style="font-size: 20px;"></i> </span> </div> <div class="layui-col-xs11" style="display: flex;padding-top: 5px;padding-left: 10px;"> <div class="layui-row">{{ lang007[g_lang] || "流量阻断" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div> </div> </div> <div class="layui-inline"> <div class="layui-row layui-card paui-datasnap-card"> <div class="layui-col-xs1 paui-i-box"> <span class="abtn"> <i class="pa-icon pa-zhuzhuangtu" style="font-size: 18px;"></i> </span> </div> <div class="layui-col-xs5" style="display: flex;padding-top: 5px;"> <div class="layui-row">{{ lang002[g_lang] || "在线移动终端数量" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div>             <div class="layui-col-xs1 paui-i-box"> <span class="abtn"> <i class="pa-icon pa-zhuzhuangtu" style="font-size: 18px;"></i> </span> </div> <div class="layui-col-xs5" style="display: flex;padding-top: 5px;"> <div class="layui-row">{{ lang003[g_lang] || "在线系统数量" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div> </div> </div> <div class="layui-inline"> <div class="layui-row layui-card paui-datasnap-card"> <div class="layui-col-xs2 paui-i-box"> <span class="abtn"> <i class="layui-icon layui-icon-time" style="font-size: 20px;"></i> </span> </div> <div class="layui-col-xs10" style="display: flex;padding-top: 5px;"> <div class="layui-row">{{ lang004[g_lang] || "冻结时间" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div> </div> </div> <div class="layui-inline"> <div class="layui-row layui-card paui-datasnap-card">             <div class="layui-col-xs1 paui-i-box"> <span class="abtn"> <i class="pa-icon pa-zhuzhuangtu" style="font-size: 18px;"></i> </span> </div> <div class="layui-col-xs5" style="display: flex;padding-top: 5px;"> <div class="layui-row">{{ lang005[g_lang] || "信任列表数量" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div>             <div class="layui-col-xs1 paui-i-box"> <span class="abtn"> <i class="pa-icon pa-zhuzhuangtu" style="font-size: 18px;"></i> </span> </div> <div class="layui-col-xs5" style="display: flex;padding-top: 5px;"> <div class="layui-row">{{ lang006[g_lang] || "终端类型数量" }}&nbsp;&nbsp;</div> <div class="layui-row paui-data-val">-</div> </div> </div> </div> </div>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, patpl = layui.patpl;  var pdata = JSON.parse('{{- JSON.stringify(d) }}');  var load_terminal_info = function(){ pa_ajax({ url: "/cgi-bin/flowcontrol/ajax_phonewifi", data:{"action": "load_terminal_env"}, success: function(json){ var sys_num = json.data.sys_num; var ter_num = json.data.ter_num; var ter_type_num = json.data.ter_type_num;                 var trust_list_num = json.data.trust_list_num;                 var devttl = json.data.devttl*1/60 + '{{ lang010[g_lang] || "分" }}' ;                 var enable = json.data.enable == "1" ? '{{ lang008[g_lang] || "开启" }}' : '{{ lang009[g_lang] || "关闭" }}';                 var color = json.data.enable == "1" ? "#04d86a" : "#f14c4c";                 var drop_enable = json.data.drop_enable == "1" ? '{{ lang008[g_lang] || "开启" }}' : '{{ lang009[g_lang] || "关闭" }}';                 var drop_color = json.data.drop_enable == "1" ? "#04d86a" : "#f14c4c";                  var dom = $(".paui-terminal-overview .paui-data-val"); dom.eq(0).text( enable ).css("color",color);                 dom.eq(1).text( drop_enable ).css("color",drop_color); dom.eq(2).text( ter_num ); dom.eq(3).text( sys_num ); dom.eq(4).text( devttl ); dom.eq(5).text( trust_list_num ); dom.eq(6).text( ter_type_num );  } }); };   var auto_flush_width = function(){ if( $(".paui-terminal-overview").length == 0 ) return; var width = $(".paui-terminal-overview").width(); width = ( Number(width) - 42 ) / 5; $(".paui-terminal-overview").find(".layui-inline").css("width", width + "px"); $(".paui-terminal-overview").find(".layui-inline").eq(0).css("width", (width - 50) + "px"); $(".paui-terminal-overview").find(".layui-inline").eq(1).css("width", (width - 50) + "px"); $(".paui-terminal-overview").find(".layui-inline").eq(2).css("width", (width + 120) + "px"); $(".paui-terminal-overview").find(".layui-inline").eq(3).css("width", (width - 50) + "px"); $(".paui-terminal-overview").find(".layui-inline").eq(4).css("width", (width + 100) + "px"); };   /* 页面初始 */ load_terminal_info(); auto_flush_width();  /* 定时刷新 */ l_tiemr = setInterval(load_terminal_info, 10000); g_Intervaltimer.push(l_tiemr);  }); </script>