{{# var lang001 = {"ch": "所属协议", "en": "Protocol"}, lang002 = {"ch": "点击选择协议", "en": "Click to select protocol"}, lang003 = {"ch": "不能选择协议组", "en": "Protocol groups cannot be selected"}, lang004 = {"ch": "新增域名", "en": "Add New Domain"}, lang005 = {"ch": "域名", "en": "Domain Name"}, lang006 = {"ch": "端口1", "en": "Port 1"}, lang007 = {"ch": "端口2", "en": "Port 2"}, lang008 = {"ch": "跟踪DNS", "en": "Track DNS"}, lang009 = {"ch": "跟踪HOST", "en": "Track Host"}, lang010 = {"ch": "操作", "en": "Action"}, lang011 = {"ch": "任意端口为65535表示跟踪整个IP", "en": "A port value of 65535 indicates tracking the entire IP address."}, lang012 = {"ch": "开启|关闭", "en": "On|Off"}, lang013 = {"ch": "最少新增一个域名才能提交", "en": "At least one domain name must be added to submit"}, lang014 = {"ch": "确定要提交吗", "en": "Confirm to submit?"};      if(d.appcname == "任意协议" || d.appcname == "any") {         delete d.appcname;         delete d.appname;     } }}  <form class="layui-form paui-form" lay-filter="form_add_user_dns" style="padding:20px;">     <div class="layui-row" style="margin-bottom: 10px;">         <div class="layui-col-xs9">             <div class="layui-form-mid">{{ lang001[g_lang] || "所属协议" }}</div>             <div class="layui-input-inline" style="width: 182px;">                 <input type="hidden" name="appname" id="ipt_addhost_appname" class="layui-input" value='{{d.appname || ""}}'>                 <input type="text" name="appcname" id="ipt_addhost_appcname" class="layui-input" value='{{d.appcname || ""}}'                 userdns_event="btnevt_select_app" placeholder='{{ lang002[g_lang] || "点击选择协议" }}' readonly>             </div>             <div class="layui-input-inline layui-word-aux">{{ lang003[g_lang] || "不能选择协议组" }}</div>         </div>         <div class="layui-col-xs3" style="text-align: right; padding-top:5px;">             <span class="abtn" userdns_event="btnevt_add_node">                 <i class="layui-icon layui-icon-add-1"></i>{{ lang004[g_lang] || "新增域名" }}             </span>         </div>     </div>      <div class="layui-row">         <table class="layui-table" id="tab_add_user_dns" style="width:100%" lay-skin="line" lay-size="sm">             <thead>                 <tr>                     <td style="width:32%">{{ lang005[g_lang] || "域名" }}</td>                     <td style="width:15%">{{ lang006[g_lang] || "端口1" }}</td>                     <td style="width:15%">{{ lang007[g_lang] || "端口2" }}</td>                     <td style="width:15%">{{ lang008[g_lang] || "跟踪DNS" }}</td>                     <td style="width:15%">{{ lang009[g_lang] || "跟踪HOST" }}</td>                     <td style="width:8%;text-align:right;">{{ lang010[g_lang] || "操作" }}</td>                 </tr>             </thead>             <tbody></tbody>         </table>     </div>     <div class="layui-row paui-color-disable" style="margin-top:5px;">{{ lang011[g_lang] || "任意端口为65535表示跟踪整个IP" }}</div>  <div class="layui-hide">         <button lay-submit id="submit_add_user_dns" lay-filter="submit_add_user_dns"></button>      </div> </form>  <script id="tpl_add_user_dns" type="text/html"> <tr> <td><input type="text" name="dns_{% d.num %}"  lay-verify="required" class="layui-input paui-tmpl-ssidkey"></td> <td><input type="text" name="port1_{% d.num %}" lay-verify="required|isPort" value="80" class="layui-input"></td> <td><input type="text" name="port2_{% d.num %}" lay-verify="required|isPort" value="443" class="layui-input"></td> <td><input type="checkbox" name="trackdns_{% d.num %}" lay-skin="switch" lay-text='{{ lang012[g_lang] || "开启|关闭" }}' checked></td> <td><input type="checkbox" name="trackhost_{% d.num %}" lay-skin="switch" lay-text='{{ lang012[g_lang] || "开启|关闭" }}'></td> <td style="text-align: right;">             <span class="abtn" userdns_event="btnevt_rmv_node"><i class="layui-icon layui-icon-delete" num='{% d.num %}'></i></span>         </td> </tr> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/proto/ajax_user_host';      var event_center = {         btnevt_select_app: function(){             select_app({                 ret_name: 'ipt_addhost_appname',                 ret_cname: 'ipt_addhost_appcname'             });         },          btnevt_add_node: function(){             var num = $("#tab_add_user_dns tbody tr").length + 1;             patpl( $('#tpl_add_user_dns').html() ).render({num: num}, function(html){                 $("#tab_add_user_dns tbody").append(html);             });             form.render();         },          btnevt_rmv_node: function(){             $(this).parents("tr").remove();              var index = $(this).attr('num');              for(var i = 0; i < curow; i++){                 var obj_tr = $("#tab_add_user_dns tbody tr").eq(i);                 for(var x = 0; x < $(obj_tr).find("input").length; x++){                     var ipt = $(obj_tr).find("input").eq(x);                     if(ipt.attr("name") == undefined) continue;                     var new_name = ipt.attr("name").split("_")[0] + "_" + ( i + 1);                     ipt.attr("name", new_name);                 }             }         }     };       /* 页面渲染 */     form.render();      /* 事件绑定 */     util.event('userdns_event', event_center);      form.on('submit(submit_add_user_dns)', function(obj){         var data = [];         var max =  $("#tab_add_user_dns tbody tr").length;          if(max == 0) {             layer.msg('{{ lang013[g_lang] || "最少新增一个域名才能提交" }}!');             return false;         };          for(var i = 0; i < max; i++){             var num = i + 1;             var _dns = obj.field["dns_"+num];             var _port1 = obj.field["port1_"+num];             var _port2 = obj.field["port2_"+num];             var _trackdns = obj.field.hasOwnProperty("trackdns_"+num) ? 1 : 0;             var _trackhost = obj.field.hasOwnProperty("trackhost_"+num) ? 1 : 0;             data.push(_dns + ":" + _port1 + ":" + _port2 + ":" + _trackdns + ":" + _trackhost);         };          pa_confirm('{{ lang014[g_lang] || "确定要提交吗" }}？', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: {'action': 'add_user_dns', 'items': data.join(' '), appname: obj.field.appname},                 success: function(json){                     if(json.code != 0)                         alert_err(json.msg);                     else {                         layer.closeAll();                         alert_ok(json.msg);                         $("#paui-btn-reload-userhost").click();                     }                 }             });         });         return false;     });      event_center.btnevt_add_node(); }); </script>