{{# var lang001 = {"ch": "命中日志", "en": "Match Log"}, lang002 = {"ch": "日志导出", "en": "Export Log"}, lang003 = {"ch": "确定要导出吗？", "en": "Confirm to export the log?"}, lang004 = {"ch": "序号", "en": "No."}, lang005 = {"ch": "命中时间", "en": "Match Time"}, lang006 = {"ch": "名称", "en": "Name"}, lang007 = {"ch": "分类", "en": "Category"}, lang008 = {"ch": "关键字搜索", "en": "Search"}, lang009 = {"ch": "域名分类", "en": "Domain Category"}, lang010 = {"ch": "全部分类", "en": "All Categories"}, lang011 = {"ch": "域名", "en": "Domain Name"}; }}  <style> .paui-threat-risk-critical{color:#ff2d2d;} .paui-threat-risk-high{color:#ff5252;} .paui-threat-risk-mid{color:#ffcc00;} .paui-threat-risk-low{color:#4dabf7;} .paui-threat-risk-info{color:#757575;} .paui-threat-risk-critical .layui-badge-dot{background-color:#ff2d2d;} .paui-threat-risk-high .layui-badge-dot{background-color:#ff5252;} .paui-threat-risk-mid .layui-badge-dot{background-color:#ffab00;} .paui-threat-risk-low .layui-badge-dot{background-color:#4dabf7;} .paui-threat-risk-info .layui-badge-dot{background-color:#757575;} </style> <div style=" padding: 10px 10px 0px 10px;">     <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_urllog_search">         <div class="layui-form-item paui-table-form-left">             <label class="layui-form-label" style="width: 100px;">{{ lang009[g_lang] || "域名分类" }}</label>             <div class="layui-input-inline" style="width:100px">                 <select name="type" id="select_urltype_search" lay-filter="select_urltype_search">                     <option value="all">{{ lang010[g_lang] || "全部分类" }}</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_urllog_search">             </div>             <div class="layui-input-inline" style="width:60px">                 <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_urllog_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" style="margin-right:0px">                 <span class="abtn" urllog_event="btnevt_export">                     <i class="pa-icon pa-download"></i>{{ lang002[g_lang] || "日志导出" }}                 </span>             </div>         </div>     </form>     <div class="paui-table-card">         <table id="tab_url_log_all" lay-filter="tab_url_log_all"></table>         <div class="layui-table-page" id="page_url_log_all"></div>     </div> </div> <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/proto/ajax_url_cat';      pa_ajax({         url: api,         data: {'action': 'lib_url_list'},         success: function(json){             layui.each(json.data, function(index, elem){                 if(elem.type === 'sysgrp' && elem.pid != 0){                     var opt = '<option value="'+ elem.title +'">' + elem.title + '</option>';                     $("#select_urltype_search").append(opt);                 }             });             form.render();         }     });      var event_center = {         btnevt_export: function(){             pa_confirm('{{ lang003[g_lang] || "确定要导出吗？"}}', function(index){                 layer.close(index);                 var search = form.getValue('form_urllog_search');                 search.action = "export_url_log";                  pa_ajax({                     url: api,                     data: search,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data);                     }                 });             });         },     };      var col_render = function(r){         switch(this.field){             case "time": return util.toDateString(r.time * 1000);         }     };      var table_search = function(){         var search = form.getValue('form_urllog_search');         pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();  var where = form.getValue('form_urllog_search'); where.action = "load_url_log";      pa_table.render({         elem: '#tab_url_log_all',         page: true,         pageElem: 'page_url_log_all',         height: 'full-190',         url: api,         where,         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {type: 'numbers', title: '{{ lang004[g_lang] || "序号" }}'},             {field: 'time', title: '{{ lang005[g_lang] || "命中时间" }}', templet: col_render, width: 200},             {field: 'url', title: '{{ lang011[g_lang] || "域名" }}'},             {field: 'name', title: '{{ lang006[g_lang] || "名称" }}'},             {field: 'type', title: '{{ lang007[g_lang] || "分类" }}'}         ]], done: function(json){ right_copy_evt($(".layui-table-body .layui-table-cell")); }     });       /* 事件绑定 */     util.event('urllog_event', event_center);      form.on('select(select_urltype_search)', table_search);     form.on('input-affix(clear_urllog_search)', table_search);     form.on('submit(submit_urllog_search)', function(obj){         table_search();         return false;     });  }); </script>