{{# var lang001 = {"ch": "设备图标", "en": "Device Icon"}, lang002 = {"ch": "设备名称", "en": "Device Name"}, lang003 = {"ch": "优先级", "en": "Priority"}, lang004 = {"ch": "范围", "en": "Scope"}, lang005 = {"ch": "外网网卡", "en": "External NIC"}, lang006 = {"ch": "请选择", "en": "Please Select"}, lang007 = {"ch": "内网网卡", "en": "Internal NIC"}, lang008 = {"ch": "请选择", "en": "Please Select"}, lang009 = {"ch": "关闭", "en": "Off"}, lang010 = {"ch": "开启", "en": "On"}, lang011 = {"ch": "备注", "en": "Notes"}, lang012 = {"ch": "提交", "en": "Submit"}, lang013 = {"ch": "取消", "en": "Cancel"}, lang014 = {"ch": "提交会自动修改网卡接入方向,确定要提交吗", "en": "Submission will automatically modify the NIC direction. Are you sure you want to submit?"}, lang015 = {"ch": "确定要提交吗", "en": "Are you sure you want to submit?"}, lang016 = {"ch": "设备", "en": "Device"}, lang017 = {"ch": "优先级范围", "en": "Priority Range"}, lang018 = {"ch": "健康监测", "en": "Health Monitoring"}, lang019 = {"ch": "丢包率阈值,", "en": "Packet Loss Rate Threshold"}, lang020 = {"ch": "PING检测,", "en": "PING Detection"}, lang021 = {"ch": "DNS检测,", "en": "DNS Detection"}; }}  {{# if(d.action == "schdev_edit") { }}     <div class="layui-card" style="height: 570px;">         <div class="layui-card-body"> {{# } }}  <form class="layui-form paui-form" style="padding-top: 20px;" lay-filter="form_schdev_add">     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "设备图标" }}</label>         <div class="layui-input-inline" style="width: 188px;">             <input type="hidden" name="action" value="schdev_add">             <input type="hidden" name="oldname" value="{{ d.name || '' }}">             <div id="paui-schdev-select-icon"></div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "设备名称" }}</label>         <div class="layui-input-inline">             <input type="text" name="name" lay-verify="required|not_all_num" autocomplete="off" class="layui-input">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang003[g_lang] || "优先级" }}</label>         <div class="layui-input-inline">             <input type="text" name="prio" lay-verify="required|number|devprio" autocomplete="off" class="layui-input">         </div>         <div class="layui-form-mid layui-word-aux">{{ lang004[g_lang] || "范围" }}: 1000 ~ 50000</div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang005[g_lang] || "外网网卡" }}</label>         <div class="layui-input-inline" style="width: 188px;">             <div id="paui-schdev-select-extport"></div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang007[g_lang] || "内网网卡" }}</label>         <div class="layui-input-inline" style="width: 188px;">             <div id="paui-schdev-select-intport"></div>         </div>     </div> {{# if(g_sys_env.tap == 1){ /* TAP版本 */ }}     <div class="layui-form-item">         <label class="layui-form-label">Bypass</label>         <div class="layui-input-inline">             <select name="enable">                 <option value="1">{{ lang009[g_lang] || "关闭" }}</option>                 <option value="0">{{ lang010[g_lang] || "开启" }}</option>             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label" style="position: relative;top:75px;left:0;">{{ lang018[g_lang] || "健康监测" }}</label>         <div class="layui-input-inline" style="width: 550px;">              <div class="health_monitor" style="margin: 5px 0;display:flex;">                 <div class="title" style="margin-top: 15px;"><input type="checkbox" name="loss" id="loss" lay-text="{{ lang019[g_lang] || "丢包率阈值," }}"></div>                 <div class="packet_loss_rate" style="width: 155px;color:#bbbbbb;">                 <span>下行丢包率达到 <input type="text" name="loss_thresh_down" autocomplete="off" class="layui-input" style="width: 50px;">%</span>                 <span class="packet_loss_rate_up" style="display: block;margin-top:5px;">上行丢包率达到 <input type="text" name="loss_thresh_up" autocomplete="off" class="layui-input" style="width: 50px;">%</span>                 </div>                 <div class="tips" style="width: 250px;margin-top:20px;color:#bbbbbb;">时自动bypass，取值范围0~100，0表示忽略</div>              </div>              <div class="ping_detection" style="margin: 5px 0;display:flex;">                 <div class="title" style="margin-right: 6px;"><input type="checkbox" name="icmp" id="icmp" lay-text="{{ lang020[g_lang] || "PING检测," }}"></div>                 <div class="tips" style="margin-top: 5px;color:#bbbbbb;">                     <span>连续&nbsp;<input type="text" name="icmp_thresh" value="5" autocomplete="off" class="layui-input" style="width: 110px;">&nbsp;次检测失败时自动bypass，取值范围1~100，默认为5</span>                 </div>             </div>               <div class="dns_detection" style="margin: 5px 0;display:flex;">                 <div class="title" style="margin-right: 9px;"><input type="checkbox" name="dns" id="dns" lay-text="{{ lang021[g_lang] || "DNS检测," }}"></div>                 <div class="tips" style="margin-top: 5px;color:#bbbbbb;">                     <span>连续&nbsp;<input type="text" name="dns_thresh" value="5" autocomplete="off" class="layui-input" style="width: 110px;">&nbsp;次检测失败时自动bypass，取值范围1~100，默认为5</span>                 </div>             </div>          </div>     </div> {{# } }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang011[g_lang] || "备注" }}</label>         <div class="layui-input-inline" style="width: 400px;">             <input type="text" name="desc" lay-verify="isName" autocomplete="off" class="layui-input">         </div>     </div> {{# if(d.action == "schdev_edit") { }}     <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-filter="submit_schdev_add" lay-submit>                 {{ lang012[g_lang] || "提交" }}             </button>             <span class="layui-btn layui-btn-sm layui-btn-primary" onclick="layer.closeAll()">                 {{ lang013[g_lang] || "取消" }}             </span>         </div>     </div> {{# } else { }}     <div class="layui-hide">         <submit id="submit_schdev_add" lay-filter="submit_schdev_add" lay-submit></submit>     </div> {{# } }} </form>  {{# if(d.action == "schdev_edit") { }}     </div> </div> {{# } }}  <script> layui.use(function(){     var $ = layui.$,     form = layui.form;      var api = '/cgi-bin/flowcontrol/ajax_flowsch';     var pdata = JSON.parse('{{- JSON.stringify(d) }}');     var devicon_select_obj = "";     var intport_select_obj = "";     var extport_select_obj = "";      var schdev_icons  = [         'pa-icon pa-fire',         'pa-icon pa-waf',         'pa-icon pa-ids',         'pa-icon pa-obj',         'pa-icon pa-vlb',         'pa-icon pa-leida',         'pa-icon pa-route',         'pa-icon pa-secure',         'pa-icon pa-server',         'pa-icon pa-bigscreen',         'pa-icon pa-wireshark'     ];      form.verify({         devprio: function(value, elem){             if(!IsDigitIn(value, 1, 50000))                 return '{{ lang017[g_lang] || "优先级范围" }}1-50000';         }     });      var get_form_data = function(){         pa_ajax({             url: api,             data: {'action': 'load_system_interface'},             success: function(json){                 var interface = [];                  layui.each(json.data, function(index, elem){                     interface.push({name: elem.name, value: elem.name});                 });                                  extport_select_obj.update({ data: interface }).setValue( pdata.extport && pdata.extport.split(",") );                 intport_select_obj.update({ data: interface }).setValue( pdata.intport && pdata.intport.split(",") );                  devicon_select_obj.setValue([pdata.icon]);                 form.val('form_schdev_add', pdata);             }         });        if(pdata.name){         pa_ajax({             url:api,             data:{'action':'schdev_edit_data','name':pdata.name},             success:function(json){                 if(json.data.test_method.includes("loss")){                      $("#loss").prop('checked',true);                      json.data.loss_thresh_down=json.data.loss_thresh.split(",")[0];                      json.data.loss_thresh_up=json.data.loss_thresh.split(",")[1];                 }                 if(json.data.test_method.includes("icmp")){                      $("#icmp").prop('checked',true);                 }                 if(json.data.test_method.includes("dns")){                      $("#dns").prop('checked',true);                 }                 form.val('form_schdev_add', json.data);              }         });                   }     };       /* 页面渲染 */     get_form_data();     /* form.val('form_schdev_add', pdata);  */      devicon_select_obj = pa_select({         el: '#paui-schdev-select-icon',         height: '350px',         tips: '{{ lang006[g_lang] || "请选择" }}',         radio: true,         clickClose: true,         name: 'devicon',         layVerify: 'required',         model: {             icon: 'hidden',             label: {                 type: 'showicon',                 showicon: {                     template(data, sels){                         return '<i class="'+ sels[0].value +'"></i>';                     }                 }             }         },         data: function(){             var icons = [];             layui.each(schdev_icons, function(index, elem){                 icons.push({name: '', value: elem});             });             return icons;         }(),         /* 下拉框自定义展示模板 */         template({ item, sels, name, value }){             return '<i class="'+ value +'" style="font-size:16px!important;"></i>';         }     });      extport_select_obj = pa_select({         el: '#paui-schdev-select-extport',          name: 'extport',         layVerify: 'required',         data: []     });      intport_select_obj = pa_select({         el: '#paui-schdev-select-intport',         name: 'intport',         layVerify: 'required',         data: []     });          /* 事件绑定 */     form.on('submit(submit_schdev_add)', function(obj){         var test_method="";         pa_confirm('{{ lang015[g_lang] || "确定要提交吗" }}?', function(index){             layer.close(index);             let schdev_add_data=obj.field;             schdev_add_data.devicon=schdev_add_data.devicon.split(" ")[1];             if(pdata.action == "schdev_edit"){                 schdev_add_data.action="schdev_edit";             }             if(schdev_add_data.loss){                 test_method+="loss,";                 schdev_add_data.loss_thresh=schdev_add_data.loss_thresh_down+','+schdev_add_data.loss_thresh_up;             }             if(schdev_add_data.icmp){                 test_method+="icmp,";             }             if(schdev_add_data.dns){                  test_method+="dns,";             }             schdev_add_data.test_method=test_method.replace(/,$/, '');             pa_ajax({                 url: api,                 data: schdev_add_data,                 success: function(json){                     if(json.code != 0) {                         alert_err(json.msg);                         return;                     }                      if(pdata.action == "schdev_edit"){                         alert_ok(json.msg);                         layer.title('{{ lang016[g_lang] || "设备" }}->' + obj.field.name, pdata.index);                         policy_pdata = JSON.parse( $("#paui-flowsch-device-edit-info").text() );                         policy_pdata.name = obj.field.name;                         $("#paui-flowsch-device-edit-info").text( JSON.stringify(policy_pdata) );                         $("#submit_schdev_search").click();                     } else {                         layer.closeAll();                         alert_ok(json.msg);                         $("#submit_schdev_search").click();                     }                 }             });         });          return false;     });  }); </script>