{{#  var lang001 = {"ch": "服务器名称", "en": "Server Name"}, lang002 = {"ch": "服务器IP", "en": "Server IP"}, lang003 = {"ch": "服务器端口", "en": "Server Port"}, lang004 = {"ch": "下一跳IP", "en": "Next-Hop IP"}, lang005 = {"ch": "为空或0.0.0.0表示不指定", "en": "Leave blank or 0.0.0.0 to not specify"}, lang006 = {"ch": "权重", "en": "Weight"}, lang007 = {"ch": "范围：1-100", "en": "Range: 1-100"}, lang008 = {"ch": "服务器组", "en": "Server Group"}, lang009 = {"ch": "不指定", "en": "Not Specified"}, lang010 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang011 = {"ch": "健康检测", "en": "Health Check"}, lang012 = {"ch": "不检测", "en": "Do Not Check"}, lang013 = {"ch": "重试次数", "en": "Retry Attempts"}, lang014 = {"ch": "连续指定次数检测失败，则判断服务器异常。", "en": "If the check fails for the specified number of consecutive attempts, the server is considered abnormal"}, lang015 = {"ch": "检测方式", "en": "Check Method"}, lang016 = {"ch": "检测间隔", "en": "Check Interval"}, lang017 = {"ch": "秒", "en": "seconds"}; }}  <form class="layui-form paui-form paui-server-value" lay-filter="form_server_add" style="padding-top:20px"> </form>  <script id="tpl_server_add" type="text/html">     <div class="layui-form-item paui-portmap-type-box paui-portmap-sg">         <label class="layui-form-label">{{ lang008[g_lang] || "服务器组" }}</label>         <div class="layui-input-inline">             <select name="sgid" lay-search>                 <option value="">{{ lang009[g_lang] || "不指定" }}</option>                 {%# layui.each(d.svrgroup, function(index, elem){ %}                     <option value="{% elem.id %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "服务器名称" }}</label>         <div class="layui-input-inline">             <input type="hidden" name="action" value='{{d.action || "add_server"}}'>             <input type="hidden" name="id">             <input type="text" name="name" class="layui-input" lay-verify="required|isName|not_all_num" maxlength="15">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "服务器IP" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="ip" lay-verify="isIP">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "服务器端口" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="port" lay-verify="required|isPort">         </div>         <div class="layui-form-mid layui-word-aux">0-65535</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang004[g_lang] || "下一跳IP" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="nexthop" value="0.0.0.0" lay-verify="isIP">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang005[g_lang] || "为空或0.0.0.0表示不指定" }}</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang006[g_lang] || "权重" }}</label>         <div class="layui-input-inline">             <input type="text" class="layui-input" name="weight" value="1" lay-verify="required|number">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang007[g_lang] || "范围：1-100" }}</div>     </div>      <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0px;">         <legend>{{ lang011[g_lang] || "健康检测" }}</legend>     </fieldset>      <div class="layui-form-item">         <label class="layui-form-label">{{ lang015[g_lang] || "检测方式" }}</label>         <div class="layui-input-inline">             <select name="hctype" lay-filter="select_server_hctype">                 <option value="null">{{ lang012[g_lang] || "不检测" }}</option>                 <option value="icmp">ICMP</option>                 <option value="tcpsyn">TCP</option>             </select>         </div>     </div>     <div class="paui-server-heath-check-args" style="display:none">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang016[g_lang] || "检测间隔" }}</label>             <div class="layui-input-inline">                 <input type="text" class="layui-input" name="hcinternal" value="1" lay-verify="required|number">             </div>             <div class="layui-form-mid layui-word-aux">{{ lang017[g_lang] || "秒" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang013[g_lang] || "重试次数" }}</label>             <div class="layui-input-inline">                 <input type="text" class="layui-input" name="hcttl" value="5" lay-verify="required|number">             </div>             <div class="layui-form-mid layui-word-aux" paui-hover-evt="paui_tips">                 <i class="layui-icon layui-icon-tips"></i>                 <div class="paui-hover-tips-content layui-hide" type="text/html">                     {{ lang014[g_lang] || "连续指定次数检测失败，则判断服务器异常。" }}                 </div>             </div>         </div>     </div> <div class="layui-hide"> <button lay-submit lay-filter="submit_add_server" id="submit_add_server"></button> </div> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     patpl = layui.patpl;      var api = '/cgi-bin/network/ajax_server';     var TPL = $("#tpl_server_add").html();       var show_heath_value = function(type){         if(type == "null")             $(".paui-server-heath-check-args").hide();         else             $(".paui-server-heath-check-args").show();     };       /* 加载数据 */     pa_ajax({         url: api,         data: { 'action': 'load_add_server_env', 'id': '{{d.id || ""}}' },         success: function(json){             patpl(TPL).render(json.data, function(html){                 $(".paui-server-value").html(html);             });              if (json.data.server) {                 form.val("form_server_add", json.data.server);                 show_heath_value(json.data.server.hctype);             } else                 form.render();         }     });       /* 事件绑定 */     form.on('select(select_server_hctype)', function(obj){         show_heath_value(obj.value);     });      form.on('submit(submit_add_server)', function(obj){         pa_confirm('{{ lang010[g_lang] || "确定要提交吗" }}?', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     if(json.code != 0) {                         alert_err(json.msg);                     } else {                         layer.closeAll();                         alert_ok(json.msg);                         $("#submit_server_search").click();                     }                 }             });         });         return false;     });  }); </script>