{{# var lang001 = {"ch": "地址范围", "en": "IP Address Range"}, lang002 = {"ch": "备注", "en": "Notes"}, lang003 = {"ch": "添加", "en": "Add"}, lang004 = {"ch": "添加DHCP地址", "en": "Add DHCP Address Range"}, lang005 = {"ch": "编辑", "en": "Edit"}, lang006 = {"ch": "编辑DHCP地址", "en": "Edit DHCP Address Range"}, lang007 = {"ch": "删除", "en": "Delete"}, lang008 = {"ch": "确定要删除", "en": "Confirm to delete?"}, lang009 = {"ch": "关键字搜索", "en": "Search"}, lang010 = {"ch": "操作", "en": "Action"}; }}  {{# 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_dhcpsvrv6"> <div class="layui-form-item paui-table-form-left"> <div class="layui-input-inline"> <input type="text" name="keyword" class="layui-input" autocomplete="off" placeholder='{{ lang009[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_search_dhcpsvrv6"> </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_dhcpsvrv6" id="submit_search_dhcpsvrv6"> <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" dhcpsvrv6-event="btnevt_add"> <i class="layui-icon layui-icon-add-1"></i>&nbsp;{{ lang003[g_lang] || "添加" }} </span> </div> </div> </form>  <div class="paui-table-card"> <table id="tab_dhcpsvrv6_list" lay-filter="tab_dhcpsvrv6_list"></table> <div class="layui-table-page" id="page_dhcpsvrv6_list"></div> </div>  {{# if(d.pop_route) { }}         </div>     </div> </div> {{# } }}  <script id="tpl_dhcpsvrv6_td_action" type="text/html"> <span class="abtn" lay-event="tabevt_edit" title='{{ lang005[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_del" title='{{ lang007[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;  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 = { btnevt_add: function(){ paopen({ title: '{{ lang004[g_lang] || "添加DHCP地址" }}', area: ['600px', '500px'], url: '/html/network/dhcpsvr_v6_add.html', btn: 'default', subElem: '#submit_add_dhcpsvr_v6', }); },  tabevt_edit: function(obj){ obj.data.action = 'edit_dhcpsvrv6'; paopen({ title: '{{ lang006[g_lang] || "编辑DHCP地址" }}', area: ['600px', '500px'], url: '/html/network/dhcpsvr_v6_add.html', data: obj.data, btn: 'default', subElem: '#submit_add_dhcpsvr_v6', }); },  tabevt_del: function(obj){ pa_confirm('{{ lang008[g_lang] || "确定要删除" }}?', function(index){ layer.close(index); pa_ajax({ url: api, data: {'action': 'rmv_dhcpsvrv6', 'id': obj.data.id}, success: function(json){ if(json.code != 0) alert_err(json.msg); else{ table_search(); alert_ok(json.msg); } } }); }); }  };  var col_render = function(r){ switch(this.field) { case "id": return `<span class="abtn paui-tips" lay-event="tabevt_edit">${r.id}</span>`;  case "start": return r.start + ' - ' + r.end;  case "desc": return r.desc == "NULL" ? "" : r.desc;  case "act": return patpl($("#tpl_dhcpsvrv6_td_action").html()).render(r); }; };   var table_search = function(){ var search = form.getValue("form_search_dhcpsvrv6"); pa_table.reload({ where: search }) };   /* 基本渲染 */ form.render();  pa_table.render({ elem: '#tab_dhcpsvrv6_list', url: api, height: 'full-{{ d.pop_route ? 148 : 190 }}', where: {"action": "dhcpv6_server_list"}, page: true, pageType: 'web', pageElem: 'page_dhcpsvrv6_list', cols: [[ {type: 'checkbox'} ,{field: 'id', title: 'ID', templet: col_render} ,{field: 'start', title: '{{ lang001[g_lang] || "地址范围" }}', templet: col_render} ,{field: 'desc', title: '{{ lang002[g_lang] || "备注" }}', templet: col_render} ,{field: 'act', title: '{{ lang010[g_lang] || "操作" }}',align: "right", templet: col_render} ]] });  /* 事件绑定 */ util.event("dhcpsvrv6-event", event_center);  table.on('tool(tab_dhcpsvrv6_list)', function(obj){ event_center[obj.event](obj); });  form.on('input-affix(clear_search_dhcpsvrv6)', table_search); form.on('submit(submit_search_dhcpsvrv6)', function(obj){ table_search(); return false; });  }); </script>