{{# var lang001 = {"ch": "账号管理", "en": "Account Management"},     lang002 = {"ch": "组织架构", "en": "Organizational"},     lang003 = {"ch": "安全组", "en": "Security"},     lang004 = {"ch": "本地账号", "en": "Local Account"}, lang005 = {"ch": "代理账号", "en": "Proxy Account"}, lang006 = {"ch": "IP/MAC备注", "en": "IP/MAC Remark"}, lang007 = {"ch": "在线用户", "en": "Online User"}, lang008 = {"ch": "所有用户组", "en": "All Users Group"}, lang009 = {"ch": "待定", "en": "Pending"}, lang010 = {"ch": "姓名", "en": "Full Name"}, lang011 = {"ch": "身份证", "en": "ID Number"}, lang012 = {"ch": "手机号", "en": "Mobile Phone"}, lang013 = {"ch": "其他信息", "en": "Notes"}, lang014 = {"ch": "用户组", "en": "User Group"},     lang015 = {"ch": "组织架构", "en": "Organization Structure"},     lang016 = {"ch": "关键字搜索", "en": "Keyword Search"},     lang017 = {"ch": "清空", "en": "Clear"},     lang018 = {"ch": "添加用户组", "en": "Add Group"},     lang019 = {"ch": "编辑", "en": "Edit"},     lang020 = {"ch": "删除", "en": "Delete"},     lang021 = {"ch": "确定要清空所有用户组吗？", "en": "Confirm to clear all groups?"},     lang022 = {"ch": "添加用户组", "en": "Add Group"},     lang023 = {"ch": "编辑用户组", "en": "Edit Group"},     lang024 = {"ch": "删除用户组，该组下的账号都会被删除<br>确定要删除", "en": "Delete Group, all accounts under the group will be deleted<br>Confirm to delete"},     lang025 = {"ch": "不能登录", "en": "Block Login"},     lang026 = {"ch": "可登录不能上网", "en": "Allow Login, Block Internet Access"},     lang027 = {"ch": "可登录,可上网", "en": "Allow Login and Internet Access"},     lang028 = {"ch": "名称", "en": "Name"},     lang029 = {"ch": "IPV4地址", "en": "IPv4 Address"},     lang030 = {"ch": "IPV6地址", "en": "IPv6 Address"},     lang031 = {"ch": "上行速率", "en": "Uplink Rate"},     lang032 = {"ch": "下行速率", "en": "Downlink Rate"},     lang033 = {"ch": "用户账号", "en": "User Account"},     lang034 = {"ch": "可分配IP", "en": "Available IPs"},     lang035 = {"ch": "在线时间", "en": "Online Time (Hours)"},     lang036 = {"ch": "过期用户", "en": "Expired Account Action"},     lang037 = {"ch": "代拨接口", "en": "Proxy Interface"},     lang038 = {"ch": "代拨VLAN", "en": "Proxy VLAN"},     lang039 = {"ch": "操作", "en": "Action"},     lang040 = {"ch": "安全组", "en": "Security Group"},     lang041 = {"ch": "添加安全组", "en": "Add Security Group"},     lang042 = {"ch": "序号", "en": "No."},     lang043 = {"ch": "安全组名称", "en": "Security Group Name"},     lang044 = {"ch": "确定要删除安全组", "en": "Confirm To Delete Security Group"},     lang045 = {"ch": "请选择需要删除的安全组", "en": "Please select the security group(s) to delete"};   }}  <style> .paui-drag-box{display: flex; flex-direction: row; height: auto;} .paui-drag-left{display: flex; overflow-x: hidden; overflow-y: auto; padding: 0px; width: 18%;} .paui-drag-right{display: flex; border-left:1px solid #c1c1c1; width: 82%;} #paui-user-group-content .layui-tab-title li {font-size: 12px;} #paui-user-group-content .layui-table-page {width: 90%;} .paui-user-account-tab-main .layui-icon-user{font-size: 14px;} </style>  <div class="layui-tab layui-tab-brief paui-user-account-tab-main"> <ul class="layui-tab-title paui-page-user-account-title"> <li class="layui-this">{{ lang001[g_lang] || "账号管理" }}</li> <li>{{ lang014[g_lang] || "用户组" }}</li> </ul> <div class="layui-tab-content" style="padding: 0px;"> <div class="layui-tab-item layui-show"> <div class="paui-drag-box"> <div class="paui-drag-left paui-bg-white"> <div class="layui-tab layui-tab-brief" lay-filter="user_account_tab" style="width: 100%"> <ul class="layui-tab-title"> <li class="layui-this">{{ lang002[g_lang] || "组织架构" }}</li> <!-- <li>{{ lang003[g_lang] || "安全组" }}</li> --> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show" id="paui-user-group-tree-all">                                 <li><span class="abtn" style="position: relative;top: -42px;left: 100px;" user_group_event="btnevt_add_group">                                     <i class="layui-icon layui-icon-add-1"></i>{{ lang041[g_lang] || "添加安全组" }}                                    </span>                                 </li> <div class="layui-row" id="paui-user-group-tree" style="margin-top: -26px;"> <div class="layui-anim layui-anim-rotate layui-anim-loop" style="margin-top:200px; text-align: center;"> <i class="pa-icon pa-loading" style="font-size:25px; color:#666666"></i> </div> </div>                                 <div class="layui-row" id="paui-user-secure-group-tree"></div> </div> <!-- <div class="layui-tab-item"> <div class="layui-row" id="paui-user-secure-group-tree"></div> </div> -->  </div> </div> </div> <div class="paui-drag-right" id="paui-user-group-content"> <div style="width: 100%;"> <div id="user_account_list_right"> <div class="layui-tab layui-tab-brief paui-user-account-tab" lay-filter="menu_user_account"> <ul class="layui-tab-title paui-page-user-content-title"> <li target="object/user_account_local" stat="0">{{ lang004[g_lang] || "本地账号" }}</li> <li target="object/user_account_proxy" stat="0">{{ lang005[g_lang] || "代理账号" }}</li> <li target="monitor/ipobj_note_list" stat="0">{{ lang006[g_lang] || "IP/MAC备注" }}</li> <li target="monitor/ipobj_list" stat="0">{{ lang007[g_lang] || "在线用户" }}</li> </ul> <div class="layui-tab-content paui-page-user-content-content"> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> <div class="layui-tab-item"></div> </div> </div> </div> </div> </div> </div> </div> <div class="layui-tab-item" style="padding: 10px;">             <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='{{ lang016[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>{{ lang017[g_lang] || "清空" }}                         </span>                         <span class="abtn" user_group_event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang018[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>  <div id="paui-user-account-click-data" style="display: none;"></div>  <script id="tpl_account_info_tips" type="text/html"> <div style="min-width: 300px;"> <div class="layui-row"> <div class="layui-col-xs3">{{ lang010[g_lang] || "姓名" }}</div> <div class="layui-col-xs9">{% d.cname || "-" %}</div> </div> <div class="layui-row"> <div class="layui-col-xs3">{{ lang011[g_lang] || "身份证" }}</div> <div class="layui-col-xs9">{% d.card || "-" %}</div> </div> <div class="layui-row"> <div class="layui-col-xs3">{{ lang012[g_lang] || "手机号" }}</div> <div class="layui-col-xs9">{% d.phone || "-" %}</div> </div> <div class="layui-row"> <div class="layui-col-xs3">{{ lang013[g_lang] || "其他信息" }}</div> <div class="layui-col-xs9">{% d.other || "-" %}</div> </div> </div> </script>  <script id="tpl_user_group_td_action" type="text/html"> <span class="abtn" lay-event="tabevt_edit" title='{{ lang019[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang020[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script id="tpl_add_group" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_group" style="padding-top:20px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang043[g_lang] || "安全组名称" }}</label>             <div class="layui-input-inline">                 <input class="layui-input" name="action" value="add_group" type="hidden">                 <input class="layui-input" name="name" type="text">             </div>         </div>         <div class="layui-hide">             <button id="submit_add_group" lay-submit lay-filter="submit_add_group"></button>         </div>     </form> </script>  <script> layui.use(function(){     var $ = layui.$,     tree = layui.tree,     laytpl = layui.laytpl,     element = layui.element, treeTable = layui.treeTable, patpl = layui.patpl,     table = layui.table, util = layui.util,     form = layui.form;       var l_org_grp_list = [];     var l_sec_grp_list = [];     var l_group_show = {"pool": 0,"type":"org"};     var api = '/cgi-bin/object/ajax_user_group';  var pa_table = new Paui_table();      var event_center = {         btnevt_clear: function(){             pa_confirm('{{ lang021[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: '{{ lang022[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: function(){                     table_search();                     load_group_data();                 } });         },          btnevt_add_group:function(){             paopen({                 title: '{{ lang041[g_lang] || "添加安全组" }}',                 area: ['400px', '180px'],                 content: $("#tpl_add_group").html(),                 btn: 'default',                 subElem: '#submit_add_group',                 success: function(layero, index){                      form.on('submit(submit_add_group)', function(obj){                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0)                                     alert_err(json.msg);                                 else {                                     layer.closeAll();                                     alert_ok(json.msg);                                     table_sec_search();                                     load_group_data();                                 }                             }                         });                         return false;                     });                 }             });         },          tabevt_edit: function(obj){ obj.data.action = "edit_ippool"; obj.data.pname  = obj.data.pname == "NULL" ? "-" : obj.data.pname; paopen({ title: '{{ lang023[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 = '{{- lang024[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();                             load_group_data(); } } }); });         },          tabevt_rmv_sec:function(obj){             pa_confirm('{{ lang044[g_lang] || "确定要删除安全组吗" }}：<span class="layui-word-aux">' + obj.data.name + '<span>', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "del_group", "name": obj.data.name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg);                             table_sec_search();                             load_group_data(); } } }); });         },          btnevt_rmv_group(){             var chk = table.checkStatus('tab_user_security_group_list').data;             var name = ""; if(chk.length == 0) { layer.msg('{{ lang045[g_lang] || "请选择需要删除的安全组" }}'); return false; };             layui.each(chk,function(index,elem){                 name += "|" + elem.name;             });              pa_confirm('{{ lang044[g_lang] || "确定要删除安全组吗" }}', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "del_group", "name": name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg);                             table_sec_search(); } } }); });         },          tree_evt_click: function(obj){             $(".layui-tree-set").removeClass('layui-tree-active');             obj.elem.addClass('layui-tree-active');  l_group_show.pool = obj.data.id;             l_group_show.type = "org";             $(".paui-page-user-content-title li").eq(1).show(); $(".paui-page-user-content-title li").eq(2).show(); $("#paui-user-account-click-data").text(JSON.stringify(l_group_show)); $(".paui-user-account-reload-btn").click();         },          tree_sec_evt_click: function(obj){             $(".layui-tree-set").removeClass('layui-tree-active');             obj.elem.addClass('layui-tree-active');  l_group_show.pool = obj.data.id;             l_group_show.type = "sec";             $(".paui-page-user-content-title li").eq(1).hide(); $(".paui-page-user-content-title li").eq(2).hide(); $("#paui-user-account-click-data").text(JSON.stringify(l_group_show)); $(".paui-user-account-reload-btn").click();         }     };       var drag_render = function(){         var dict = {minWidth: 150, maxWidth: 400};         var drag_area = parseInt( $(".paui-drag-box").width() );          /* 初始拖拽变量 */         $(".paui-drag-left").on('mousemove', function(e){             var oLeft = $(this).offset().left             ,pLeft = e.clientX - oLeft;             dict.allowResize = $(this).width() - pLeft <= 5;             $('body').css('cursor', (dict.allowResize ? 'col-resize' : ''));         }).on('mouseleave', function(){             if(dict.resizeStart) return;             $('body').css('cursor', '');         }).on('mousedown', function(e){             if(dict.allowResize){                 e.preventDefault();                 dict.resizeStart = true;                 dict.offset = $(this).offset().left;             }         });          /* 开始拖拽 */         $(document).on('mousemove', function(e){             if(!dict.resizeStart) return;                          e.preventDefault();             var setWidth = e.clientX - dict.offset;             if(setWidth < dict.minWidth) setWidth = dict.minWidth;             if(setWidth > dict.maxWidth) setWidth = dict.maxWidth;              $(".paui-drag-left").css('width', setWidth + 'px');             $(".paui-drag-right").css('width', (drag_area - setWidth - 10) + 'px');         }).on('mouseup', function(e){             if(dict.resizeStart){                 dict = {minWidth: 150, maxWidth: 400};                 $('body').css('cursor', '');                 table.resize('tab_user_tree');             }         });     };  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 '{{ lang025[g_lang] || "不能登录" }}';                 else if(r.clntepa == "login")                     return '{{ lang026[g_lang] || "可登录不能上网" }}';                 else if(r.clntepa == "pass")                     return '{{ lang027[g_lang] || "可登录,可上网" }}';  case "ifname": return r.ifname == "NULL" ? "-" : r.ifname;              case "act_sec":                 return `<span class="abtn" lay-event="tabevt_rmv_sec" title='{{ lang020[g_lang] || "删除" }}'>                 <i class="layui-icon layui-icon-delete"></i>                     </span>` }; };       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             }         });     };      var table_sec_search = function(){         var search = form.getValue("form_user_security_group");          pa_table.reload({                 where: search             });     };      /* 递归加载树 */ var tree_addnode = function(pNode, index) { var list = []; var node = {};  for (var i = index; i < l_org_grp_list.length; i++) { node = l_org_grp_list[i];             node.icon="layui-icon layui-icon-user"; node.spread = true; if(node.pid == pNode.id) { if (node.children) node.children = tree_addnode(node, i); list.push(node); } } return list; };       var secure_tree_addnode = function(pNode, index) { var list = []; var node = {};  for (var i = index; i < l_sec_grp_list.length; i++) { node = l_sec_grp_list[i];             node.icon="layui-icon layui-icon-auz"; node.spread = true; if(node.pid == pNode.id) { if (node.children) node.children = secure_tree_addnode(node, i); list.push(node); } } return list; };       /* 渲染用户组树 */     var show_group_tree = function() { var rootNode = [{ "pid": -1, "id": 0, "field": "", "title": '{{ lang008[g_lang] || "所有用户组" }}',             "icon": "layui-icon layui-icon-user", "spread": true, "edit": [], "children": [] }];  rootNode[0].children = tree_addnode(rootNode[0], 0);  tree.render({ elem: '#paui-user-group-tree', data: rootNode, edit: ['add','del'],  onlyIconControl: true, click: function(obj){ event_center["tree_evt_click"](obj); },             edit_callback: function(obj){                 if(obj.type === 'add'){                    event_center["btnevt_add"](obj)                }else if(obj.type === 'del'){                   obj.data.name = obj.data.title;                   event_center["tabevt_rmv"](obj);               };             } });          $('.layui-tree').children(':first').addClass('layui-tree-active');         $('#paui-user-group-tree').find('.layui-tree-btnGroup:first .layui-icon').hide();         $('#paui-user-group-tree').find('.layui-tree-btnGroup:eq(1) .layui-icon.layui-icon-delete').hide();     };       /*渲染安全组树*/     var show_secure_group_tree = function() { var rootNode = [{ "pid": -1, "id": 60001, "field": "", "title": '{{ lang040[g_lang] || "安全组" }}',             "icon": "layui-icon layui-icon-auz", "spread": true, "edit": [], "children": [] }];  rootNode[0].children = secure_tree_addnode(rootNode[0], 0);  tree.render({ elem: '#paui-user-secure-group-tree', data: rootNode, onlyIconControl: true,             edit:['add','del'], click: function(obj){ event_center["tree_sec_evt_click"](obj); },             edit_callback: function(obj){                 if(obj.type === 'add'){                    event_center["btnevt_add_group"](obj)                }else if(obj.type === 'del'){                   obj.data.name = obj.data.title;                   event_center["tabevt_rmv_sec"](obj);               };             } });          $('.layui-tree').children(':first').addClass('layui-tree-active');         $('#paui-user-secure-group-tree').find('.layui-tree-btnGroup:first .layui-icon').hide();     };       var load_group_data = function(){         pa_ajax({             url: api,             data: {'action': 'load_org_tree'},             success: function(json){                 l_org_grp_list = json.data.pool;                 l_org_grp_list.unshift({                     "id": "-1",                     "field": "-1",                     "title": '{{ lang009[g_lang] || "待定" }}',                     "pid": "0"                 });                  l_sec_grp_list = [];                 layui.each(json.data.sec,function(index,elem){                    l_sec_grp_list.push({'id':elem.id,'title':elem.name,'pid':'60001'});                 });                  show_group_tree(); show_secure_group_tree();             }         });     };    /* 页面渲染 */     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: '{{ lang028[g_lang] || "名称" }}', minWidth: 180,templet:col_render},             {field: 'start', title: '{{ lang029[g_lang] || "IPV4地址" }}', templet: col_render},             {field: 'prefix', title: '{{ lang030[g_lang] || "IPV6地址" }}'},             {field: 'rateout', title: '{{ lang031[g_lang] || "上行速率" }}', sort: true},             {field: 'ratein', title: '{{ lang032[g_lang] || "下行速率" }}', sort: true},             {field: 'dns0', title: 'DNS', templet: col_render},             {field: 'acctcnt', title: '{{ lang033[g_lang] || "用户账号" }}#', sort: true},             {field: 'ipleft', title: '{{ lang034[g_lang] || "可分配IP" }}#'},             {field: 'maxonlinetime', title: '{{ lang035[g_lang] || "在线时间" }}'},             {field: 'clntepa', title: '{{ lang036[g_lang] || "过期用户" }}', templet: col_render},             {field: 'ifname', title: '{{ lang037[g_lang] || "代拨接口" }}', templet: col_render},             {field: 'vlan', title: '{{ lang038[g_lang] || "代拨VLAN" }}'},             {field: 'act', title: '{{ lang039[g_lang] || "操作" }}', align: 'right', templet: "#tpl_user_group_td_action"}         ]]     });       pa_table.render({ elem: '#tab_user_security_group_list' ,autoSort: false ,height: 'full-145' ,dbkey: 'tab_user_security_group_list' ,filterElem: '.paui-user_security_group-filter' ,url: api ,where: {'action': 'load_secure_group'} ,cols: [[ {type: 'checkbox', field: 'id'} ,{type: 'numbers', title: '{{ lang042[g_lang] || "序号" }}', width:80} ,{field: 'name', title: '{{ lang040[g_lang] || "安全组" }}'} ,{field: 'act_sec', title: '{{ lang025[g_lang] || "操作" }}', align: 'right', templet: col_render} ]] });      /* 页面渲染 */     drag_render();     load_group_data();   /* 事件绑定 */     util.event('user_group_event', event_center);  form.on("input-affix(clear_user_group)", table_search);     form.on("input-affix(clear_user_security_group)", table_sec_search);     form.on('submit(submit_user_group)', function(obj){         table_search();         return false;     });     form.on('submit(submit_user_security_group)', function(obj){         table_sec_search();         return false;     });      treeTable.on('tool(tab_user_group_list)', function (obj) {         event_center[obj.event](obj);     });     table.on('tool(tab_user_security_group_list)', function (obj) {         event_center[obj.event](obj);     });  element.on('tab(user_account_tab)', function(data){ var index = data.index; if(index === 0){ l_group_show.type = "org"; $(".paui-page-user-content-title li").eq(0).click();             $(".paui-page-user-content-title li").eq(1).show(); $(".paui-page-user-content-title li").eq(2).show(); } else if(index === 1){ l_group_show.type = "sec"; $(".paui-page-user-content-title li").eq(0).click();             $(".paui-page-user-content-title li").eq(1).hide(); $(".paui-page-user-content-title li").eq(2).hide(); }             load_group_data(); });      element.on('tab(menu_user_account)', function(obj){ var index = obj.index; var stats = $(this).attr("stats"); var target = $(this).attr("target");          if(index != 0){ /* 缓存已加载的页面 */ if( stats == "1") return; else $(this).attr("stats", "1");                       }  /* 请求页面 */         $(".paui-page-user-content-content .layui-tab-item").eq(index).html(""); pa_get_html('/html/' + target + '.html', function(html){ /* 子页面中，根据 pop_route 条件显示 */ laytpl(html).render({pop_route: true}, function(string){ $(".paui-page-user-content-content .layui-tab-item").eq(index).html(string); layer.closeAll("loading"); }); }); });           /* 高度自适应 */     $("#paui-user-group-content").height( ($(window).height() - 80) + "px");     $("#paui-user-group-tree-all").height( ($(window).height() - 138) + "px");  /* 初始显示 */ $("#user_account_list_right li").eq(0).click(); }); </script>