{{# var lang001 = {"ch": "外网网卡", "en": "External NIC"}, lang002 = {"ch": "请选择", "en": "Please Select"}, lang003 = {"ch": "内网网卡", "en": "Internal NIC"}, lang004 = {"ch": "提交会自动修改网卡接入方向,确定要提交吗", "en": "Submission will automatically modify the NIC direction. Are you sure you want to submit?"}, lang005 = {"ch": "确定要提交吗", "en": "Are you sure you want to submit?"}, lang006 = {"ch": "流量编排", "en": "Traffic Orchestration"}, lang007 = {"ch": "开启|关闭", "en": "On | Off"};  }}  <form class="layui-form paui-form" style="padding-top: 10px;" lay-filter="form_netpipe_config">      <div class="layui-form-item">         <label class="layui-form-label">{{ lang006[g_lang] || "流量编排" }}</label> <div class="layui-input-inline"> <input type="checkbox" name="enable" lay-skin="switch" lay-text='{{ lang007[g_lang] || "开启|关闭" }}'> </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="set_netpipe_stat">             <select name="extport" lay-verify="required" id="paui-netpipe-extport">                 <option value="">{{ lang002[g_lang] || "请选择" }}</option>             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "内网网卡" }}</label>         <div class="layui-input-inline">             <select name="intport" lay-verify="required" id="paui-netpipe-intport">                 <option value="">{{ lang002[g_lang] || "请选择" }}</option>             </select>         </div>     </div>     <div class="layui-hide">         <submit id="submit_netpipe_config" lay-filter="submit_netpipe_config" lay-submit></submit>     </div> </form>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form;      var api = '/cgi-bin/flowcontrol/ajax_flowsch';     var l_interface_list = {};       var load_config = function(){         pa_ajax({             url: api,             data: {'action': 'load_netpipe_config'},             success: function(json){                 layui.each(json.data.interface, function(index, elem){                     if(elem.zone == "inside")                         var desc = elem.name;                     else                         var desc = elem.name;                      l_interface_list[elem.name] = elem.zone;                      $("#paui-netpipe-intport").append('<option value="'+elem.name+'">'+desc+'</option>');                     $("#paui-netpipe-extport").append('<option value="'+elem.name+'">'+desc+'</option>');                 });                     if(json.data.config.enable == "1")        json.data.config.enable = true;        else        json.data.config.enable = false;                  form.val('form_netpipe_config', json.data.config);             }         });     };           /* 页面渲染 */     form.render();     load_config();           /* 事件绑定 */     form.on('submit(submit_netpipe_config)', function(obj){         var intport_zone = l_interface_list[obj.field.intport];         var extport_zone = l_interface_list[obj.field.extport];          if(intport_zone == "outside" || extport_zone == "inside")             var confirm_msg = '{{ lang004[g_lang] || "提交会自动修改网卡接入方向,确定要提交吗" }}?';         else             var confirm_msg = '{{ lang005[g_lang] || "确定要提交吗" }}?';          if(obj.field.enable=="on"){             obj.field.enable=1;         }else{             obj.field.enable=0;         }          pa_confirm(confirm_msg, 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);                     }                 }             });         });          return false;     });  }); </script>