{{#      var lang001 = {"ch": "命中用户", "en": "Hit User"},     lang002 = {"ch": "关键字搜索", "en": "Search"},     lang003 = {"ch": "序号", "en": "No."},     lang004 = {"ch": "账号", "en": "Account"},     lang005 = {"ch": "命中次数", "en": "Hit count"},     lang006 = {"ch": "操作", "en": "Action"}; }}  {{# if(!d.hide_title) { }} <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_malcuser_search">             <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='{{ lang002[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_malcuser_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_malcuser_search" id="submit_malcuser_search">                         <i class="layui-icon layui-icon-search"></i>                     </button>                 </div>             </div>         </form>             <div class="paui-table-card">                 <table id="table_malc_user" lay-filter="table_malc_user"></table>                 <div class="layui-table-page" id="page_malc_user"></div>             </div> {{# if(!d.hide_title) { }}         </div> </div> </div> {{# } }}  <script id="tpl_malc_user" type="text/html"> <span malc_user_event="tabevt_ip2" class="abtn" obj='{% JSON.stringify(d) %}'>{% d.ip %}</span> </script> <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table, dropdown = layui.dropdown;          var pa_table = new Paui_table();     var api = '/cgi-bin/flowcontrol/ajax_malc';     var pdata = JSON.parse('{{- JSON.stringify(d) }}');       var event_center = {         tabevt_ip: function(obj){             popupIPobj(obj.data.ip);         },          tabevt_ip2: function(obj){             var _this = $(this); var _obj = JSON.parse(_this.attr("obj"));              if(_obj.ip.indexOf(":") == -1){                 $.ajax({ url: g_sys_env.paui_vpath + "/cgi-bin/App/ntm/ajax_tunfind",                     async: false, data: {"action": "ipobj_listip", "ip": _obj.ip}, success: function(json){ var dataobj = []; if(json.data.length == 0){ var opt = {}; opt.ip = _obj.ip; opt.pop_title = "实时会话"; opt.pop_route = "monitor/ipview_session"; popupWindow(opt, 1400, 700); }else{ for(var i = 0; i < g_sys_env.linkArr.length; i++){ for(var j = 0; j < json.data.length; j++){ if(json.data[j].vid == g_sys_env.linkArr[i].id){ dataobj.push({ "title": g_sys_env.linkArr[i].name, "vpaid": g_sys_env.linkArr[i].id }); } } }                             if(dataobj.length != 0){                                 dropdown.render({                                     elem: _this                                     ,show: true                                     ,trigger: 'click'                                     ,data: dataobj                                     ,click: function(data){                                         popupIPobj(_obj.ip, 1, data.vpaid);                                     }                                     ,style: 'box-shadow: 1px 1px 20px rgb(43 110 233 / 20%); border-radius:5px;'                                     ,templet: function(d){                                         return '<div class="dropdownspan" style="width: 180px; color: #333; font-size: 12px; line-height: 24px; display: block; border-bottom: 1px #ddd solid; text-align: left; padding: 6px 8px;">' + d.title + '</div>';                                     }                                 });                                                              }else{                                 popupIPobj(_obj.ip, 1);                             } } } }); }else{ popupIPobj(_obj.ip, 1); }         },          tabevt_clear: function(obj){             pa_ajax({                 url: api,                 data: {"action": "clear_ipmalc_match", "ip": obj.data.ip},                 success: function(json){                     if(json.code != 0)                         alert_error(json.msg);                     else {                         table_search();                         alert_ok(json.msg);                     }                 }             });         }     };           var col_render = function(r){         switch(this.field){             case 'ip':                 if(g_sys_env.ntm == 1){                     return patpl( $("#tpl_malc_user").html() ).render(r);                 }else{                     return '<span class="abtn" lay-event="tabevt_ip">'+ r.ip +'</span>';                 }              case 'acct':                 return r.acct == 'none' ? '-' : r.acct;              case 'action':                 return '<span class="abtn" lay-event="tabevt_clear"><i class="pa-icon pa-clear"></i></span>';         }     };           var table_search = function(){         var search = form.getValue("form_malcuser_search");          pa_table.reload({             where: search         });     };           /* 页面渲染 */     pa_table.render({         elem: '#table_malc_user',         page: true,         pageElem: 'page_malc_user',         pageType: 'web',         height: 'full-190',         url: api,         where: {'action': 'load_malcip_list'},         cols: [[             {type: 'numbers', title: '{{ lang003[g_lang] || "序号" }}'},             {field: 'ip', title: 'IP', templet: col_render},             {field: 'mac', title: 'MAC'},             {field: 'acct', title: '{{ lang004[g_lang] || "账号" }}', templet: col_render},             {field: 'match', title: '{{ lang005[g_lang] || "命中次数" }}', sort: true},             {field: 'action', title: '{{ lang006[g_lang] || "操作" }}', width: 80, align: 'right', templet: col_render}         ]], done: function(json){ right_copy_evt($(".layui-table-body .layui-table-cell")); }     });           /* 事件绑定 */ util.event('malc_user_event', event_center);     form.on('input-affix(clear_malcuser_search)', table_search);     form.on('submit(submit_malcuser_search)', function(obj){         table_search();         return false;     });      table.on('tool(table_malc_user)', function(obj){         event_center[obj.event](obj);     });  }); </script>