{{#     var lang001 = {"ch": "组织架构", "en": "Organization Structure"},     lang002 = {"ch": "关键字搜索", "en": "Keyword Search"},     lang003 = {"ch": "清空", "en": "Clear"},     lang004 = {"ch": "添加用户组", "en": "Add Group"},     lang005 = {"ch": "编辑", "en": "Edit"},     lang006 = {"ch": "删除", "en": "Delete"},     lang007 = {"ch": "确定要清空所有用户组吗？", "en": "Confirm to clear all groups?"},     lang008 = {"ch": "添加用户组", "en": "Add Group"},     lang009 = {"ch": "编辑用户组", "en": "Edit Group"},     lang010 = {"ch": "删除用户组，该组下的账号都会被删除<br>确定要删除", "en": "Delete Group, all accounts under the group will be deleted<br>Confirm to delete"},     lang011 = {"ch": "不能登录", "en": "Block Login"},     lang012 = {"ch": "可登录不能上网", "en": "Allow Login, Block Internet Access"},     lang013 = {"ch": "可登录,可上网", "en": "Allow Login and Internet Access"},     lang014 = {"ch": "名称", "en": "Name"},     lang015 = {"ch": "IPV4地址", "en": "IPv4 Address"},     lang016 = {"ch": "IPV6地址", "en": "IPv6 Address"},     lang017 = {"ch": "上行速率", "en": "Uplink Rate"},     lang018 = {"ch": "下行速率", "en": "Downlink Rate"},     lang019 = {"ch": "用户账号", "en": "User Account"},     lang020 = {"ch": "可分配IP", "en": "Available IPs"},     lang021 = {"ch": "在线时间", "en": "Online Time (Hours)"},     lang022 = {"ch": "过期用户", "en": "Expired Account Action"},     lang023 = {"ch": "代拨接口", "en": "Proxy Interface"},     lang024 = {"ch": "代拨VLAN", "en": "Proxy VLAN"},     lang025 = {"ch": "操作", "en": "Action"}; }}  <style> .paui-page-ugroup-list .layui-icon-user{font-size: 14px;} </style>  <div class="layui-tab layui-tab-brief paui-page-ugroup-list"> <ul class="layui-tab-title"> <li class="layui-this">{{ lang001[g_lang] || "组织架构" }}</li> </ul> <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_user_group">                 <div class="layui-form-item paui-table-form-left">                     <div class="layui-input-inline">                         <input class="layui-input" name="keyword" type="text" autocomplete="off"                         placeholder='{{ lang002[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_user_group">                     </div>                     <div class="layui-input-inline" style="width:40px">                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_user_group">                             <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" user_group_event="btnevt_clear">                             <i class="pa-icon pa-clear"></i>{{ lang003[g_lang] || "清空" }}                         </span>                         <span class="abtn" user_group_event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang004[g_lang] || "添加用户组" }}                         </span>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tab_user_group_list" lay-filter="tab_user_group_list"></table>             </div>         </div> </div> </div>  <script id="tpl_user_group_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_rmv" title='{{ lang006[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     table = layui.table,     treeTable = layui.treeTable;      var api = '/cgi-bin/object/ajax_user_group';       var event_center = {         btnevt_clear: function(){             pa_confirm('{{ lang007[g_lang] || "确定要清空所有用户组吗？" }}', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {"action": "clear_ippool"},                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          btnevt_add: function(){ paopen({ title: '{{ lang008[g_lang] || "添加用户组" }}', area: ["850px", "700px"], url: '/html/object/user_group_add.html', data: {"action": "add_ippool", "id": 0}, btn: "default", subElem: "#submit_add_ippool",                 end: table_search });         },          tabevt_edit: function(obj){ obj.data.action = "edit_ippool"; obj.data.pname  = obj.data.pname == "NULL" ? "-" : obj.data.pname; paopen({ title: '{{ lang009[g_lang] || "编辑用户组" }}->' + obj.data.name, area: ["850px", "700px"], url: '/html/object/user_group_add.html', data: obj.data, btn: "default", subElem: "#submit_add_ippool", end: table_search });         },          tabevt_rmv: function(obj){             var msg = '{{- lang010[g_lang] || "删除用户组，该组下的账号都会被删除<br>确定要删除" }}：<span class="layui-word-aux">' + obj.data.name + '<span>'; pa_confirm(msg, function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "del_ippool", "id": obj.data.id, "name": obj.data.name}, 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_edit">' + r.name + '</span>';  case "pname": return r.pname == "NULL" ? "-" : r.pname;  case "title": return '<span class="abtn" lay-event="tabevt_edit">' + r.name + '</span>';  case "start": return r.start + "-" + r.end;  case "dns0": return r.dns0 + "," + r.dns1;  case "clntepa":                 if(r.clntepa == "reject")                     return '{{ lang011[g_lang] || "不能登录" }}';                 else if(r.clntepa == "login")                     return '{{ lang012[g_lang] || "可登录不能上网" }}';                 else if(r.clntepa == "pass")                     return '{{ lang013[g_lang] || "可登录,可上网" }}';  case "ifname": return r.ifname == "NULL" ? "-" : r.ifname; }; };       var table_search = function(){         var search = form.getValue("form_user_group");         treeTable.reloadData('tab_user_group_list', {             where: {                 action: 'load_ippool_tree',                 keyword: search.keyword             }         });     };           /* 页面渲染 */     treeTable.render({         id: 'tab_user_group_list',         elem: '#tab_user_group_list',         url: g_sys_env.paui_vpath + api,         where: {action: 'load_ippool_tree', pid: 0},         height: 'full-145',         loading: false,         parseData: function(json){             json.data = json.data || [];             json.count = json.data.length;             return json;         },         tree: {             customName: { pid: "pid" },             autoParam: ["pid=id"],             view: {                 iconLeaf: '<i class="layui-icon layui-icon-user" style="font-size: 13px;"></i>',                 iconClose: '<i class="layui-icon layui-icon-user" style="font-size: 13px;"></i>',                 iconOpen: '<i class="layui-icon layui-icon-user" style="font-size: 13px;"></i>'             },             async: {                 enable: true,                 url: g_sys_env.paui_vpath + api,                 where: {'action': 'load_ippool_tree'},                 autoParam: ["pid=id"],                 parseData: function(json){                     json.data = json.data || [];                     json.count = json.data.length;                     return json;                 }             }         },         cols: [[             {field: 'name', title: '{{ lang014[g_lang] || "名称" }}', minWidth: 180,templet:col_render},             {field: 'start', title: '{{ lang015[g_lang] || "IPV4地址" }}', templet: col_render},             {field: 'prefix', title: '{{ lang016[g_lang] || "IPV6地址" }}'},             {field: 'rateout', title: '{{ lang017[g_lang] || "上行速率" }}', sort: true},             {field: 'ratein', title: '{{ lang018[g_lang] || "下行速率" }}', sort: true},             {field: 'dns0', title: 'DNS', templet: col_render},             {field: 'acctcnt', title: '{{ lang019[g_lang] || "用户账号" }}#', sort: true},             {field: 'ipleft', title: '{{ lang020[g_lang] || "可分配IP" }}#'},             {field: 'maxonlinetime', title: '{{ lang021[g_lang] || "在线时间" }}'},             {field: 'clntepa', title: '{{ lang022[g_lang] || "过期用户" }}', templet: col_render},             {field: 'ifname', title: '{{ lang023[g_lang] || "代拨接口" }}', templet: col_render},             {field: 'vlan', title: '{{ lang024[g_lang] || "代拨VLAN" }}'},             {field: 'act', title: '{{ lang025[g_lang] || "操作" }}', align: 'right', templet: "#tpl_user_group_td_action"}         ]]     });       /* 事件绑定 */     util.event('user_group_event', event_center);      form.on("input-affix(clear_user_group)", table_search);     form.on('submit(submit_user_group)', function(obj){         table_search();         return false;     });      treeTable.on('tool(tab_user_group_list)', function (obj) {         event_center[obj.event](obj);     });  }); </script>