{{# var lang001 = {"ch": "域名关联", "en": "Domain Association"}, lang002 = {"ch": "协议类型", "en": "APP Type"}, lang003 = {"ch": "所有", "en": "All"}, lang004 = {"ch": "系统协议", "en": "System Protocol"}, lang005 = {"ch": "自定义协议", "en": "Custom Protocol"}, lang006 = {"ch": "应用协议", "en": "Protocol"}, lang007 = {"ch": "任意协议", "en": "Any Protocol"}, lang008 = {"ch": "关键字搜索", "en": "Search"}, lang009 = {"ch": "删除", "en": "Delete"}, lang010 = {"ch": "添加", "en": "Add"}, lang011 = {"ch": "导入", "en": "Import"}, lang012 = {"ch": "导出", "en": "Export"}, lang013 = {"ch": "请选择需要操作的域名", "en": "Please select the domain name(s) to operate on first"}, lang014 = {"ch": "确定要删除选中域名", "en": "Confirm to delete selected domain name(s)?"}, lang015 = {"ch": "添加域名", "en": "Add Domain Name"}, lang016 = {"ch": "导入域名", "en": "Import Domain Names"}, lang017 = {"ch": "请选择需要导出的协议", "en": "Please select the protocol(s) to export first"}, lang018 = {"ch": "确定要导出吗", "en": "Confirm to export?"}, lang019 = {"ch": "确定要删除吗", "en": "Confirm to delete?"}, lang020 = {"ch": "序号", "en": "No."}, lang021 = {"ch": "域名", "en": "Domain Name"}, lang022 = {"ch": "端口1", "en": "Port 1"}, lang023 = {"ch": "端口2", "en": "Port 2"}, lang024 = {"ch": "跟踪DNS", "en": "Track DNS"}, lang025 = {"ch": "跟踪HOST", "en": "Track Host"}, lang026 = {"ch": "所属协议", "en": "Protocol"}, lang027 = {"ch": "操作", "en": "Action"}, lang028 = {"ch": "节点列表", "en": "Node List"}; }}  {{# if(d.show_title != "no") { }} <div class="layui-tab layui-tab-brief"> <ul class="layui-tab-title paui-bg-white"> <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_userhost_list">                 <div class="layui-form-item paui-table-form-left"> {{# if(d.pop_route){ }}                     <div class="layui-hide">                         <input type="hidden" name="appname" value="{{d.name}}">                         <input type="hidden" name="appcname" value="{{d.cname}}">                     </div> {{# } else { }}                     <label class="layui-form-label">{{ lang002[g_lang] || "协议类型" }}</label>                     <div class="layui-input-inline" style="width:120px">                         <select name="type" lay-filter="select_userhost_type">                             <option value="">{{ lang003[g_lang] || "所有" }}</option>                             <option value="1">{{ lang004[g_lang] || "系统协议" }}</option>                             <option value="0" {{ d.show_title == "no" ? "selected" : "" }}>{{ lang005[g_lang] || "自定义协议" }}</option>                         </select>                     </div>                     <label class="layui-form-label">{{ lang006[g_lang] || "应用协议" }}</label>                     <div class="layui-input-inline" style="width:160px">                         <input type="hidden" name="appname" id="ipt_userhost_appname" value="any" class="layui-input">                         <input type="text" name="appcname" id="ipt_userhost_appcname" class="layui-input"                         userhost-event="btnevt_appcname" value='{{ lang007[g_lang] || "任意协议" }}' readonly>                     </div> {{# } }}                     <div class="layui-input-inline">                         <input type="hidden" name="action" value="list_user_host">                         <input type="text" name="keyword" class="layui-input" autocomplete="off"                         placeholder='{{ lang008[g_lang] || "关键字搜索" }}' lay-affix="clear">                     </div>                     <div class="layui-input-inline" style="width:40px">                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_usehost_list">                             <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">                         <span class="abtn" userhost-event="btnevt_delete">                             <i class="layui-icon layui-icon-delete"></i>{{ lang009[g_lang] || "删除" }}                         </span>                         <span class="abtn" userhost-event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang010[g_lang] || "添加" }}                         </span>                         <span class="abtn" userhost-event="btnevt_import">                             <i class="layui-icon layui-icon-upload-drag"></i>&nbsp;{{ lang011[g_lang] || "导入" }}                         </span>                         <span class="abtn" userhost-event="btnevt_export">                             <i class="pa-icon pa-download"></i>&nbsp;{{ lang012[g_lang] || "导出" }}                         </span>                         <span class="layui-hide" userhost-event="btnevt_reload" id="paui-btn-reload-userhost"></span>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tab_userhost" lay-filter="tab_userhost"></table>                 <div class="layui-table-page" id="page_userhost"></div>             </div> {{# if(d.show_title != "no") { }}         </div>     </div> </div> {{# } }}  <script id="tpl_user_dns_act" type="text/html">     <span class="abtn" lay-event="tabevt_node_list" title='{{ lang028[g_lang] || "节点列表" }}'>         <i class="layui-icon layui-icon-list"></i>     </span>     <span class="abtn" lay-event="tabevt_rmv" title='{{ lang009[g_lang] || "删除" }}'>         <i class="layui-icon layui-icon-delete"></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/proto/ajax_user_host';      var event_center = {         btnevt_appcname: function(){             select_app({                 'ret_name': 'ipt_userhost_appname',                 'ret_cname': 'ipt_userhost_appcname'             });         },          btnevt_delete: function(){             var data = "";             var chk = table.checkStatus('tab_userhost');             if(chk.data.length == 0){                 layer.msg('{{ lang013[g_lang] || "请选择需要操作的域名" }}');                 return;             }             layui.each(chk.data, function(index, elem){                 data += elem.host + ";";             });              pa_confirm('{{ lang014[g_lang] || "确定要删除选中域名" }}？', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {"action": "btnrmv_user_dns", "items": data},                     success: function(json){                         if(json.code != 0) {                             alert_err(json.msg);                         } else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          btnevt_add: function(){             var search = form.getValue('form_userhost_list');             paopen({                 title: '{{ lang015[g_lang] || "添加域名" }}',                 url: '/html/proto/user_dns_add.html',                 data: search, area: ["800px", "500px"],                 btn: 'default',                 subElem: '#submit_add_user_dns'             });         },          btnevt_import: function(){             var search = form.getValue('form_userhost_list');             paopen({                 title: '{{ lang016[g_lang] || "导入域名" }}',                 url: '/html/proto/user_dns_import.html',                 data: search, area: ["550px", "300px"],                 btn: 'default',                 subElem: '#submit_import_user_dns'             });         },          btnevt_export: function(){             var search = form.getValue('form_userhost_list');             if(search.appname == "" || search.appname == "any"){                 layer.msg('{{ lang017[g_lang] || "请选择需要导出的协议" }}');                 return false;             };             pa_confirm('{{ lang018[g_lang] || "确定要导出吗" }}?', function(index){                 layer.close(index);                 search.action = 'export_user_dns';                 pa_ajax({                     url: api,                     data: search,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data);                     }                 });             });         },          btnevt_reload: function(){             table_search();         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang019[g_lang] || "确定要删除吗"}}?', function(index){                 layer.close(index);                 obj.data.action = "rmv_user_dns";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          tabevt_node_list: function(obj){             obj.data.pop_title = '{{ lang028[g_lang] || "节点列表" }}->' + obj.data.host;             obj.data.pop_route = "proto/user_dns_node";             popupWindow(obj.data, 600, 680);         }     };       var table_search = function(){         var search = form.getValue('form_userhost_list');         if(search.appname != "" && search.appname != "any")             form.val('form_userhost_list', {'type': ''});          pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_userhost',         height: 'full-{{d.pop_route? 150 : 190}}',         url: api,         where: form.getValue('form_userhost_list'),         page: true,         pageElem: 'page_userhost',         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang020[g_lang] || "序号" }}'}             ,{field: 'host', title: '{{ lang021[g_lang] || "域名" }}'}             ,{field: 'port1', title: '{{ lang022[g_lang] || "端口1" }}', width: 160}             ,{field: 'port2', title: '{{ lang023[g_lang] || "端口2" }}', width: 160}             ,{field: 'trackdns', title: '{{ lang024[g_lang] || "跟踪DNS" }}', width: 140, templet: function(r){                 return r.trackdns == "1" ? "yes" : "no";             }}             ,{field: 'trackhost', title: '{{ lang025[g_lang] || "跟踪HOST" }}', width: 140, templet: function(r){                 return r.trackhost == "1" ? "yes" : "no";             }} {{# if(!d.pop_route){ }}             ,{field: 'appcname', title: '{{ lang026[g_lang] || "所属协议" }}', width: 220} {{# } }}             ,{field: 'act', title: '{{ lang027[g_lang] || "操作" }}', width: 60, align: 'right', templet: "#tpl_user_dns_act"}         ]]     });       /* 时间绑定 */     util.event('userhost-event', event_center);      table.on('tool(tab_userhost)', function(obj){         event_center[obj.event](obj);     });      form.on('select(select_userhost_type)', table_search);     form.on('submit(submit_usehost_list)', function(obj){         table_search();         return false;     }); }); </script>