{{# var lang001 = {"ch": "关键字搜索", "en": "Keyword Search"}, lang002 = {"ch": "序号", "en": "No."}, lang003 = {"ch": "设备IP", "en": "Device IP"}, lang004 = {"ch": "设备MAC", "en": "Device MAC"}, lang005 = {"ch": "检测时间", "en": "Detection Time"}, lang006 = {"ch": "移动终端数量", "en": "Mobile Devices"},     lang007 = {"ch": "参数配置", "en": "Configuration"},     lang008 = {"ch": "导出", "en": "Export"},     lang009 = {"ch": "PC终端数量", "en": "PC Devices"},     lang0010 = {"ch": "账号", "en": "Account"},     lang0011 = {"ch": "最近发现时间", "en": "Last Detection Time"},     lang0012 = {"ch": "信任列表", "en": "Trust List"},     lang0013 = {"ch": "发现趋势", "en": "Discovery Trend"},     lang0014 = {"ch": "操作", "en": "Action"},     lang0015 = {"ch": "一键标记为信任", "en": "Mark as Trusted"},     lang0016 = {"ch": "冻结", "en": "Freeze"},     lang0017 = {"ch": "解冻", "en": "Unfreeze"},     lang0018 = {"ch": "确定要冻结吗", "en": "Confirm to freeze?"},     lang0019 = {"ch": "确定要解冻吗", "en": "Confirm to unfreeze?"},     lang0020 = {"ch": "确定要标记为信任吗", "en": "Confirm to mark as trusted?"},     lang0021 = {"ch": "发现趋势", "en": "Discovery Trend"},     lang0022 = {"ch": "序号", "en": "No."}, lang0023 = {"ch": "设备IP", "en": "Device IP"}, lang0024 = {"ch": "设备MAC", "en": "Device MAC"}, lang0025 = {"ch": "检测时间", "en": "Detection Time"}, lang0026 = {"ch": "移动终端数量", "en": "Mobile Devices"},     lang0027 = {"ch": "参数配置", "en": "Configuration"},     lang0028 = {"ch": "导出", "en": "Export"},     lang0029 = {"ch": "PC终端数量", "en": "PC Devices"},     lang0030 = {"ch": "账号", "en": "Account"},     lang0031 = {"ch": "最近发现时间", "en": "Last Detection Time"},     lang0032 = {"ch": "信任列表", "en": "Trust List"},     lang0033 = {"ch": "发现趋势", "en": "Discovery Trend"},     lang0034 = {"ch": "关键字搜索", "en": "Search"},     lang0035 = {"ch": "近3小时", "en": "Last 3 Hours"},     lang0036 = {"ch": "近5小时", "en": "Last 5 Hours"},     lang0037 = {"ch": "近12小时", "en": "Last 12 Hours"},     lang0038 = {"ch": "请选择", "en": "Please Select"},     lang0039 = {"ch": "1个共享", "en": "1 Share"},     lang0040 = {"ch": "2个共享", "en": "2 Shares"},     lang0041 = {"ch": "3个共享", "en": "3 Shares"},     lang0042 = {"ch": "4个共享", "en": "4 Shares"},     lang0043 = {"ch": "5个共享", "en": "5 Shares"},     lang0044 = {"ch": "6个共享", "en": "6 Shares"},     lang0045 = {"ch": "7个共享", "en": "7 Shares"},     lang0046 = {"ch": "8个共享", "en": "8 Shares"},     lang0047 = {"ch": "9个共享", "en": "9 Shares"},     lang0048 = {"ch": "10个共享", "en": "10 Shares"},     lang0049 = {"ch": "11个共享", "en": "11 Shares"},     lang0050 = {"ch": "12个共享", "en": "12 Shares"},     lang0051 = {"ch": "13个共享", "en": "13 Shares"},     lang0052 = {"ch": "14个共享", "en": "14 Shares"},     lang0053 = {"ch": "共享>=15", "en": "≥15 Shares"},     lang0054 = {"ch": "共享检测趋势图", "en": "Sharing Detection Trend Chart"}; }}  <div class="layui-card">     <div class="layui-card-header">{{ lang0054[g_lang] || "共享检测趋势图" }}</div>     <div class="layui-card-body">         <div class="paui-chart-div" id="paui-chart-trend-discovery" style="height: 250px;"></div>     </div> </div>  <form class="layui-row layui-form layui-form-pane paui-table-form" lay-filter="form_device_search" style="margin-top: 10px;"> <div class="layui-form-item paui-table-form-left"> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off"             placeholder='{{ lang001[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_device_search"> </div> <div class="layui-form-mid" style="padding:0px!important"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_device_search" id="submit_device_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 paui-hover-menu" style="margin-right:0px"> <!-- <span class="abtn" paui_gswifi_event="btnevt_config"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang007[g_lang] || "参数配置" }} </span> -->              <span class="abtn" paui_gswifi_event="btnevt_export"> <i class="pa-icon pa-download"></i>&nbsp;{{ lang008[g_lang] || "导出" }} </span>         </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_device_control" lay-filter="tab_device_control"></table>     <div class="layui-table-page" id="page_device_control"></div> </div>  <script id="tpl_gswifi_td_action" type="text/html">     <span class="abtn" lay-event="tabevt_trust" title='{{ lang0015[g_lang] || "一键标记为信任" }}'>         <i class="layui-icon layui-icon-auz"></i>     </span>     &nbsp; {%# if (d.trust == 1) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang0016[g_lang] || "冻结" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang0017[g_lang] || "解冻" }}'> <i class="layui-icon layui-icon-play"></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 api = '/cgi-bin/flowcontrol/ajax_phonewifi';       var event_center = {         btnevt_trust_list:function(){             paopen({                 title: '{{ lang0012[g_lang] || "信任列表" }}',                 area: ['900px', '500px'],                 data: {'type': 'gswifi'},                 url: '/html/control/wifi_gswifi_trust_list.html',             });         },          btnevt_config: function(){             paopen({                 title: '{{ lang007[g_lang] || "参数配置" }}',                 area: ['700px', '300px'],                 url: '/html/control/wifi_gswifi_config.html',                 btn: 'default',                 subElem: '#submit_gswifi_config',             });         },          btnevt_export: function(){ pa_ajax({ url: api, data: {'action': 'export_gswifi_csv'}, success: function(json){ if(json.code != 0) alert_err(json.msg); else web_download(json.data); } });         },          tabevt_trust:function(obj){             pa_confirm('{{ lang0020[g_lang] || "确定要标记为信任吗" }}?', function(index){                 layer.close(index);                 var data = {};                     data.action = "add_trust_ip";                     data.wipchstr = obj.data.ip;                     data.desc = "一键标记为信任";                     data.type = "gswifi";                 pa_ajax({                     url: api,                     data: data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_disable: function(obj){             pa_confirm('{{ lang0018[g_lang] || "确定要冻结吗" }}?', function(index){                 layer.close(index);                 var data = {};                     data.action = "control_gswifi";                     data.ip = obj.data.ip;                     data.trust = 2;                     data.type = "gswifi";                 pa_ajax({                     url: api,                     data: data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_enable: function(obj){             pa_confirm('{{ lang0019[g_lang] || "确定要解冻吗" }}?', function(index){                 layer.close(index);                 var data = {};                     data.action = "control_gswifi";                     data.ip = obj.data.ip;                     data.trust = 1;                     data.type = "gswifi";                 pa_ajax({                     url: api,                     data: data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         }     };      var col_render = function(r){         switch(this.field){             case "time":                 return util.toDateString(Number(r.time) * 1000);              case "act":                 return patpl( $("#tpl_gswifi_td_action").html() ).render(r);          }     };      var table_search = function(){         var search = form.getValue("form_device_search");         pa_table.reload({             where: search         });     };       var load_chart = function(){         pa_ajax({             url: api,             data: {"action": "trend_discovery_chart"},             success: function(json){                     layui.each(json.data.data, function(index, elem){                       switch (elem.name) {                         case 'gswifi_cnt_1':                             elem.name = '{{ lang0039[g_lang] || "1个共享" }}';                             break;                         case 'gswifi_cnt_2':                             elem.name = '{{ lang0040[g_lang] || "2个共享" }}';                             break;                         case 'gswifi_cnt_3':                             elem.name = '{{ lang0041[g_lang] || "3个共享" }}';                             break;                         case 'gswifi_cnt_4':                             elem.name = '{{ lang0042[g_lang] || "4个共享" }}';                             break;                         case 'gswifi_cnt_5':                             elem.name = '{{ lang0043[g_lang] || "5个共享" }}';                             break;                         case 'gswifi_cnt_6':                             elem.name = '{{ lang0044[g_lang] || "6个共享" }}';                             break;                         case 'gswifi_cnt_7':                             elem.name = '{{ lang0045[g_lang] || "7个共享" }}';                             break;                         case 'gswifi_cnt_8':                             elem.name = '{{ lang0046[g_lang] || "8个共享" }}';                             break;                         case 'gswifi_cnt_9':                             elem.name = '{{ lang0047[g_lang] || "9个共享" }}';                             break;                         case 'gswifi_cnt_10':                             elem.name = '{{ lang0048[g_lang] || "10个共享" }}';                             break;                         case 'gswifi_cnt_11':                             elem.name = '{{ lang0049[g_lang] || "11个共享" }}';                             break;                         case 'gswifi_cnt_12':                             elem.name = '{{ lang0050[g_lang] || "12个共享" }}';                             break;                         case 'gswifi_cnt_13':                             elem.name = '{{ lang0051[g_lang] || "13个共享" }}';                             break;                         case 'gswifi_cnt_14':                             elem.name = '{{ lang0052[g_lang] || "14个共享" }}';                             break;                         case 'gswifi_cnt_15':                             elem.name = '{{ lang0053[g_lang] || "共享>=15" }}';                             break;                       }                 }); pachart_area("paui-chart-trend-discovery", { yAxis: { title: { text: '' }, axisLabel: { formatter: function (value, index) { return parseInt(value); }, }, minInterval: 1,  }, series: json.data.data });             }         });     };       /* 页面渲染 */     form.render();     load_chart();      paui_upload({         elem: '#paui-btn-import-device-control'         ,accept: 'file'         ,exts: 'conf'         ,url: api         ,data: {'action': 'import_ipmac_bind'}         ,done: function(json){             if(json.code != 0)                 alert_err(json.msg);             else {                 alert_ok(json.msg);                 table_search();             }         }     });      pa_table.render({ elem: '#tab_device_control', height: 'full-190',         url: api, where: {"action": "load_gswifi_list"},         page: true, pageElem: 'page_ipmac_bind', parseData: function(json){             var data = []; layui.each(json.data, function(index, elem){                  if(elem.account.indexOf("%20")){ elem.account = elem.account.replaceAll("%20", " ");  }  data.push(elem);   }); json.count = data.length; json.data = data; return json; }, cols: [[ {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang002[g_lang] || "序号" }}'}             ,{field: 'ip', title: '{{ lang003[g_lang] || "设备IP" }}', sort: true}             ,{field: 'mac', title: '{{ lang004[g_lang] || "设备MAC" }}', sort: true}             ,{field: 'time', title: '{{ lang0011[g_lang] || "最近发现时间" }}', sort: true, templet: col_render}             ,{field: 'phone', title: '{{ lang006[g_lang] || "移动终端数量" }}', sort: true}             ,{field: 'pc', title: '{{ lang009[g_lang] || "PC终端数量" }}', sort: true}             ,{field: 'account', title: '{{ lang0010[g_lang] || "账号" }}', sort: true}             ,{field:'act', title:'{{ lang0014[g_lang] || "操作" }}', width: 100, align:"right", templet: col_render} ]]     });       /* 事件绑定 */     util.event('paui_gswifi_event', event_center);     form.on('input-affix(clear_device_search)', table_search);     form.on('submit(submit_device_search)', function(obj){         table_search();         return false;     });      table.on('tool(tab_device_control)', function(obj){         event_center[obj.event](obj);     });       /* 定时刷新 */     l_tiemr = setInterval(load_chart, 30000);     g_Intervaltimer.push(l_tiemr); }); </script>