{{# var lang001 = {"ch":"关键字搜索", "en": "Search"}, lang002 = {"ch": "绑定IP列表", "en": "Bound IP List"}, lang004 = {"ch": "命中次数", "en": "Hit Count"}, lang005 = {"ch": "域名", "en": "Domain Name"}, lang006 = {"ch": "最近活跃时间", "en": "Last Active Time"}, lang007 = {"ch": "别名数量", "en": "Alias Count"}, lang008 = {"ch": "IP数量", "en": "IP Count"}, lang009 = {"ch": "操作", "en": "Action"}, lang010 = {"ch": "删除", "en": "Delete"}, lang011 = {"ch": "确定要删除吗", "en": "Confirm to delete?"}, lang012 = {"ch": "序号", "en": "No."}, lang013 = {"ch": "删除", "en": "Delete"}, lang014 = {"ch": "删除勾选", "en": "Delete Selected"}, lang015 = {"ch": "全部删除", "en": "Delete All"}, lang016 = {"ch": "请选择需要操作的数据", "en": "Please select the item(s) to operate on"}; }}  <div style="padding: 10px;">     <form class="layui-row layui-form layui-form-pane paui-table-form" lay-filter="form_domain_host_search">         <div class="layui-form-item paui-table-form-left">             <div class="layui-input-inline">                 <input type="text" name="keyword" placeholder='{{ lang001[g_lang] || "关键字搜索" }}'                 autocomplete="off" class="layui-input" lay-affix="clear" lay-filter="clear_domain_host_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_domain_host_search" id="submit_domain_host_search">                     <i class="layui-icon layui-icon-search"></i>                 </button>             </div>         </div>         <div class="layui-form-item paui-table-form-right" style="margin-right: 20px;">             <div class="layui-form-mid" paui-hover-evt="paui_btn_more"> <span class="abtn"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang013[g_lang] || "删除" }} </span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn" drt_view="btnevt_delete_check">{{ lang014[g_lang] || "删除勾选" }}</span> </dd> <dd> <span class="abtn" drt_view="btnevt_delete_all">{{ lang015[g_lang] || "全部删除" }}</span> </dd> </dl> </div>         </div>     </form>     <div class="layui-row paui-table-card">         <table id="tab_domain_host_list" lay-filter="tab_domain_host_list"></table>         <div class="layui-table-page" id="page_domain_host_list"></div>     </div> </div>  <script id="tpl_domain_host_ips" type="text/html">     <div class="paui-table-card" style="margin: 10px;">         <div class="layui-row layui-col-space10">             {%# layui.each(d, function(index, elem){ %}                 <div class="layui-col-xs6 layui-font-12">                     <i class="pa-icon pa-ip"></i>&nbsp;{% elem %}                 </div>             {%# }); %}         </div>     </div> </script>  <script id="tpl_domain_host_rmv" type="text/html"> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang010[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     table = layui.table,     patpl = layui.patpl;      var pa_table = new Paui_table();     var l_sort = {"field": "ipcnt", "type": "desc"};     var api = '/cgi-bin/network/ajax_domain_route';     var TPL = $("#tpl_domain_host_ips").html();       var get_policy_id = function(){         return $('#paui-drtview-policy-id').text();     };       var event_center = {         tabevt_iplist: function(obj){             var ip = obj.data.ips.split(",");             paopen({                 title: '{{ lang002[g_lang] || "绑定IP列表" }}->' + obj.data.domain,                 area: ['500px', '420px'],                 content: patpl(TPL).render(ip),                 shadeClose: true             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang011[g_lang] || "确定要删除吗" }}？', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'rmv_active_domain', 'domain': obj.data.domain, type: 'name'},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          btnevt_delete_check: function(){             var data = ""; var chk = table.checkStatus('tab_domain_host_list'); if(chk.data.length == 0){ layer.msg('{{ lang016[g_lang] || "请选择需要操作的数据" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.domain + ";"; });             pa_confirm('{{ lang011[g_lang] || "确定要删除吗" }}？', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'btnrmv_active_domain', 'items':data, type: 'name'},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          btnevt_delete_all: function(){             pa_confirm('{{ lang011[g_lang] || "确定要删除吗" }}？', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {'action': 'btnrmv_all_active_domain', 'id': get_policy_id(), type: 'name'},                     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 "ipcnt":                 if(r.ips == "NULL") return 0;                 return '<span class="abtn" lay-event="tabevt_iplist">' + r.ipcnt + '</span>';         }     };       var table_search = function(type){         var search = form.getValue("form_domain_host_search");         search.id = get_policy_id();         search.sort = l_sort.field;         search.sort_type = l_sort.type;                  pa_table.reload({             where: search,             initSort: l_sort         });     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_domain_host_list',         autoSort: false,         url: api,         height: '500px',         autoSort: false,         initSort: l_sort,         page: true,         pageElem: 'page_domain_host_list',         where: {"action": "list_active_domain", "id": get_policy_id()},         parseData: function(json){             json.count = json.data.total || 0;             json.data = json.data.data || [];             return json;         },         cols: [[             {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang012[g_lang] || "序号" }}'}             ,{field: 'domain', title:'{{ lang005[g_lang] || "域名" }}', width: 400}             ,{field: 'ipcnt', title:'{{ lang008[g_lang] || "IP数量" }}', sort: true, templet: col_render}             ,{field: 'time', title:'{{ lang006[g_lang] || "最近活跃时间" }}', sort: true}             ,{field: 'action', title:'{{ lang009[g_lang] || "操作" }}', width: 60, templet: '#tpl_domain_host_rmv'}         ]]     });       /* 事件绑定 */     util.event('drt_view', event_center);      form.on('input-affix(clear_domain_host_search)', table_search);          form.on("submit(submit_domain_host_search)", function(obj){         table_search();         return false;     });      table.on('sort(tab_domain_host_list)', function(obj){         obj.type = obj.type == null ? 'asc' : obj.type;         l_sort = obj; table_search(); });      table.on('tool(tab_domain_host_list)', function(obj){         event_center[obj.event](obj);     });  }); </script>