{{# var lang001 = {"ch": "账号群组", "en": "Account Group"}, lang002 = {"ch": "输入账号或群组名称关键字查询", "en": "Enter Account or Group Name Keyword to Search"}, lang003 = {"ch": "删除", "en": "Delete"}, lang004 = {"ch": "添加", "en": "Add"}, lang005 = {"ch": "群组账号展示", "en": "Display Group Accounts"}, lang006 = {"ch": "输入账号关键字查询", "en": "Enter Account Keyword to Search"}, lang007 = {"ch": "添加", "en": "Add"}, lang008 = {"ch": "导出", "en": "Export"}, lang009 = {"ch": "编辑", "en": "Edit"}, lang010 = {"ch": "群组名称", "en": "Group Name"}, lang011 = {"ch": "执行成功后，自动关闭窗口", "en": "Automatically close window after successful execution"}, lang012 = {"ch": "格式", "en": "Format"}, lang013 = {"ch": "账号备注", "en": "Account Remark"}, lang014 = {"ch": "文件导入", "en": "File Import"}, lang015 = {"ch": "文件格式", "en": "File Format"}, lang016 = {"ch": "每行一个账号", "en": "One account per line"}, lang017 = {"ch": "选择文件", "en": "Select File"}, lang018 = {"ch": "导入方式", "en": "Import Method"}, lang019 = {"ch": "追加", "en": "Append"}, lang020 = {"ch": "覆盖", "en": "Overwrite"}, lang021 = {"ch": "请选择需要删除的账号群组", "en": "Please select the account group(s) to delete first"}, lang022 = {"ch": "确定要删除选中群组吗？<br>相关策略也会被删除", "en": "Confirm deletion of selected group(s)?<br>Related policies will also be deleted"}, lang023 = {"ch": "添加账号群组", "en": "Add Account Group"}, lang024 = {"ch": "请选择需要删除的账号", "en": "Please select the account(s) to delete first"}, lang025 = {"ch": "确定要删除选中账号吗？", "en": "Confirm to delete selected account(s)?"}, lang026 = {"ch": "添加账号", "en": "Add Account"}, lang027 = {"ch": "服务器错误,上传失败", "en": "Server error, upload failed"}, lang028 = {"ch": "请输入账号，或选择上传文件", "en": "Please enter the account(s) or select a file to upload"}, lang029 = {"ch": "请选择需要导出的账号群组", "en": "Please select the account group(s) to export"}, lang030 = {"ch": "确定要导出群组", "en": "Confirm to export group(s)?"}, lang031 = {"ch": "编辑账号群组", "en": "Edit Account Group"}, lang032 = {"ch": "该群组相关策略都会被删除！<br>确定要删除群组", "en": "All policies related to this group will be deleted!<br>Confirm to delete the group?"}, lang033 = {"ch": "确定要导出群组", "en": "Confirm to export group(s)?"}, lang034 = {"ch": "确定要删除账号", "en": "Confirm to delete account(s)?"}, lang035 = {"ch": "无数据", "en": "No Data"}, lang036 = {"ch": "群组名称", "en": "Group Name"}, lang037 = {"ch": "操作", "en": "Action"}, lang038 = {"ch": "序号", "en": "No."}, lang039 = {"ch": "备注", "en": "Notes"}, lang040 = {"ch": "请选择", "en": "Please Select"}, lang041 = {"ch": "成员数量", "en": "Member Count"}, lang042 = {"ch": "所属群组", "en": "Assigned Group"}, lang043 = {"ch": "清空", "en": "Clear"}, lang044 = {"ch": "请选择需要清空的账号群组", "en": "No group selected"}, lang045 = {"ch": "确定要清空该账号群组吗？", "en": "Confirm to clear this Account Group?"}, lang046 = {"ch": "操作确认", "en": "Operation Confirmation"}, lang047 = {"ch": "群组类型", "en": "Group Type"}, lang048 = {"ch": "支持单个账号", "en": "Supports single account only"}, lang049 = {"ch": "只支持输入单个账号", "en": "Only supports entering a single account"}, lang050 = {"ch": "普通群组", "en": "Regular Group"}, lang051 = {"ch": "动态单账号群组", "en": "Dynamic Single Account Group"}; }}  <style> .paui-page-iptab-list .pa-clear{font-size: 14px;} </style>  <div class="layui-tab layui-tab-brief paui-page-iptab-list"> {{# if(!d.pop_route) { }}     <ul class="layui-tab-title">         <li class="layui-this">{{ lang001[g_lang] || "账号群组" }}</li>     </ul> {{# } }}     <div class="layui-tab-content" style="padding:0px; overflow: hidden;">         <div class="layui-tab-item layui-show">             <div class="layui-row layui-col-space8" style="padding:8px;">                 <div class="layui-col-xs4">                                      <div class="layui-card">                         <div class="layui-card-header">{{ lang001[g_lang] || "账号群组" }}</div>                         <div class="layui-card-body">                             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_usergrp_search">                                 <div class="layui-form-item paui-table-form-left">                                     <div class="layui-input-inline" style="width:220px">                                         <input type="text" name="keyword" class="layui-input" autocomplete="off" lay-filter="clear_usergrp_search"                                         placeholder='{{ lang002[g_lang] || "输入账号或群组名称关键字查询" }}' lay-affix="clear">                                     </div>                                     <div class="layui-input-inline" style="width:40px">                                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_usergrp_search">                                             <i class="layui-icon layui-icon-search"></i>                                         </button>                                     </div>                                 </div>                                 <div class="layui-form-item paui-table-form-right">                                     <span class="abtn" usergrp-event="btnevt_del_grp">                                         <i class="layui-icon layui-icon-delete"></i>{{ lang003[g_lang] || "删除" }}                                     </span>                                     <span class="abtn" usergrp-event="btnevt_add_grp">                                         <i class="layui-icon layui-icon-add-1"></i>{{ lang004[g_lang] || "添加" }}                                     </span>                                 </div>                             </form>                             <table id="tab_usergrp_list" lay-filter="tab_usergrp_list"></table>                         </div>                     </div>                 </div>                                                   <div class="layui-col-xs8">                     <div class="layui-card">                         <div class="layui-card-header">群组账号展示</div>                         <div class="layui-card-body" style="padding-bottom: 0px;">                             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_search_grpuser">                                 <div class="layui-form-item paui-table-form-left">                                     <label class="layui-form-label">账号群组</label>                                     <div class="layui-input-inline" style="width: 160px;">                                         <input type="hidden" name="name" id="input_search_grpuser">                                         <select name="id" id="select_search_grpuser" lay-filter="select_search_grpuser" lay-search></select>                                     </div>                                     <div class="layui-input-inline">                                         <input type="text" name="keyword" class="layui-input" autocomplete="off" lay-filter="clear_search_grpuser"                                         placeholder='{{ lang006[g_lang] || "输入IP关键字查询" }}' lay-affix="clear">                                     </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_grpuser">                                             <i class="layui-icon layui-icon-search"></i>                                         </button>                                     </div>                                 </div>                                 <div class="layui-form-item paui-table-form-right">                                     <span class="abtn" usergrp-event="tabevt_add_grpuser" id="paui-btn-usertable-adduser">                                         <i class="layui-icon layui-icon-add-1"></i>{{ lang007[g_lang] || "添加导入" }}                                     </span>                                     <span class="abtn" usergrp-event="btnevt_del_user">                                         <i class="layui-icon layui-icon-delete"></i>{{ lang003[g_lang] || "删除" }}                                     </span>                                                                     </div>                             </form>                             <table id="tab_grpuser_list" lay-filter="tab_grpuser_list"></table>                             <div class="layui-table-page" id="page_grpuser_list"></div>                         </div>                     </div>                 </div>              </div>         </div>     </div> </div>  <script id="tpl_usertab_tdact" type="text/html"> <span class="abtn" lay-event="tabevt_edit_grp" title='{{ lang009[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_add_grpuser" title='{{ lang004[g_lang] || "添加" }}'> <i class="layui-icon layui-icon-add-1"></i> </span> <span class="abtn" lay-event="tabevt_del_single_grp" title='{{ lang003[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script id="tpl_tabuser_tdact" type="text/html"> <span class="abtn" lay-event="tabevt_edit_ip" title='{{ lang009[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv_ip" title='{{ lang003[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script id="tpl_add_usergrp" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_usertable" style="padding-top:20px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang010[g_lang] || "群组名称" }}</label>             <div class="layui-input-inline">                 <input class="layui-input" name="action" value="add_usertable" type="hidden">                 <input class="layui-input" name="id" type="hidden">                 <input class="layui-input" name="name" type="text" maxlength="27">             </div>         </div>         <div class="layui-hide">             <button id="submit_add_usertable" lay-submit lay-filter="submit_add_usertable"></button>         </div>     </form> </script>  <script id="tpl_add_tabuser" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_tabuser" style="padding-top:20px;">                  <div class="layui-form-item">             <label class="layui-form-label">账号群组</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="action" value="add_tabuser" type="hidden">                 <input class="layui-input" name="name" type="hidden">                 <select name="id" lay-search>                     {%# layui.each(d, function(index, elem){ %}                         <option value="{% elem.id %}">{% elem.name %}</option>                     {%# }); %}                 </select>             </div>         </div>          <div class="layui-form-item">             <label class="layui-form-label">账号</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="user" type="text" placeholder=''>             </div>         </div>          <div class="layui-form-item">             <label class="layui-form-label">账号备注</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="desc" type="text" maxlength="23">             </div>         </div>          <div class="layui-hide">             <button id="submit_add_tabuser" lay-filter="submit_add_tabuser" lay-submit></button>         </div>     </form> </script>  <script id="tpl_edit_tabuser" type="text/html">     <form class="layui-form paui-form" lay-filter="form_edit_tabuser" style="padding-top:20px;">         <div class="layui-form-item">             <label class="layui-form-label">账号群组</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="action" value="edit_tabuser" type="hidden">                 <input class="layui-input" name="id" type="hidden" value="{% d.id %}">                 <input class="layui-input layui-disabled" name="name" type="text" value="{% d.name %}" disabled>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">账号</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input layui-disabled" name="user" value="{%d.user%}" type="text" disabled>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">账号备注</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="desc" type="text" value="{% d.desc %}" maxlength="23">             </div>         </div>         <div class="layui-hide">             <button id="submit_edit_tabuser" lay-filter="submit_edit_tabuser" lay-submit></button>         </div>     </form> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     patpl = layui.patpl,     upload = layui.upload,     element = layui.element;      var grp_tab = new Paui_table();     var user_tab  = new Paui_table();      var api = '/cgi-bin/object/ajax_usertable';     var l_usergrp_list = [];      var add_user_table = function(data){         paopen({             title: data.title,             area: ['400px', '260px'],             content: patpl($("#tpl_add_usergrp").html()).render(data),             btn: 'default',             subElem: '#submit_add_usertable',             success: function(layero, index){                 form.val("form_add_usertable", data);                 form.on('submit(submit_add_usertable)', 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);                                 grp_tab_serach();                                 reload_sys_env();                             }                         }                     });                     return false;                 });             }         });     };      var event_center = {         btnevt_del_grp: function(){ var data = ""; var chk = table.checkStatus('tab_usergrp_list'); if(chk.data.length == 0){ layer.msg('{{ lang021[g_lang] || "请选择需要删除的账号群组" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id; }); pa_confirm('{{- lang022[g_lang] || "确定要删除选中群组吗？<br>相关策略也会被删除" }}！', function(index){ pa_ajax({ url: api, data: {"action": "btnrmv_usertable", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); grp_tab_serach();                             user_tab_serach();                             reload_sys_env(); } } }); });         },          tabevt_del_single_grp:function(obj){ pa_confirm('{{- lang022[g_lang] || "确定要删除选中群组吗？<br>相关策略也会被删除" }}！', function(index){ pa_ajax({ url: api, data: {"action": "btnrmv_usertable", "items": obj.data.id}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); grp_tab_serach();                             user_tab_serach();                             reload_sys_env(); } } }); });         },          btnevt_add_grp: function(){             add_user_table({                 'action': 'add_usertable',                 'title': '{{ lang023[g_lang] || "添加IP群组" }}'             });         },          btnevt_del_user: function(){ var data = "";             var search = form.getValue("form_search_grpuser"); var chk = table.checkStatus('tab_grpuser_list'); if(chk.data.length == 0){ layer.msg('{{ lang024[g_lang] || "请选择需要删除的IP" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id + "=" + elem.user; }); pa_confirm('{{ lang025[g_lang] || "确定要删除选中IP吗？" }}', function(index){ pa_ajax({ url: api, data: {"action": "btnrmv_tabuser", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg);                             user_tab_serach(); } } }); });         },                    btnevt_export: function(){             var search = form.getValue("form_search_grpip");             if(search.id == ""){                 layer.msg('{{ lang029[g_lang] || "请选择需要导出的IP群组" }}');                 return;             }             pa_confirm('{{ lang030[g_lang] || "确定要导出群组" }}：' + search.name, function(index){                 layer.close(index);                 search.action = "export_iptab";                 pa_ajax({                     url: api,                     data: search,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data.file_name);                     }                 });             });         },          btnevt_clear_ip: function(){             var search = form.getValue("form_search_grpip");             if(search.id == ""){                 layer.msg('{{ lang044[g_lang] || "请选择需要清空的IP群组" }}');                 return;             }             pa_confirm('{{ lang045[g_lang] || "确定要清空该IP群组吗？"}}', function(index){                 layer.close(index);                 search.action = "clear_tabip";                 pa_ajax({                     url: api,                     data: search,                      success:function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             grp_tab_serach();                             user_tab_serach();                         }                     }                 });             });         },          tabevt_show_grp: function(obj){             obj.data.keyword = "";             form.val("form_search_grpuser", obj.data);             user_tab_serach();         },          tabevt_edit_grp: function(obj){             add_user_table($.extend(true, {}, {                 'action': 'edit_usertable',                 'title': '{{ lang031[g_lang] || "编辑IP群组" }}'             }, obj.data));         },                  tabevt_add_grpuser: function(obj){             obj.data.keyword = "";             form.val("form_search_grpuser", obj.data);              var search = form.getValue("form_search_grpuser");             paopen({                 title: '添加账号',                 area: ['500px', '300px'],                 btn: 'default',                 subElem: '#submit_add_tabuser',                 content: patpl($("#tpl_add_tabuser").html()).render(l_usergrp_list),                 success: function(layero, index){                     var _submit_data = {};                                          form.val("form_add_tabuser", search);                     form.on('submit(submit_add_tabuser)', function(obj){                         if(obj.field.user == "" ) {                             layer.msg('请输入账号');                             return false;                         }                          pa_ajax({                                 url: api,                                 data: obj.field,                                 success: function(json){                                     layer.closeAll('loading');                                     if(json.code != 0)                                         alert_err(json.msg);                                     else {                                         layer.close(index);                                         $("#paui-event-ipgrp-" + obj.field.id).click();                                         alert_ok(json.msg);                                         user_tab_serach();                                     }                                 }                         });                         return false;                     });                 }             });                        },          tabevt_clear_grp: function(obj){             pa_confirm('{{ lang045[g_lang] || "确定要清空该IP群组吗？"}}', function(index){                 layer.close(index);                 obj.data.action = "clear_tabip";                 pa_ajax({                     url: api,                     data: obj.data,                      success:function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             grp_tab_serach();                             user_tab_serach();                         }                     }                 });             });         },          tabevt_export: function(obj){             pa_confirm('{{ lang033[g_lang] || "确定要导出群组" }}：' + obj.data.name, function(index){                 layer.close(index);                 obj.data.action = "export_iptab";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data.file_name);                     }                 });             });         },          tabevt_rmv_ip: function(obj){             data = ";" + obj.data.id + "=" + obj.data.user;             pa_confirm('{{ lang034[g_lang] || "确定要删除IP" }}：' + obj.data.user, function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data:{                         action:"btnrmv_tabuser",                         "items": data                        },                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             user_tab_serach();                         }                     }                 })             });         },          tabevt_edit_ip: function(obj){             paopen({                 title: '{{ lang009[g_lang] || "编辑" }}',                 area: ['500px', '230px'],                 btn: 'default',                 subElem: '#submit_edit_tabuser',                 content: patpl($("#tpl_edit_tabuser").html()).render(obj.data),                 success: function(layero, index){                     form.render();                     if(obj.data.desc == "NULL")                         form.val("form_edit_tabuser", {desc: ""});                      form.on('submit(submit_edit_tabuser)', 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);                                     user_tab_serach();                                 }                             }                         });                         return false;                     });                 }             });         }     };       var col_render = function(r){         switch(this.field){             case "id":                 return '<div lay-event="tabevt_show_grp" style="cursor:pointer" id="paui-event-usergrp-'+ r.id +'">'+ r.id +'</div>';                          case "name":                                            return '<div class="abtn" lay-event="tabevt_show_grp" style="text-decoration: underline;">'+ r.name +'</div>';                                          case "usernum":                 return '<div lay-event="tabevt_show_grp" style="cursor:pointer">'+ r.usernum +'</div>';         }     };       var grp_tab_serach = function(){         var search = form.getValue("form_usergrp_search");         grp_tab.reload({             where: search         });      };      var user_tab_serach = function(){         var search = form.getValue("form_search_grpuser");         user_tab.reload({             text: {'none:':'{{ lang035[g_lang] || "无数据" }}'},             where: search         });     };      /* 页面渲染 */     form.render();     grp_tab.render({ elem: '#tab_usergrp_list',         height: 'full-{{d.height1||190}}',         url: api, where: {"action": "list_usertable", "keyword":""},         parseData: function(json){             var obj = $("#select_search_grpuser");             obj.html("");             obj.append('<option value="">{{ lang040[g_lang] || "请选择" }}</option>');             layui.each(json.data, function(index, elem){                 if(elem.name == '{{d.name || ""}}')                     obj.append('<option value="'+ elem.id +'" selected>' + elem.name + '</option>');                 else                     obj.append('<option value="'+ elem.id +'">' + elem.name + '</option>');             });             $("#input_search_grpuser").val('{{d.name || ""}}');             form.render();             l_usergrp_list = json.data;             return json;         },     cols: [[     {type: 'checkbox'}             ,{field: 'id', title: 'ID', width: 30, templet: col_render}     ,{field: 'name', title: '{{ lang036[g_lang] || "群组名称" }}', templet: col_render}             ,{field: 'usernum', title: '{{ lang041[g_lang] || "成员数量" }}', width: 80, sort: true, templet: col_render}             ,{field: 'act', title: '{{ lang037[g_lang] || "操作" }}', width: 120, align: 'right', templet: '#tpl_usertab_tdact'}   ]]     });       user_tab.render({ elem: '#tab_grpuser_list', height: 'full-{{d.height2||226}}', pageElem: 'page_grpuser_list', pageType: 'shell',         url: api,         text: {'none:':'请选择群组'}, where: {'action': 'list_tabuser', 'name': '{{d.name||""}}', 'keyword':''},         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         }, cols: [[ {type: 'checkbox'}             ,{field: 'num', title: '{{ lang038[g_lang] || "序号" }}', width: 60}             ,{field: 'name', title: '{{ lang042[g_lang] || "所属群组" }}'} ,{field: 'user', title: '账号'}             ,{field: 'desc', title: '{{ lang039[g_lang] || "备注" }}', templet: function(r){                 return  r.desc == "NULL" ? "" : r.desc;             } }             ,{field: 'act', title: '{{ lang037[g_lang] || "操作" }}', width: 80, align: 'right', templet: '#tpl_tabuser_tdact'} ]]     });      /* 事件绑定 */     util.event('usergrp-event', event_center);      table.on('tool(tab_usergrp_list)', function(obj){         event_center[obj.event](obj);     });      table.on('tool(tab_grpuser_list)', function(obj){         event_center[obj.event](obj);     });      form.on('select(select_search_grpuser)', function(obj){         $("#paui-event-usergrp-" + obj.value).click();     });          form.on('input-affix(clear_usergrp_search)', grp_tab_serach);     form.on('submit(submit_usergrp_search)', function(obj){         grp_tab_serach();         return false;     });      form.on('input-affix(clear_search_grpuser)', user_tab_serach);     form.on('submit(submit_search_grpuser)', function(obj){         user_tab_serach();         return false;     }); }); </script>