{{# var lang001 = {"ch": "网桥", "en": "Bridge"}, lang002 = {"ch": "接入模式", "en": "Access Mode"}, lang003 = {"ch": "监控模式", "en": "Monitoring Mode (Gateway/TAP)"}, lang004 = {"ch": "方向", "en": "Direction"}, lang005 = {"ch": "接内", "en": "Internal"}, lang006 = {"ch": "接外", "en": "External"}, lang007 = {"ch": "对端接口", "en": "Peer Interface"}, lang008 = {"ch": "网桥名称", "en": "Bridge Name"}, lang009 = {"ch": "链路捆绑", "en": "Link Aggregation"}, lang010 = {"ch": "不捆绑", "en": "None"}, lang011 = {"ch": "链路组", "en": "Link Group"}, lang012 = {"ch": "工作模式", "en": "Speed/Duplex Mode"}, lang013 = {"ch": "自适应", "en": "Auto Negotiation"}, lang014 = {"ch": "1000M全双工", "en": "1000 Mbps Full Duplex"}, lang015 = {"ch": "100M全双工", "en": "100 Mbps Full Duplex"}, lang016 = {"ch": "10M全双工", "en": "10 Mbps Full Duplex"}, lang017 = {"ch": "网卡备注", "en": "NIC Notes"}, lang018 = {"ch": "确定", "en": "Confirm"}, lang019 = {"ch": "确定要提交吗", "en": "Are you sure you want to submit?"}, lang020 = {"ch": "网桥参数", "en": "Bridge Parameters"}, lang021 = {"ch": "链路组参数", "en": "Link Group Parameters"}, lang022 = {"ch": "捆绑协议", "en": "Aggregation Protocol"}, lang023 = {"ch": "静态捆绑", "en": "Static Aggregation"}, lang024 = {"ch": "老化模式", "en": "Timeout Mode"}, lang025 = {"ch": "快速模式", "en": "Fast Mode"}, lang026 = {"ch": "慢速模式", "en": "Slow Mode"}, lang027 = {"ch": "被动模式", "en": "Passive Mode"}, lang028 = {"ch": "开启|关闭", "en": "On | Off"}, lang029 = {"ch": "混合模式", "en": "Mixed Mode"}, lang030 = {"ch": "二层交换组", "en": "Layer 2 Switching Group"}, lang031 = {"ch": "无", "en": "None"};  var _lang_bridge_ = lang001[g_lang] || "网桥"; }}  <div class="layui-card-body"> <form class="layui-form paui-form paui-bg-white" lay-filter="form_interface_set" style="padding-top:10px;"></form> </div>  <script id="tpl_if_set" type="text/html"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "接入模式" }}</label> <div class="layui-input-inline" id="paui-select-ifname"> <select name="mode" lay-filter="select_if_mode"> <option value="0">{{ lang003[g_lang] || "监控模式" }}</option> <option value="1">{{ _lang_bridge_ }}1</option> <option value="2">{{ _lang_bridge_ }}2</option> <option value="3">{{ _lang_bridge_ }}3</option> <option value="4">{{ _lang_bridge_ }}4</option> </select> </div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang004[g_lang] || "方向" }}</label> <div class="layui-input-inline"> <select name="zone"> <option value="inside">{{ lang005[g_lang] || "接内" }}</option> <option value="outside">{{ lang006[g_lang] || "接外" }}</option> </select> </div> </div>  <div class="layui-form-item"> <label class="layui-form-label">{{ lang009[g_lang] || "链路捆绑" }}</label> <div class="layui-input-inline"> <select name="lagroup" lay-filter="select_if_lagroup"> <option value="0">{{ lang010[g_lang] || "不捆绑" }}</option> {%# for(var i = 1; i <= d.max_lagroup; i++){ %} <option value="{% i %}">{{ lang011[g_lang] || "链路组" }}{% i %}</option> {%# } %} </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang030[g_lang] || "二层交换组" }}</label> <div class="layui-input-inline"> <select name="swgrp"> <option value="0">{{ lang031[g_lang] || "无" }}</option> {%# for(var i = 1; i <= d.swgrp_num; i++){ %} <option value="{% i %}">{{ lang030[g_lang] || "二层交换组" }}{% i %}</option> {%# } %} </select> </div> </div> {%# if(d.info.driver == "PANAOS") { var ifname = d.info.name; if(pa_str_find(ifname, 'em') || pa_str_find(ifname, 'igb') || pa_str_find(ifname, 'pa') ){ %} <div class="layui-form-item"> <label class="layui-form-label">{{ lang012[g_lang] || "工作模式" }}</label> <div class="layui-input-inline"> <select name="media"> <option value="AUTO">{{ lang013[g_lang] || "自适应" }}</option> <option value="1000FD">{{ lang014[g_lang] || "1000M全双工" }}</option> <option value="100FD">{{ lang015[g_lang] || "100M全双工" }}</option> <option value="10FD">{{ lang016[g_lang] || "10M全双工" }}</option> </select> </div> </div> {%# }} %} <div class="layui-form-item"> <label class="layui-form-label">{{ lang029[g_lang] || "混合模式" }}</label> <div class="layui-input-inline"> <input type="checkbox" name="mixmode" lay-skin="switch" lay-text='{{ lang028[g_lang] || "开启|关闭" }}'> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang017[g_lang] || "网卡备注" }}</label> <div class="layui-input-inline" style="width:390px"> <input type="text" name="note" lay-verify="isName" class="layui-input"> <input type="hidden" name="action" value="set_if_access"> <input type="hidden" name="ifname" value="{% d.info.name %}"> </div> </div>  <div class="paui-bridge-value"  style="display:none"> <fieldset class="layui-elem-field layui-field-title" style="margin:10px 5px"> <legend>{{ lang020[g_lang] || "网桥参数" }}</legend> </fieldset> <div class="layui-form-item"> <label class="layui-form-label">{{ lang007[g_lang] || "对端接口" }}</label> <div class="layui-input-inline"> <select name="peer"> {%# layui.each(d.iflist, function(index, elem){ if(elem == "{{ d.name }}") return; %} <option value="{% elem %}">{% elem %}</option> {%# }); %} </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang008[g_lang] || "网桥名称" }}</label> <div class="layui-input-inline"> <input type="text" name="bgname" class="layui-input"> </div> </div> </div>  <div class="paui-lagroup-value"  style="display:none"> <fieldset class="layui-elem-field layui-field-title" style="margin:10px 5px"> <legend>{{ lang021[g_lang] || "链路组参数" }}</legend> </fieldset> <div class="layui-form-item"> <label class="layui-form-label">{{ lang022[g_lang] || "捆绑协议" }}</label> <div class="layui-input-inline"> <input type="radio" name="lg_enable" value="0" title='{{ lang023[g_lang] || "静态捆绑" }}' lay-filter="chk_lg_mode" checked> <input type="radio" name="lg_enable" value="1" title="LACP" lay-filter="chk_lg_mode"> </div> </div> <div class="paui-lacp-value" style="display: none"> <hr style="margin: 0px;"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang024[g_lang] || "老化模式" }}</label> <div class="layui-input-inline" style="width: 400px;"> <input type="radio" name="lg_timeout" value="0" title='{{ lang026[g_lang] || "慢速模式" }}' checked> <input type="radio" name="lg_timeout" value="1" title='{{ lang025[g_lang] || "快速模式" }}'> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang027[g_lang] || "被动模式" }}</label> <div class="layui-input-inline"> <input type="checkbox" name="lg_passive" lay-skin="switch" lay-text='{{ lang028[g_lang] || "开启|关闭" }}'> </div> </div> </div> </div>  {{# if(d.form == "view"){ }} <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_interface" id="submit_set_interface"> {{ lang018[g_lang] || "确定" }} </button> </div> </div> {{# } else { }} <div class="layui-hide"> <button lay-submit lay-filter="submit_set_interface" id="submit_set_interface"></button> </div> {{# } }} </script>  <script> layui.use(function(){ var $ = layui.$, form = layui.form, patpl = layui.patpl;  var api = '/cgi-bin/network/ajax_interface'; var l_bg_info = {}; var l_lg_info = [];  var change_bridge_value = function(value){ if(value == 0) $(".paui-bridge-value").hide(); else { $(".paui-bridge-value").show(); var bgname = l_bg_info["bg_"+ value] || "{{ _lang_bridge_ }}" + value; $("input[name='bgname']").val(bgname); } };   var change_lagroup_value = function(value){ if(value == "0") $(".paui-lagroup-value").hide(); else { var lacp = l_lg_info[Number(value) -1]; change_lacp_value(lacp.lg_enable); $(".paui-lagroup-value").show(); form.val("form_interface_set", lacp); } };   var change_lacp_value = function(value){ if(value == "0") $(".paui-lacp-value").hide(); else $(".paui-lacp-value").show(); };   /* 表单初始 */ form.render();  pa_ajax({ url: api, data: {"action": "load_edit_env", "if": "{{ d.name }}"}, success: function(json){ l_bg_info = json.data.bgname; l_lg_info = json.data.iflacp;  patpl($("#tpl_if_set").html()).render(json.data, function(html){ $("form[lay-filter='form_interface_set']").html(html); });  if (json.data.info.peer == "none") delete json.data.info.peer;  if(json.data.info.mode != "0") change_bridge_value(json.data.info.mode);  if(json.data.info.lagroup != 0){ var lacp = l_lg_info[Number(json.data.info.lagroup) -1]; lacp.lg_passive = lacp.lg_passive == 1 ? true : false; change_lagroup_value(1); change_lacp_value(lacp.lg_enable); form.val("form_interface_set", lacp); }  if(json.data.info.mixmode == "1") json.data.info.mixmode = true; else json.data.info.mixmode = false; form.val("form_interface_set", json.data.info); } });   /* 表单事件 */ form.on('select(select_if_mode)', function(obj){ change_bridge_value(obj.value); });  form.on('select(select_if_lagroup)', function(obj){ change_lagroup_value(obj.value); });  form.on('radio(chk_lg_mode)', function(obj){ change_lacp_value(obj.value); });   /* 表单提交 */ form.on("submit(submit_set_interface)", function(obj){ pa_confirm('{{ lang019[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); $("#paui-reload-interface").click(); reload_sys_env(); } } }); }); return false; });  }); </script>