{{# var lang001 = {"ch": "服务状态", "en": "Service Status"}, lang002 = {"ch": "启用", "en": "Enable"}, lang003 = {"ch": "禁用", "en": "Disable"}, lang004 = {"ch": "所有状态", "en": "All Status"}, lang005 = {"ch": "关键字搜索", "en": "Search"}, lang006 = {"ch": "请先选择需要禁用的线路", "en": "Please select the interface to disable first"}, lang007 = {"ch": "确定要禁用选中线路的DHCP服务吗", "en": "Confirm to disable the DHCP service for the selected interface?"}, lang008 = {"ch": "请先选择需要启用的线路", "en": "Please select the interface to enable first"}, lang009 = {"ch": "确定要启用选中线路的DHCP服务吗", "en": "Confirm to enable the DHCP service for the selected interface?"}, lang010 = {"ch": "序号", "en": "No."}, lang011 = {"ch": "服务接口", "en": "Service Interface"}, lang012 = {"ch": "VLAN范围", "en": "VLAN Range"}, lang013 = {"ch": "IP分配范围", "en": "IP Allocation Range"}, lang014 = {"ch": "默认网关", "en": "Default Gateway"}, lang015 = {"ch": "租期(秒)", "en": "Lease Time (s)"}, lang016 = {"ch": "租户数", "en": "Client Count"}, lang017 = {"ch": "操作", "en": "Action"}, lang018 = {"ch": "任意", "en": "Any"}, lang019 = {"ch": "确定要禁用吗？", "en": "Confirm to disable?"}, lang020 = {"ch": "确定要启用吗？", "en": "Confirm to enable?"}; }}  {{# if(d.pop_route) { }} <div class="layui-tab layui-tab-brief">     <div class="layui-tab-content">         <div class="layui-tab-item layui-show"> {{# } }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_search_dhcpsvr"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label" style="width: 100px;">{{ lang001[g_lang] || "服务状态" }}</label> <div class="layui-input-inline" style="width:100px"> <select name="state" lay-filter="select_search_dhcpsvr"> <option value="">{{ lang004[g_lang] || "所有状态" }}</option> <option value="1">{{ lang002[g_lang] || "启用" }}</option> <option value="0">{{ lang003[g_lang] || "禁用" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang005[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_search_dhcpsvr"> </div> <div class="layui-input-inline" style="width:80px"> <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_search_dhcpsvr"> <i class="layui-icon layui-icon-search"></i> </button> </div> </div> <div class="layui-form-item paui-table-form-right"> <div class="layui-form-mid"> <span class="abtn" dhcpsvr-event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang003[g_lang] || "禁用" }} </span> <span class="abtn" dhcpsvr-event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang002[g_lang] || "启用" }} </span> </div> </div> </form>  <div class="paui-table-card"> <table id="tab_dhcpsvr_list" lay-filter="tab_dhcpsvr_list"></table> <div class="layui-table-page" id="page_dhcpsvr_list"></div> </div>  {{# if(d.pop_route) { }}         </div>     </div> </div> {{# } }}  <script id="tpl_dhcpsvr_td_action" type="text/html"> {%# if (d.enable == 1) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang003[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang002[g_lang] || "启用" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table, patpl = layui.patpl;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var api = '/cgi-bin/network/ajax_dhcpsvr'; var l_dreplay_config = {};   var event_center = { tabevt_name: function(obj){ popupProxy(obj.data.id, "rtif", "", 1); },  tabevt_disable: function(obj){ pa_confirm('{{ lang019[g_lang] || "确定要禁用吗" }}？', function(index){ pa_ajax({ url: api, data: {"action": "disable_dhcpsvr", "name": obj.data.name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  tabevt_enable: function(obj){ pa_confirm('{{ lang020[g_lang] || "确定要启用吗？" }}', function(index){ pa_ajax({ url: api, data: {"action": "enable_dhcpsvr", "name": obj.data.name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_disable: function(chk, obj){ var names = ""; var chk = table.checkStatus('tab_dhcpsvr_list'); if(chk.data.length == 0) { layer.msg('{{ lang006[g_lang] || "请先选择需要禁用的线路" }}'); return; } layui.each(chk.data, function(index, elem){ names += elem.name + " "; }); pa_confirm('{{ lang007[g_lang] || "确定要禁用选中线路的DHCP服务吗" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btn_disable_dhcpsvr", "names": names}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_enable: function(chk, obj){ var names = ""; var chk = table.checkStatus('tab_dhcpsvr_list'); if(chk.data.length == 0) { layer.msg('{{ lang008[g_lang] || "请先选择需要启用的线路" }}'); return; } layui.each(chk.data, function(index, elem){ names += elem.name + " "; }); pa_confirm('{{ lang009[g_lang] || "确定要启用选中线路的DHCP服务吗" }}?', function(index){ pa_ajax({ url: api, data: {"action": "btn_enable_dhcpsvr", "names": names}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); } };   var col_render = function(r){ switch(this.field) { case "name": return '<span class="abtn" lay-event="tabevt_name">' + r.name + '</span>';  case "enable": return r.enable == 1 ? '{{ lang002[g_lang] || "启用" }}' : '{{ lang003[g_lang] || "禁用" }}';  case "vlan": return r.vlan == "0-0" ? '{{ lang018[g_lang] || "任意" }}' : r.vlan;  case "pool": return r.pool == "0.0.0.0/0" ? "0.0.0.0-0.0.0.0" : r.pool;  case "dns0": return r.dns0 + ", " + r.dns1;  case "act": return patpl($("#tpl_dhcpsvr_td_action").html()).render(r); }; };   var table_search = function(){ var search = form.getValue("form_search_dhcpsvr"); pa_table.reload({ where: search }) };   /* 基本渲染 */ form.render();  pa_table.render({ elem: '#tab_dhcpsvr_list', url: api, height: 'full-{{ d.pop_route ? 148 : 190 }}', where: {"action": "dhcp_server_list"}, page: true, pageType: 'web', pageElem: 'page_dhcpsvr_list', parseData: function(json){ l_dreplay_config = json.data.replay; json.data = json.data.server; return json; }, cols: [[ {type: 'checkbox'} ,{field: 'num', title: '{{ lang010[g_lang] || "序号" }}', width: 36} ,{field: 'name', title: '{{ lang011[g_lang] || "服务接口" }}', templet: col_render, width: 96} ,{field: 'enable', title: '{{ lang001[g_lang] || "服务状态" }}', templet: col_render, width: 96} ,{field: 'vlan', title: '{{ lang012[g_lang] || "VLAN范围" }}', width: 160, templet: col_render} ,{field: 'pool', title: '{{ lang013[g_lang] || "IP分配范围" }}', templet: col_render} ,{field: 'gateway', title: '{{ lang014[g_lang] || "默认网关" }}', width: 120} ,{field: 'dns0', title: 'DNS', templet: col_render} ,{field: 'ttl', title: '{{ lang015[g_lang] || "租期(秒)" }}', width: 100, sort: true} ,{field: 'clntcnt', title: '{{ lang016[g_lang] || "租户数" }}', width: 100, sort: true} ,{field: 'act', title: '{{ lang017[g_lang] || "操作" }}', width: 40, align: "right", templet: col_render} ]], done: function(json){ var obj = $("#tab_dhcpsvr_list").next();  /* 开启DHCP中继的情况下，所有服务列表置灰 */ if(l_dreplay_config.enable == 1){ layui.each(json.data, function(index, elem){ obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");  }); return; }  layui.each(json.data, function(index, elem){ if(elem.enable == "0") obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");  else obj.find('tr[data-index="' + index + '"]').removeClass("layui-word-aux");  }); } });   /* 事件绑定 */ util.event("dhcpsvr-event", event_center);  table.on('tool(tab_dhcpsvr_list)', function(obj){ event_center[obj.event](obj); });  form.on('input-affix(clear_search_dhcpsvr)', table_search); form.on('select(select_search_dhcpsvr)', table_search); form.on('submit(submit_search_dhcpsvr)', function(obj){ table_search(); return false; });  }); </script>