{{# var lang001 = {"ch":"自动刷新", "en": "Refresh"}, lang002 = {"ch": "不刷新", "en": "No Refresh"}, lang003 = {"ch": "5秒", "en": "5s"}, lang004 = {"ch": "10秒", "en": "10s"}, lang005 = {"ch": "20秒", "en": "20s"}, lang006 = {"ch": "60秒", "en": "60s"}, lang007 = {"ch": "状态", "en": "Status"}, lang008 = {"ch": "所有状态", "en": "All Status"}, lang009 = {"ch": "解析中", "en": "Resolving"}, lang010 = {"ch": "正常", "en": "Normal"}, lang011 = {"ch": "失败", "en": "Failed"}, lang012 = {"ch": "关键字搜索", "en": "Search"}, lang013 = {"ch": "参数设置", "en": "Configuration"}, lang014 = {"ch": "删除", "en": "Delete"}, lang015 = {"ch": "添加", "en": "Add"}, lang016 = {"ch": "V4/V6转换", "en": "V4/V6 Translation"}, lang017 = {"ch": "开启|关闭", "en": "On|Off"}, lang018 = {"ch": "DNS解析线路", "en": "DNS Resolution Link"}, lang019 = {"ch": "默认DNS", "en": "Default DNS"}, lang020 = {"ch": "指定线路的DNS为空，则使用默认DNS", "en": "If the DNS for the specified link is empty, the Default DNS will be used"}, lang021 = {"ch": "编辑", "en": "Edit"}, lang022 = {"ch": "未知状态", "en": "Unknown Status"}, lang023 = {"ch": "参数设置", "en": "Configuration"}, lang024 = {"ch": "请选择需要操作的策略", "en": "Please select the policy/policies to operate on first"}, lang025 = {"ch": "确定要删除选中策略吗？", "en": "Confirm to delete the selected policy/policies?"}, lang026 = {"ch": "添加", "en": "Add"}, lang027 = {"ch": "编辑", "en": "Edit"}, lang028 = {"ch": "确定要删除吗？", "en": "Confirm deletion?"}, lang029 = {"ch": "序号", "en": "No."}, lang030 = {"ch": "域名", "en": "Domain Name"}, lang031 = {"ch": "转换线路", "en": "Translation Link"}, lang032 = {"ch": "v6地址", "en": "IPv6 Address"}, lang033 = {"ch": "真实v4地址", "en": "Real IPv4 Address"}, lang034 = {"ch": "状态", "en": "Status"}, lang035 = {"ch": "命中次数", "en": "Match Count"}, lang036 = {"ch": "操作", "en": "Action"},     lang037 = {"ch": "IPv6 WAN线路", "en": "IPv6 WAN Line"}, lang038 = {"ch": "导入", "en": "Import"}, lang039 = {"ch": "导出", "en": "Export"}, lang040 = {"ch": "文件格式", "en": "File Format"}, lang041 = {"ch": "每行一个域名", "en": "One domain per line"}, lang042 = {"ch": "选择文件", "en": "Select File"}, lang043 = {"ch": "导入方式", "en": "Import Method"}, lang044 = {"ch": "追加", "en": "Append"}, lang045 = {"ch": "覆盖", "en": "Overwrite"}, lang046 = {"ch": "服务器错误,上传失败", "en": "Server Error, upload failed"}, lang047 = {"ch": "请选择上传文件", "en": "Please select a file to upload"}, lang048 = {"ch": "确定要导出吗", "en": "Confirm Export?"}, lang049 = {"ch": "v4地址数量", "en": "IPv4 Address Count"}, lang050 = {"ch": "无数据", "en": "No Data"}, lang051 = {"ch": "IPv6 前缀", "en": "IPv6 Prefix"}, lang052 = {"ch": "前缀长度", "en": "Prefix Length"}, lang053 = {"ch": "不转换网站", "en": "No Translation List"}, lang054 = {"ch": "群组中的域名不做转换", "en": "Domain names in the group will not be translated."}, lang055 = {"ch": "编辑", "en": "Edit"}, lang056 = {"ch": "转换网站", "en": "Translation List"}, lang057 = {"ch": "若指定则只对群组中的域名做转换", "en": "If specified, translation will only apply to domains in this group."}, lang058 = {"ch": "操作", "en": "Action"}, lang059 = {"ch": "所有网站", "en": "All Domains"}, lang060 = {"ch": "不限定", "en": "No Restriction"}, lang061 = {"ch": "转换内网IP", "en": "Translate Intranet IP"}, lang062 = {"ch": "指定则只对群组中的IP做转换", "en": "If specified, only the IPs within the group will be translated."}, lang063 = {"ch": "详情", "en": "Details"}, lang064 = {"ch": "黑名单IP", "en": "Blacklist IPs"}, lang065 = {"ch": "代理IP范围", "en": "Proxy IP Range"}, lang066 = {"ch": "IPv4 WAN线路", "en": "IPv4 WAN Line"}, lang067 = {"ch": "虚拟v4地址", "en": "Virtual IPv4 Address"}; }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_urlipv6_search"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label">{{ lang001[g_lang] || "自动刷新" }}</label> <div class="layui-input-inline" style="width:80px"> <select name="refresh" lay-filter="select_urlipv6_refresh" id="select_urlipv6_refresh"> <option value="">{{ lang002[g_lang] || "不刷新" }}</option> <option value=5>{{ lang003[g_lang] || "5秒" }}</option> <option value=10 selected>{{ lang004[g_lang] || "10秒" }}</option> <option value=20>{{ lang005[g_lang] || "20秒" }}</option> <option value=60>{{ lang006[g_lang] || "60秒" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" placeholder='{{ lang012[g_lang] || "关键字搜索" }}'             autocomplete="off" class="layui-input" lay-affix="clear" lay-filter="clear_urlipv6_search"> </div> <div class="layui-form-mid" style="padding:0px!important"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit id="search_urlipv6_search" lay-filter="search_urlipv6_search"> <i class="layui-icon layui-icon-search"></i> </button> </div> </div>  <div class="layui-form-item paui-nat-portmap-config paui-table-form-right"> <div class="layui-form-mid">             <span class="abtn" urlipv6_evt="btnevt_black"> <i class="layui-icon layui-icon-disabled"></i>&nbsp;{{ lang064[g_lang] || "黑名单IP" }} </span>             <span class="abtn" urlipv6_evt="btnevt_set"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang013[g_lang] || "参数设置" }} </span> </div> </div> </form>  <div class="paui-table-card"> <table id="tab_urlipv6_list" lay-filter="tab_urlipv6_list"></table>     <div class="layui-table-page" id="page_urlipv6_list"></div> </div>  <script id="tpl_urlipv6_stat_config" type="text/html">     <form class="layui-form paui-form form_urlipv6_stat_config" lay-filter="form_urlipv6_stat_config" style="padding-top: 20px;">         <style>.form_urlipv6_stat_config .layui-form-label{width: 120px}</style>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang016[g_lang] || "V4/V6转换" }}</label>             <div class="layui-input-inline" style="width: 380px;">                 <input type="hidden" name="action" value="set_dnat46_stat">                 <input type="checkbox" name="enable" lay-skin="switch" lay-text='{{ lang017[g_lang] || "开启|关闭" }}'>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang037[g_lang] || "IPv6 WAN线路" }}</label>             <div class="layui-input-inline">                 <select name="pxyid" id="select_urlipv6_proxy6" lay-search></select>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang066[g_lang] || "IPv4 WAN线路" }}</label>             <div class="layui-input-inline">                 <select name="pxy4id" id="select_urlipv6_proxy4" lay-search></select>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang018[g_lang] || "DNS解析线路" }}</label>             <div class="layui-input-inline">                 <select name="proxy" id="select_urlipv6_proxy" lay-search></select>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang019[g_lang] || "默认DNS" }}</label>             <div class="layui-input-inline">                 <input type="text" name="svraddr" class="layui-input" lay-verify="required|isIP">             </div>             <div class="layui-form-mid layui-word-aux">{{ lang020[g_lang] || "指定线路的DNS为空，则使用默认DNS" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang051[g_lang] || "IPv6 前缀" }}</label>             <div class="layui-input-inline">                 <input type="text" name="prefix" class="layui-input" lay-verify="required">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang052[g_lang] || "前缀长度" }}</label>             <div class="layui-input-inline">                 <input type="text" name="pfxlen" class="layui-input" lay-verify="required">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang065[g_lang] || "代理IP范围" }}</label>             <div class="layui-input-inline">                 <input type="text" name="ipstart" class="layui-input" value="0.0.0.0">             </div>             <div class="layui-form-mid">-</div>             <div class="layui-input-inline">                 <input type="text" name="ipend" class="layui-input" value="0.0.0.0">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">                 {{ lang056[g_lang] || "转换网站" }}                 <i class="layui-icon layui-icon-tips" paui-hover-evt="paui_tips"                 tips='{{ lang057[g_lang] || "若指定则只对群组中的域名做转换" }}'></i>             </label>             <div class="layui-input-inline">                 <select name="whitegrp" class="select_urlipv6_dnsgrp" lay-search></select>             </div>             <div class="layui-form-mid layui-word-aux">                 <span class="abtn" urlipv6_evt="btnevt_edit_whitegrp">[{{ lang055[g_lang] || "编辑" }}]</span>             </div>         </div>          <div class="layui-form-item">             <label class="layui-form-label">                 {{ lang053[g_lang] || "不转换网站" }}                 <i class="layui-icon layui-icon-tips" paui-hover-evt="paui_tips"                 tips='{{ lang054[g_lang] || "群组中的域名不做转换" }}'></i>             </label>             <div class="layui-input-inline">                 <select name="blackgrp" class="select_urlipv6_dnsgrp" lay-search></select>             </div>             <div class="layui-form-mid layui-word-aux">                 <span class="abtn" urlipv6_evt="btnevt_edit_blackgrp">[{{ lang055[g_lang] || "编辑" }}]</span>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">                 {{ lang061[g_lang] || "转换内网IP" }}                 <i class="layui-icon layui-icon-tips" paui-hover-evt="paui_tips"                 tips='{{ lang062[g_lang] || "指定则只对群组中的IP做转换" }}'></i>             </label>             <div class="layui-input-inline">                 <select name="allowipgrp" class="select_urlipv6_ipgrp" lay-search></select>             </div>             <div class="layui-form-mid layui-word-aux">                 <span class="abtn" urlipv6_evt="btnevt_edit_ipgrp">[{{ lang055[g_lang] || "编辑" }}]</span>             </div>         </div>         <div class="layui-hide">             <button lay-submit id="submit_urlipv6_stat_config" lay-filter="submit_urlipv6_stat_config"></button>         </div>     </form> </script>  <script id="tpl_v4v6host_tips" type="text/html">     <div  class="layui-row layui-col-space8" style="max-height: 400px; overflow-y: auto;">         {%# layui.each(d, function(index, elem){ %}             <div class="layui-col-xs12">{% elem %}</div>         {%# }); %}         {%# if(d.length == 0){ %}             <div class="layui-word-aux">{{ lang050[g_lang] || "无数据" }}</div>         {%# } %}     </div> </script>  <script id="tpl_dnnat_host_detail" type="text/html">     <div class="layui-card" style="margin: 10px;">         <div class="layui-card-body">             {%# layui.each(d, function(index, elem){ %}                 <pre>{% elem %}</pre>             {%# }); %}         </div>     </div> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form;     table = layui.table,     patpl = layui.patpl,     upload = layui.upload;      var pa_timer = new Paui_timer();     var pa_table = new Paui_table();     var api = "/cgi-bin/network/ajax_urlipv6";     var l_sort = {"field": "hits", "type": "desc"};       var load_stat_conf = function(){         pa_ajax({             url: api,             data: {'action': 'get_set_stat_env'},             success: function(json){                 $("#select_urlipv6_proxy").html('');                 $("#select_urlipv6_proxy6").html('');                 layui.each(json.data.proxy, function(index, elem){                     var opt = new Option(elem.name, elem.id);                     $("#select_urlipv6_proxy").append(opt);                     if( arryInclude(['proxy6', 'dhcpwan6', 'pppoe'], elem.type) ){                         $("#select_urlipv6_proxy6").append($(opt).clone());                     }else{                         $("#select_urlipv6_proxy4").append($(opt).clone());                     }                 });                  $(".select_urlipv6_dnsgrp").eq(0).html('<option value="0">{{ lang059[g_lang] || "所有网站" }}</option>');                 $(".select_urlipv6_dnsgrp").eq(1).html('<option value="0">{{ lang060[g_lang] || "不限定" }}</option>');                 $(".select_urlipv6_ipgrp").eq(0).html('<option value="0">{{ lang060[g_lang] || "不限定" }}</option>');                  layui.each(json.data.dnsgrp, function(index, elem){                     var opt = new Option(elem.name, elem.id);                     $(".select_urlipv6_dnsgrp").append(opt);                 });                  layui.each(json.data.ipgrp, function(index, elem){                     var opt = new Option(elem.name, elem.id);                     $(".select_urlipv6_ipgrp").append(opt);                 });                  form.val('form_urlipv6_stat_config', {                     'enable': json.data.dnnat.enable == "1" ? true : false,                     'prefix': json.data.dnnat.prefix,                     'pfxlen': json.data.dnnat.pfxlen,                     'pxyid': json.data.dnnat.pxyid,                     'pxy4id': json.data.dnnat.pxy4id,                     'proxy': json.data.dnssnif.dnssnif_pxyid,                     'svraddr': json.data.dnssnif.dnssnif_svraddr,                     'whitegrp': json.data.dnssnif.whitegrpid,                     'blackgrp': json.data.dnssnif.blackgrpid,                     'allowipgrp': json.data.dnnat.allowipgrp,                     'ipstart': json.data.dnnat_host.ipstart,                     'ipend': json.data.dnnat_host.ipend,                 });             }         });     };       var event_center = {         btnevt_black: function(){             paopen({                 title: '{{ lang064[g_lang] || "黑名单IP" }}',                 area: ['600px', '550px'],                 url: '/html/route/urlipv6_blackip.html'             });         },          btnevt_set: function(){             paopen({                 title: '{{ lang023[g_lang] || "参数设置" }}',                 area: ['600px', '550px'],                 content: $("#tpl_urlipv6_stat_config").html(),                 btn: 'default',                 subElem: '#submit_urlipv6_stat_config',                 success: function(json){                     form.render();                     load_stat_conf();                 }             });         },          btnevt_edit_blackgrp: function(){             var data = form.getValue('form_urlipv6_stat_config');             var id = data.dnsgrp == 0 ? '' : data.blackgrp;             popupUrlGroup(id);         },          btnevt_edit_ipgrp: function(){             var data = form.getValue('form_urlipv6_stat_config');             var id = data.allowipgrp == 0 ? '' : data.allowipgrp;             popupIPtab(id);         },          btnevt_edit_whitegrp: function(){             var data = form.getValue('form_urlipv6_stat_config');             var id = data.dnsgrp == 0 ? '' : data.whitegrp;             popupUrlGroup(id);         },          tabevt_show_detail: function(obj){             var tpl = $("#tpl_dnnat_host_detail").html();             pa_ajax({                 url: api,                 data: {'action': 'get_dnssnif_info', 'domain': obj.data.domain},                 success: function(json){                     paopen({                         title: '{{ lang063[g_lang] || "详情" }}',                         area: ['500px', '600px'],                         content: patpl(tpl).render(json.data),                         shadeClose: true                     });                 }             });         }     };       var col_render = function(r){         switch(this.field){              case "domain":                 return '<span class="abtn" lay-event="tabevt_show_detail">' + r.domain + '</span>';              case "action":                 return '<span class="abtn" lay-event="tabevt_show_detail">{{ lang063[g_lang] || "详情" }}</span>';         }     };       var table_search = function(){         var search = form.getValue('form_urlipv6_search');         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_urlipv6_list', url: api, height: 'full-190',         autoSort: false, where: {"action": "load_dnat46_list"},         page: true,         pageElem: 'page_urlipv6_list',         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         }, cols: [[ {type: 'numbers', title: '{{ lang029[g_lang] || "序号" }}'}, {field: 'domain', title: '{{ lang030[g_lang] || "域名" }}', minWidth: 400, templet: col_render}, {field: 'ipv6', title: '{{ lang032[g_lang] || "v6地址" }}'}, {field: 'rip', title: '{{ lang033[g_lang] || "真实v4地址" }}'},             {field: 'fip', title: '{{ lang067[g_lang] || "虚拟v4地址" }}'}, {field: 'hits', title: '{{ lang035[g_lang] || "命中次数" }}', sort: true}, {field: 'action', title: '{{ lang058[g_lang] || "操作" }}', width: 80, align: 'right', templet: col_render} ]] });       /* 事件绑定 */     util.event('urlipv6_mouse', event_center, 'mouseenter');     util.event('urlipv6_evt', event_center);      table.on('sort(tab_urlipv6_list)', function(obj){         l_sort = obj; table_search(); });      table.on('tool(tab_urlipv6_list)', function(obj){         event_center[obj.event](obj);     });      form.on('select(select_urlipv6_stat)', table_search);     form.on('input-affix(clear_urlipv6_search)', table_search);     form.on('submit(search_urlipv6_search)', function(obj){         table_search();         return false;     });      form.on('submit(submit_urlipv6_stat_config)', function(obj){         pa_ajax({             url: api,             data: obj.field,             success: function(json){                 if(json.code != 0)                     alert_err(json.msg);                 else                      alert_ok(json.msg);                 load_stat_conf();             }         });         return false;     });      pa_timer.render('select_urlipv6_refresh', table_search, 10);  }); </script>