{{# var lang001 = {"ch": "DHCP服务", "en": "DHCP Service"}, lang002 = {"ch": "所有", "en": "All"}, lang003 = {"ch": "关键字搜索", "en": "Search"}, lang004 = {"ch": "转静态", "en": "Convert to Static"}, lang005 = {"ch": "删除", "en": "Delete"}, lang006 = {"ch": "确定要删除吗", "en": "Confirm deletion?"}, lang007 = {"ch": "确定要转静态吗", "en": "Confirm conversion to static?"}, lang008 = {"ch": "动态", "en": "Dynamic"}, lang009 = {"ch": "静态", "en": "Static"}, lang010 = {"ch": "序号", "en": "No."}, lang011 = {"ch": "服务", "en": "Service"}, lang012 = {"ch": "终端MAC", "en": "Terminal MAC"}, lang013 = {"ch": "终端IP", "en": "Terminal IP"}, lang014 = {"ch": "用户名", "en": "User Name"}, lang015 = {"ch": "状态", "en": "Status"}, lang016 = {"ch": "类别", "en": "Type"}, lang017 = {"ch": "出租时间", "en": "Lease Start Time"}, lang018 = {"ch": "租期（秒）", "en": "Lease Time (s)"}, lang019 = {"ch": "操作", "en": "Action"}; }}  <div class="layui-row paui-dhcpsta-bind">  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_search_dhcpuser"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label" style="width:100px">{{ lang001[g_lang] || "DHCP服务" }}</label> <div class="layui-input-inline" style="width:150px"> <select name="id" id="select_dhcpuser_svr" lay-filter="select_dhcpuser_svr"> <option value="">{{ lang002[g_lang] || "所有" }}</option> </select> </div> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang003[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_search_dhcpuser"> </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_dhcpuser"> <i class="layui-icon layui-icon-search"></i> </button> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_dhcpuser_list" lay-filter="tab_dhcpuser_list"></table> <div class="layui-table-page" id="page_dhcpuser_list"></div> </div> </div>   <script id="tpl_dhcpuser_td_action" type="text/html"> {%# if(d.type == "DYNA") { %} <span class="abtn" lay-event="tabevt_link" title='{{ lang004[g_lang] || "转静态" }}'> <i class="layui-icon layui-icon-link" style="font-size:12px"></i> </span>&nbsp; {%# } %} <span class="abtn" lay-event="tabevt_delete" title='{{ lang005[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>   <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table, patpl = layui.patpl, laypage = layui.laypage;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var api = '/cgi-bin/network/ajax_dhcpsvr';   var page_evt = {  tabevt_ip: function(obj){ popupIPobj(obj.data.ip); },  tabevt_lanif: function(obj){ popupProxy("", "", obj.data.lanif); },  tabevt_delete: function(obj){ pa_confirm('{{ lang006[g_lang] || "确定要删除吗" }}？', function(index){ layer.close(index); obj.data.action = "rmv_dhcpuser"; pa_ajax({ url: api, data: obj.data, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  tabevt_link: function(obj){ pa_confirm('{{ lang007[g_lang] || "确定要转静态吗" }}?', function(index){ layer.close(index); obj.data.action = "add_dhcpsta"; obj.data.vlan = obj.data.vlan == "0/0" ? "0-4095" : obj.data.vlan; pa_ajax({ url: api, data: obj.data, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); $("#btn_dhcpsta_reload").click(); } } }); }); },  };   var col_rendere = function(r){ switch(this.field){ case "lanif": return '<span class="abtn" lay-event="tabevt_lanif">' + r.lanif + '</span>';  case "uip": return '<span class="abtn" lay-event="tabevt_ip">' + r.ip + '</span>';  case "type": return r.type == "DYNA" ? '{{ lang008[g_lang] || "动态" }}' : '{{ lang009[g_lang] || "静态" }}';  case "act": return patpl($("#tpl_dhcpuser_td_action").html()).render(r); } };   var table_search = function(type){ var search = form.getValue("form_search_dhcpuser"); pa_table.reload({ where: search }); };   /* 基本渲染 */ form.render();  pa_ajax({ url: api, data: {"action": "list_dhcpsvr", "state": "1"}, success: function(json){ layui.each(json.data, function(index, elem){ $("#select_dhcpuser_svr").append('<option value="' + elem.id + '">' + elem.name + '</option>'); }); form.render(); } });  pa_table.render({ elem: '#tab_dhcpuser_list', url: api, height: 'full-190', where: {"action": "list_dhcpuser"}, page: true, pageElem: 'page_dhcpuser_list', parseData: function(json){ json.count = json.data.total; json.data = json.data.data; return json; }, cols: [[ {type: 'numbers', title: '{{ lang010[g_lang] || "序号" }}', width: 50} ,{field: 'lanif', title: '{{ lang011[g_lang] || "服务" }}', templet: col_rendere} ,{field: 'mac', title: '{{ lang012[g_lang] || "终端MAC" }}', sort: true} ,{field: 'uip', title: '{{ lang013[g_lang] || "终端IP" }}', sort: true, templet: col_rendere} ,{field: 'desc', title: '{{ lang014[g_lang] || "用户名" }}', sort: true} ,{field: 'vlan', title: 'VLAN', sort: true} ,{field: 'state', title: '{{ lang015[g_lang] || "状态" }}', sort: true} ,{field: 'type', title: '{{ lang016[g_lang] || "类别" }}', sort: true, templet: col_rendere} ,{field: 'ltime', title: '{{ lang017[g_lang] || "出租时间" }}', sort: true} ,{field: 'ttl', title: '{{ lang018[g_lang] || "租期（秒）" }}', sort: true} ,{field: 'act', title: '{{ lang019[g_lang] || "操作" }}', width: 60, align: "right", templet: col_rendere} ]] });   /* 事件绑定 */ table.on('tool(tab_dhcpuser_list)', function(obj){ page_evt[obj.event](obj); });  form.on('input-affix(clear_search_dhcpuser)', table_search); form.on('select(select_dhcpuser_svr)', table_search); form.on('submit(submit_search_dhcpuser)', function(obj){ table_search(); return false; }); }); </script>