{{# var lang001 = {"ch": "组织架构", "en": "Organization"}, lang002 = {"ch": "任意", "en": "Any"}, lang003 = {"ch": "账号状态", "en": "Account Status"}, lang004 = {"ch": "所有", "en": "All"}, lang005 = {"ch": "启用", "en": "Enabled"}, lang006 = {"ch": "禁用", "en": "Disabled"}, lang007 = {"ch": "关键字搜索", "en": "Search"}, lang008 = {"ch": "批量操作", "en": "Batch Operation"}, lang009 = {"ch": "编辑", "en": "Edit"}, lang010 = {"ch": "禁用", "en": "Disable"}, lang011 = {"ch": "启用", "en": "Enable"}, lang012 = {"ch": "删除", "en": "Delete"}, lang013 = {"ch": "解绑", "en": "Unbind MAC"}, lang014 = {"ch": "添加", "en": "Add"}, lang015 = {"ch": "单个添加", "en": "Single Add"}, lang016 = {"ch": "批量添加", "en": "Batch Add"}, lang017 = {"ch": "导入", "en": "Import"}, lang018 = {"ch": "导出", "en": "Export"}, lang019 = {"ch": "自定义", "en": "Custom"}, lang020 = {"ch": "编辑", "en": "Edit"}, lang021 = {"ch": "删除", "en": "Delete"}, lang022 = {"ch": "禁用", "en": "Disable"}, lang023 = {"ch": "启用", "en": "Enable"}, lang024 = {"ch": "自定义显示", "en": "Customize Display"}, lang025 = {"ch": "恢复默认", "en": "Restore Default"}, lang026 = {"ch": "序号", "en": "No."}, lang027 = {"ch": "用户组", "en": "Group"}, lang028 = {"ch": "用户账号", "en": "Account"}, lang029 = {"ch": "绑定MAC", "en": "Bound MAC"}, lang030 = {"ch": "绑定IP", "en": "Bound IP"}, lang031 = {"ch": "绑定VLAN", "en": "Bound VLAN"}, lang032 = {"ch": "在线IP", "en": "Online IP"}, lang033 = {"ch": "在线用户", "en": "Online Users"}, lang034 = {"ch": "起始日期", "en": "Start Date"}, lang035 = {"ch": "截止日期", "en": "Expiration Date"}, lang036 = {"ch": "最后下线", "en": "Last Offline Time"}, lang037 = {"ch": "其他信息", "en": "Notes"}, lang038 = {"ch": "操作", "en": "Action"}, lang039 = {"ch": "批量编辑账号", "en": "Batch Edit Accounts"}, lang040 = {"ch": "确定要禁用选中账号吗", "en": "Confirm to disable selected account(s)?"}, lang041 = {"ch": "确定要解除选中账号的MAC地址", "en": "Confirm to unbind MAC address for selected account(s)?"}, lang042 = {"ch": "确定要启用选中账号吗", "en": "Confirm to enable selected account(s)?"}, lang043 = {"ch": "确定要删除选中账号吗", "en": "Confirm to delete selected account(s)?"}, lang044 = {"ch": "添加本地账号", "en": "Add Local Account"}, lang045 = {"ch": "批量添加本地账号", "en": "Batch Add Local Accounts"}, lang046 = {"ch": "账号导入", "en": "Account Import"}, lang047 = {"ch": "账号导出", "en": "Account Export"}, lang048 = {"ch": "编辑本地账号", "en": "Edit Local Account"}, lang049 = {"ch": "确定要启用该账号吗", "en": "Confirm to enable this account?"}, lang050 = {"ch": "确定要禁用该账号吗", "en": "Confirm to disable this account?"}, lang051 = {"ch": "确定要删除该账号吗", "en": "Confirm to delete this account?"}, lang052 = {"ch": "无账号", "en": "No accounts found"}, lang053 = {"ch": "请先选择需要操作的账号", "en": "Please select the account(s) to operate on first"}, lang054 = {"ch": "账号期限", "en": "Account Duration"}, lang055 = {"ch": "即将过期", "en": "Expiring Soon"}, lang056 = {"ch": "已过期", "en": "Expired"}, lang057 = {"ch": "身份证;联系电话;其他信息", "en": "ID Number;Contact Phone;Notes"}, lang058 = {"ch": "姓名", "en": "Full Name"}, lang059 = {"ch": "未过期", "en": "Active"}; }}  {{# if(d.pop_route){ }} <div style="padding: 10px;"> {{# } }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_local_account"> <div class="layui-form-item paui-table-form-left"> <label class="layui-form-label">{{ lang001[g_lang] || "组织架构" }}</label> <div class="layui-input-inline" style="width:120px"> <input type="text" name="name" id="local_acct_ugroup_name" value='{{ lang002[g_lang] || "任意" }}' class="layui-input layui-disabled" readonly onclick="select_ippool({'retname':'#local_acct_ugroup_name', 'retid':'#local_acct_ugroup_id'})" style="cursor: pointer!important;"> <input type="hidden" name="pool_id" id="local_acct_ugroup_id"> </div> <label class="layui-form-label" style="width: 100px;">{{ lang003[g_lang] || "账号状态" }}</label> <div class="layui-input-inline" style="width:120px"> <select name="status" lay-filter="select_local_account"> <option value="">{{ lang004[g_lang] || "所有" }}</option> <option value="0">{{ lang005[g_lang] || "启用" }}</option> <option value="1">{{ lang006[g_lang] || "禁用" }}</option> </select> </div> <label class="layui-form-label" style="width: 120px;">{{ lang054[g_lang] || "账号期限" }}</label> <div class="layui-input-inline" style="width:120px"> <select name="expire" lay-filter="select_local_account"> <option value="">{{ lang004[g_lang] || "所有" }}</option> <option value="inuse">{{ lang059[g_lang] || "未过期" }}</option> <option value="soon">{{ lang055[g_lang] || "即将过期" }}<30</option> <option value="expire">{{ lang056[g_lang] || "已过期" }}</option> </select> </div> <div class="layui-input-inline" style="width:140px"> <input class="layui-input" name="keyword" type="text" autocomplete="off" placeholder='{{ lang007[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_local_account"> </div> <div class="layui-input-inline" style="width:40px"> <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_local_account"> <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 paui-hover-menu" style="margin-right:0px"> <span class="abtn"> <i class="layui-icon layui-icon-set"></i>&nbsp;{{ lang008[g_lang] || "批量操作" }} </span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_edit"> <i class="layui-icon layui-icon-edit"></i>&nbsp;{{ lang009[g_lang] || "编辑" }} </span> </dd> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang010[g_lang] || "禁用" }} </span> </dd> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang011[g_lang] || "启用" }} </span> </dd> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_remove"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang012[g_lang] || "删除" }} </span> </dd> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_unbind"> <i class="layui-icon layui-icon-unlink"></i>&nbsp;{{ lang013[g_lang] || "解绑" }} </span> </dd> </dl> </div> <div class="layui-form-mid paui-hover-menu" style="margin-right:0px"> <span class="abtn paui-local-acct" paui-event="btnevt_add" uncheck="yes"> <i class="layui-icon layui-icon-add-1"></i>{{ lang014[g_lang] || "添加" }} </span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_add" uncheck="yes"> <i class="layui-icon layui-icon-add-1"></i>{{ lang015[g_lang] || "单个添加" }} </span> </dd> <dd> <span class="abtn paui-local-acct" paui-event="btnevt_addm" uncheck="yes"> <i class="layui-icon layui-icon-add-1"></i>{{ lang016[g_lang] || "批量添加" }} </span> </dd> </dl> </div> <div class="layui-form-mid"> <span class="abtn paui-local-acct" paui-event="btnevt_import" uncheck="yes"> <i class="layui-icon layui-icon-upload-drag"></i>&nbsp;{{ lang017[g_lang] || "导入" }} </span> <span class="abtn paui-local-acct" paui-event="btnevt_export" uncheck="yes"> <i class="pa-icon pa-download"></i>&nbsp;{{ lang018[g_lang] || "导出" }} </span> <span class="abtn paui-local-account-filter"> <i class="pa-icon pa-filter" title='{{ lang019[g_lang] || "自定义" }}'></i> </span> <span class="layui-hide paui-local-acct" paui-event="btnevt_refresh" uncheck="yes" id="btn_reload_local_acct"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_local_user_acct" lay-filter="tab_local_user_acct"></table> <div class="layui-table-page" id="page_local_account_tab"></div> </div>  {{# if(d.pop_route){ }} </div> {{# } }}  <script id="tpl_local_account_action" type="text/html"> <span class="abtn" lay-event="tabevt_acct" title='{{ lang020[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang021[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> {%# if (d.disable == 0) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang022[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang023[g_lang] || "启用" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, tree = layui.tree, table = layui.table, patpl = layui.patpl, dropdown = layui.dropdown;  var pa_table = new Paui_table();  var group_api = '/cgi-bin/object/ajax_user_group'; var acct_api  = '/cgi-bin/object/ajax_user_account';  var l_sortobj = {"field": "end", "type": "asc"}; var l_today = util.toDateString((new Date()).getTime(), 'yyyy-MM-dd');  var TIPS_TPL = $("#tpl_account_info_tips").html();   var event_center = { btnevt_show_tips: function(){ var that = $(this); var acct = $(this).attr('acct');  pa_ajax({ url: group_api, data: {"action": "load_edit_acct_env", "account": acct}, success: function(json){                     layer.tips(patpl( TIPS_TPL ).render(json.data.acct), that, {                         tips: [1, '#323E4D'],                         maxWidth: 600,                         time: 6000,                     }); } }); },  btnevt_edit: function(chk){ layer.closeAll(); paopen({ title: '{{ lang039[g_lang] || "批量编辑账号" }}', area: ["500px", "340px"], url: '/html/object/user_account_editm.html', data: {"accounts": chk}, btn: "default", subElem: "#submit_editm_account" }); },  btnevt_disable: function(chk){ pa_confirm('{{ lang040[g_lang] || "确定要禁用选中账号吗" }}?', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "disable_acct", "accounts": chk}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_unbind: function(chk){ pa_confirm('{{ lang041[g_lang] || "确定要解除选中账号的MAC地址" }}？', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "unbind_mac", "accounts": chk}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_enable: function(chk){ pa_confirm('{{ lang042[g_lang] || "确定要启用选中账号吗" }}？', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "enable_acct", "accounts": chk}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_remove: function(chk){ pa_confirm('{{ lang043[g_lang] || "确定要删除选中账号吗" }}?', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "delete_acct", "accounts": chk}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_add: function(chk){ var data = form.getValue("form_local_account"); data.action = "add_user_account"; data.acct_type = "local"; layer.closeAll(); paopen({ title: '{{ lang044[g_lang] || "添加本地账号" }}', area: ["700px", "650px"], url: '/html/object/user_account_add.html', data: data, btn: "default", subElem: "#submit_add_account" }); },  btnevt_addm: function(chk){ layer.closeAll(); paopen({ title: '{{ lang045[g_lang] || "批量添加本地账号" }}', area: ["1300px", "700px"], url: '/html/object/user_account_addm.html', btn: "default", subElem: "#submit_addm_account" }); },  btnevt_import: function(chk){ layer.closeAll(); paopen({ title: '{{ lang046[g_lang] || "账号导入" }}', area: ["600px", "560px"], url: '/html/object/user_account_import.html', btn: 'default', subElem: "#submit_account_import" }); },  btnevt_export: function(chk){ layer.closeAll(); paopen({ title: '{{ lang047[g_lang] || "账号导出" }}', area: ["460px", "260px"], url: '/html/object/user_account_export.html', }); },  btnevt_refresh: function(chk){ table_search(); },  tabevt_acct: function(obj){ obj.data.action = "edit_user_account"; layer.closeAll(); paopen({ title: '{{ lang048[g_lang] || "编辑本地账号" }}->' + obj.data.account, area: ["700px", "700px"], url: '/html/object/user_account_add.html', data: obj.data, btn: "default", subElem: "#submit_add_account" }); },  tabevt_onlineip: function(obj){ popupIPobj(obj.data.online_ip); },  tabevt_enable: function(obj){ pa_confirm('{{ lang049[g_lang] || "确定要启用该账号吗" }}？', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "enable_acct", "accounts": obj.data.account}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  tabevt_disable: function(obj){ pa_confirm('{{ lang050[g_lang] || "确定要禁用该账号吗" }}', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "disable_acct", "accounts": obj.data.account}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); },  tabevt_rmv: function(obj){ pa_confirm('{{ lang051[g_lang] || "确定要删除该账号吗" }}？', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: {"action": "delete_acct", "accounts": obj.data.account}, success: function(json){ if(json.code != 0) alert_err(json.msg); else { alert_ok(json.msg); table_search(); } } }); }); }, };   var table_col_render = function(r){ switch(this.field){             case "pool_name":      return '<span class="abtn" lay-event="tabevt_acct">'+ r.pool_name +'</span>';  case "account":                 return [                     '<div class="abtn" lay-event="tabevt_acct">',                         r.account,                     '</div>',                 ].join('');  case "bind_mac": return r.bind_mac == "NULL" ? "-" : r.bind_mac;  case "online_ip": if(r.online_ip != "0.0.0.0") return '<span class="abtn" lay-event="tabevt_onlineip">' + r.online_ip + '</span>'; else  return r.online_ip;  case "offtime": return r.offtime == "1970-01-01/08:00:00" ? "-" : r.offtime;  case "name": if(r.more_info == "NULL") return "-"; return [ '<div local-account-mouse="btnevt_show_tips"', 'acct="', r.account, '">', r.more_info.split(";")[0], '</div>' ].join('');  case "more_info": if(r.more_info == "NULL") return "-"; var data =  r.more_info.split(";"); data.shift(); return data.join(";");  case "act": return patpl($("#tpl_local_account_action").html()).render(r); }; };   var table_search = function(){ var data = form.getValue("form_local_account"); data.sort_key = l_sortobj.field; data.sort_type = l_sortobj.type; data.name = data.name == '{{ lang002[g_lang] || "任意" }}' ? "" : data.name;  pa_table.reload({ where: data, text: {'none': data.name + ' {{ lang052[g_lang] || "无账号" }}'}, initSort: l_sortobj, }); };   /* 页面初始*/ form.render();  pa_table.render({ elem: '#tab_local_user_acct' ,initSort: l_sortobj ,autoSort: false ,height: 'full-{{d.pop_route ? 110 : 190}}' ,dbkey: 'tab_local_user_acct' ,filterElem: '.paui-local-account-filter' ,pageElem: 'page_local_account_tab' ,pageType: 'shell' ,page: true ,url: acct_api ,where: {'action': 'list_pppoe_account'} ,parseData: function(json){ json.count = json.data.total; json.data = json.data.data; return json; } ,cols: [[ {type: 'checkbox', field: 'id'} ,{type: 'numbers', title: '{{ lang026[g_lang] || "序号" }}', width:38} ,{field: 'pool_name', title: '{{ lang027[g_lang] || "用户组" }}', sort: true,templet:table_col_render} ,{field: 'account', title: '{{ lang028[g_lang] || "用户账号" }}', sort: true, templet: table_col_render,} ,{field: 'name', title: '{{ lang058[g_lang] || "姓名" }}', templet: table_col_render,} ,{field: 'bind_mac', title: '{{ lang029[g_lang] || "绑定MAC" }}', sort: true, templet: table_col_render} ,{field: 'bind_ip', title: '{{ lang030[g_lang] || "绑定IP" }}', sort: true} ,{field: 'out_vlan1', title: '{{ lang031[g_lang] || "绑定VLAN" }}', sort: true} ,{field: 'online_ip', title: '{{ lang032[g_lang] || "在线IP" }}', sort: true, templet: table_col_render} ,{field: 'online_cnt', title: '{{ lang033[g_lang] || "在线用户" }}', sort: true, width:70, sort: true} ,{field: 'start', title: '{{ lang034[g_lang] || "起始日期" }}', sort: true} ,{field: 'end', title: '{{ lang035[g_lang] || "截止日期" }}', sort: true} ,{field: 'offtime', title: '{{ lang036[g_lang] || "最后下线" }}', sort: true, templet: table_col_render} ,{ field: 'more_info', filter_title: '{{ lang037[g_lang] || "其他信息" }}', title: paui_tabcol_tips('{{ lang037[g_lang] || "其他信息" }}', '{{ lang057[g_lang] || "身份证;联系电话;其他信息" }}'), templet: table_col_render } ,{field: 'act', title: '{{ lang038[g_lang] || "操作" }}', align: 'right', width: 80, templet: table_col_render} ]] ,done: function(json){ var obj = $("#tab_local_user_acct").next(); layui.each(json.data, function(index, elem){ if(elem.end < l_today) obj.find('tr[data-index="' + index + '"]').addClass("paui-color-danger"); else { if(elem.disable == "1") obj.find('tr[data-index="' + index + '"]').addClass("layui-word-aux");  else obj.find('tr[data-index="' + index + '"]').removeClass("layui-word-aux");  } }); } });   /* 事件绑定 */ util.event('local-account-mouse', event_center, 'mouseenter');  table.on('sort(tab_local_user_acct)', function(obj){ l_sortobj = obj; table_search(); });  table.on('tool(tab_local_user_acct)', function(obj){ event_center[obj.event](obj); });  $(".paui-local-acct").on("click", function(){ var accounts = ""; var event = $(this).attr("paui-event"); var chk = table.checkStatus('tab_local_user_acct'); var uncheck = $(this).attr("uncheck");  if ( chk.data.length == 0 && uncheck != "yes" ) { layer.msg('{{ lang053[g_lang] || "请先选择需要操作的账号" }}'); return; }  layui.each(chk.data, function(index, elem){ accounts += elem.account + "+"; });  event_center[event](accounts); });  form.on('input-affix(clear_local_account)', table_search); form.on('select(select_local_account)', table_search); form.on('submit(submit_local_account)', function(obj){ table_search(); return false; });  }); </script>