{{# var lang001= {"ch": "协议配置", "en": "Protocol Configuration"}, lang002 = {"ch": "节点跟踪", "en": "Node Tracking"}, lang003 = {"ch": "开启|关闭", "en": "On|Off"}, lang004 = {"ch": "忽略所有节点", "en": "Ignore All Nodes"}, lang005 = {"ch": "是|否", "en": "Yes|No"}, lang006 = {"ch": "节点生存期", "en": "Node TTL"}, lang007 = {"ch": "秒,范围为30~65535", "en": "Seconds (Range: 30-65535)"}, lang008 = {"ch": "确定", "en": "Confirm"}, lang009 = {"ch": "协议节点", "en": "Protocol Node"}, lang010 = {"ch": "序号", "en": "No."}, lang011 = {"ch": "节点IP", "en": "Node IP"}, lang012 = {"ch": "节点端口", "en": "Node Port"}, lang013 = {"ch": "操作", "en": "Action"}, lang014 = {"ch": "添加", "en": "Add"}, lang015 = {"ch": "TTL输入错误", "en": "TTL Input Error"}, lang016 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang017 = {"ch": "确定要删除该节点吗", "en": "Confirm to delete this node?"}; }}  <div class="layui-card">     <div class="layui-card-header">{{ lang001[g_lang] || "协议配置" }}</div>     <div class="layui-card-body">         <form class="layui-form" lay-filter="form_set_appinfo">             <div class="layui-form-item">                 <label class="layui-form-label">{{ lang002[g_lang] || "节点跟踪" }}</label>                 <div class="layui-input-inline">                     <input type="hidden" name="appname" value="{{d.appname}}">                     <input type="hidden" name="action" value="set_app_info">                     <input type="checkbox" name="cachesn" lay-skin="switch" lay-text='{{ lang003[g_lang] || "开启|关闭" }}'>                 </div>             </div>             <div class="layui-form-item">                 <label class="layui-form-label">{{ lang004[g_lang] || "忽略所有节点" }}</label>                 <div class="layui-input-inline">                     <input type="checkbox" name="ignore_node" lay-skin="switch" lay-text='{{ lang005[g_lang] || "是|否" }}'>                 </div>             </div>             <div class="layui-form-item">                 <label class="layui-form-label">{{ lang006[g_lang] || "节点生存期" }}</label>                 <div class="layui-input-inline">                     <input type="text" name="nodettl" class="layui-input" lay-verify="required|number|isTTL">                 </div>                 <div class="layui-form-mid layui-word-aux">{{ lang007[g_lang] || "秒,范围为30~65535" }}</div>             </div>             <div class="layui-form-item">                 <label class="layui-form-label">&nbsp;</label>                 <div class="layui-input-inline">                     <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_set_appinfo" id="submit_set_appinfo" style="width: 60px;"> {{ lang008[g_lang] || "确定" }} </button>                 </div>             </div>         </form>     </div> </div>  <div class="layui-card" style="margin-top:10px;">     <div class="layui-card-header">{{ lang009[g_lang] || "协议节点" }}</div>     <div class="layui-card-body">         <div class="layui-row">             <table class="layui-table" id="tab_appview_list_node" style="width:100%" lay-skin="line" lay-size="sm">                 <thead>                     <tr style="color:#666666">                         <td style="width: 10%; font-weight: bold;">{{ lang010[g_lang] || "序号" }}</td>                         <td style="width: 30%; font-weight: bold;">{{ lang011[g_lang] || "节点IP" }}</td>                         <td style="width: 30%; font-weight: bold;">{{ lang012[g_lang] || "节点端口" }}</td>                         <td style="width:30%; font-weight: bold;">{{ lang013[g_lang] || "操作" }}</td>                     </tr>                 </thead>                 <tbody></tbody>             </table>             <form class="layui-form">                 <table class="layui-table" id="tab_appview_app_node" style="width:100%" lay-skin="line" lay-size="sm">                     <tr>                         <td style="width:10%;">-</td>                         <td style="width: 30%;">                             <input type="hidden" name="action" value="add_app_node">                             <input type="hidden" name="appname" value="{{d.appname}}">                             <input type="text" name="ip" class="layui-input" lay-verify="required|isIP">                         </td>                         <td style="width: 30%;">                             <input type="text" name="port" class="layui-input" lay-verify="required|isPort">                         </td>                         <td style="width: 30%;">                             <span class="abtn" lay-submit lay-filter="submit_appnode_add" lay-submit> {{ lang014[g_lang] || "添加" }} </span>                         </td>                     </tr>                 </table>             </form>         </div>     </div> </div>  <script id="tpl_appnode_list" type="text/html">     {%# layui.each(d, function(index, elem){ %}         <tr>             <td>{% index+1 %}</td>             <td>{% elem.ip %}</td>             <td>{% elem.port %}</td>             <td>                 <span class="abtn" appnode_event="btnevt_del" ip="{% elem.ip %}" port="{% elem.port %}">                     <i class="layui-icon layui-icon-delete"></i>                 </span>             </td>         </tr>     {%# }); %} </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     util = layui.util,     patpl = layui.patpl;      var api = '/cgi-bin/proto/ajax_appview';       var load_app_config = function(){         pa_ajax({             url: api,             data: {'action': 'get_app_config', 'appname': '{{d.appname}}'},             success: function(json){                 form.val("form_set_appinfo", {                     cachesn: json.data.info.cachesn == "0" ? false : true,                     nodettl: json.data.info.nodettl,                     ignore_node: json.data.info.ignore_node == "0" ? false : true,                 });                  $("#tab_appview_list_node tbody").html("");                 patpl($("#tpl_appnode_list").html()).render(json.data.node, function(html){                     $("#tab_appview_list_node tbody").append(html);                 });             }         });     };       /* 加载配置 */     form.render();      form.verify({         isTTL: function(value, elem){             if(value < 30 || value > 65535)                 return '{{ lang015[g_lang] || "TTL输入错误" }}';         }     });      load_app_config();       /* 提交配置 */     form.on('submit(submit_set_appinfo)', function(obj){         pa_confirm('{{ lang016[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 {                         alert_ok(json.msg);                         load_app_config();                     }                 }             });                     });         return false;     });      form.on('submit(submit_appnode_add)', function(obj){         pa_confirm('{{ lang016[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 {                         alert_ok(json.msg);                         load_app_config();                     }                 }             });         });         return false;     });      util.event("appnode_event", {         btnevt_del: function(){             var that = this;             pa_confirm('{{ lang017[g_lang] || "确定要删除该节点吗" }}?', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {                         action: "rmv_app_node",                         appname: "{{d.appname}}",                         appcname: "{{d.appcname}}",                         ip: $(that).attr("ip"),                         port: $(that).attr("port")                     },                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             load_app_config();                         }                     }                 });             });         }     }); }); </script>