{{# var lang001 = {"ch": "用户组", "en": "User Group"}, 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": "Disable"}, lang010 = {"ch": "启用", "en": "Enable"}, lang011 = {"ch": "删除", "en": "Delete"}, lang012 = {"ch": "添加", "en": "Add"}, lang013 = {"ch": "自定义", "en": "Custom"}, lang014 = {"ch": "编辑", "en": "Edit"}, lang015 = {"ch": "删除", "en": "Delete"}, lang016 = {"ch": "禁用", "en": "Disable"}, lang017 = {"ch": "启用", "en": "Enable"}, lang018 = {"ch": "自定义显示", "en": "Customize Display"}, lang019 = {"ch": "恢复默认", "en": "Restore Default"}, lang020 = {"ch": "序号", "en": "No."}, lang021 = {"ch": "用户组", "en": "Group"}, lang022 = {"ch": "用户账号", "en": "Account"}, lang023 = {"ch": "在线MAC", "en": "Online MAC"}, lang024 = {"ch": "在线IP", "en": "Online IP"}, lang025 = {"ch": "开始日期", "en": "Start Date"}, lang026 = {"ch": "截止日期", "en": "Expiration Date"}, lang027 = {"ch": "网络接口", "en": "Network Interface"}, lang028 = {"ch": "外出VLAN", "en": "Outer VLAN"}, lang029 = {"ch": "最后下线", "en": "Last Offline Time"}, lang030 = {"ch": "其他信息", "en": "Notes"}, lang031 = {"ch": "操作", "en": "Action"}, lang032 = {"ch": "确定要禁用选中账号吗", "en": "Confirm to disable selected account(s)?"}, lang033 = {"ch": "确定要解除选中账号的MAC地址", "en": "Confirm to unbind MAC address for selected account(s)?"}, lang034 = {"ch": "确定要启用选中账号吗", "en": "Confirm to enable selected account(s)?"}, lang035 = {"ch": "确定要删除选中账号吗", "en": "Confirm to delete selected account(s)?"}, lang036 = {"ch": "添加代理账号", "en": "Add Proxy Account"}, lang037 = {"ch": "-", "en": "-"}, lang038 = {"ch": "账号导入", "en": "Account Import"}, lang039 = {"ch": "账号导出", "en": "Account Export"}, lang040 = {"ch": "编辑代理账号", "en": "Edit Proxy Account"}, lang041 = {"ch": "确定要启用该账号吗", "en": "Confirm to enable this account?"}, lang042 = {"ch": "确定要禁用该账号吗", "en": "Confirm to disable this account?"}, lang043 = {"ch": "确定要删除该账号吗", "en": "Confirm to delete this account?"}, lang044 = {"ch": "无账号", "en": "No accounts found"}, lang045 = {"ch": "请先选择需要操作的账号", "en": "Please select the account(s) to operate on first"}; }}   <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_proxy_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="proxy_acct_ugroup_name" value='{{ lang002[g_lang] || "任意" }}' class="layui-input layui-disabled" readonly onclick="select_ippool({'retname':'#proxy_acct_ugroup_name', 'retid':'#proxy_acct_ugroup_id'})" style="cursor: pointer!important;"> <input type="hidden" name="pool_id" id="proxy_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"> <option value="">{{ lang004[g_lang] || "所有" }}</option> <option value="0">{{ lang005[g_lang] || "启用" }}</option> <option value="1">{{ lang006[g_lang] || "禁用" }}</option> </select> </div> <div class="layui-input-inline"> <input class="layui-input" name="keyword" type="text" autocomplete="off" placeholder='{{ lang007[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_proxy_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_proxy_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-proxy-acct" paui-event="btnevt_disable"> <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang009[g_lang] || "禁用" }} </span> </dd> <dd> <span class="abtn paui-proxy-acct" paui-event="btnevt_enable"> <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang010[g_lang] || "启用" }} </span> </dd> <dd> <span class="abtn paui-proxy-acct" paui-event="btnevt_remove"> <i class="layui-icon layui-icon-delete"></i>&nbsp;{{ lang011[g_lang] || "删除" }} </span> </dd> </dl> </div>  <div class="layui-form-mid"> <span class="abtn paui-proxy-acct" paui-event="btnevt_add" uncheck="yes"> <i class="layui-icon layui-icon-add-1"></i>{{ lang012[g_lang] || "添加" }} </span> <span class="abtn paui-proxy-account-filter"> <i class="pa-icon pa-filter" title='{{ lang013[g_lang] || "自定义" }}'></i> </span> <span class="layui-hide paui-proxy-acct" paui-event="btnevt_refresh" uncheck="yes" id="btn_reload_proxy_acct"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_proxy_user_acct" lay-filter="tab_proxy_user_acct"></table> <div class="layui-table-page" id="page_proxy_user_acct"></div> </div>  <script id="tpl_proxy_account_action" type="text/html"> <span class="abtn" lay-event="tabevt_acct" title='{{ lang014[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang015[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> {%# if (d.disable == 0) { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang016[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang017[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;  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_group_list = []; 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).text();  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_disable: function(chk){ pa_confirm('{{ lang032[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('{{ lang033[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('{{ lang034[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('{{ lang035[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_proxy_account"); data.action = "add_user_account"; data.acct_type = "proxy"; layer.closeAll(); paopen({ title: '{{ lang036[g_lang] || "添加代理账号" }}', area: ["700px", "650px"], url: '/html/object/user_account_add.html', data: data, btn: "default", subElem: "#submit_add_account" }); },  btnevt_import: function(chk){ layer.closeAll(); paopen({ title: '{{ lang038[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: '{{ lang039[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: '{{ lang040[g_lang] || "编辑代理账号" }}->' + obj.data.account, area: ["700px", "650px"], 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_if: function(obj){ popupInterface(obj.data.out_if); },  tabevt_enable: function(obj){ pa_confirm('{{ lang041[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('{{ lang042[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('{{ lang043[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" proxy-account-mouse="btnevt_show_tips">',                         r.account,                     '</div>',                 ].join('');  case "online_mac": return r.online_mac == "00-00-00-00-00-00" ? "-" : r.online_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 "-";  case "offtime": return r.offtime == "1970-01-01/08:00:00" ? "-" : r.offtime;  case "more_info": return r.more_info == "NULL" ? "-" : r.more_info;  case "out_if": r.out_if = r.out_if == "NULL" ? "" : r.out_if; return '<span class="abtn" lay-event="tabevt_if">' + r.out_if + '</span>';  case "out_vlan": return r.out_vlan1 + "/" + r.out_vlan2;  case "act": return patpl($("#tpl_proxy_account_action").html()).render(r); }; };   var table_search = function(){ var data = form.getValue("form_proxy_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({ url: acct_api + objtourl(data), text: {'none': data.name + ' {{ lang044[g_lang] || "无账号" }}'}, initSort: l_sortobj, }); };   /* 页面初始*/ form.render(); pa_table.render({ elem: '#tab_proxy_user_acct' ,height: 'full-190' ,initSort: l_sortobj ,autoSort: false ,page: true ,pageElem: 'page_proxy_user_acct' ,dbkey: "paui-user-account-proxy-filter" ,filterElem: '.paui-proxy-account-filter' ,url: acct_api ,where: {'action': 'list_pppoe_account', 'acct_type': 'proxy'} ,parseData: function(json){ json.count = json.data.total; json.data = json.data.data; return json; } ,cols: [[ {type: 'checkbox', field: 'id'} ,{title: '{{ lang020[g_lang] || "序号" }}', type: 'numbers', width:38} ,{field: 'pool_name', title: '{{ lang021[g_lang] || "用户组" }}', sort: true,templet:table_col_render} ,{field: 'account', title: '{{ lang022[g_lang] || "用户账号" }}', width:140, sort: true, templet: table_col_render,} ,{field: 'online_mac', title: '{{ lang023[g_lang] || "在线MAC" }}', sort: true, templet: table_col_render} ,{field: 'online_ip', title: '{{ lang024[g_lang] || "在线IP" }}', sort: true, templet: table_col_render} ,{field: 'start', title: '{{ lang025[g_lang] || "开始日期" }}', sort: true} ,{field: 'end', title: '{{ lang026[g_lang] || "截止日期" }}', sort: true} ,{field: 'out_if', title: '{{ lang027[g_lang] || "网络接口" }}', sort: true, templet: table_col_render} ,{field: 'out_vlan', title: '{{ lang028[g_lang] || "外出VLAN" }}', sort: true, templet: table_col_render} ,{field: 'offtime', title: '{{ lang029[g_lang] || "最后下线" }}', sort: true, templet: table_col_render} ,{field: 'more_info', title: '{{ lang030[g_lang] || "其他信息" }}', templet: table_col_render} ,{field: 'act', title: '{{ lang031[g_lang] || "操作" }}', align: 'right', width: 80, templet: table_col_render} ]] ,done: function(json){ var obj = $("#tab_proxy_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('proxy-account-mouse', event_center, 'mouseenter');  table.on('sort(tab_proxy_user_acct)', function(obj){ l_sortobj = obj; table_search(); });  table.on('tool(tab_proxy_user_acct)', function(obj){ event_center[obj.event](obj); });  $(".paui-proxy-acct").on("click", function(){ var accounts = ""; var event = $(this).attr("paui-event"); var chk = table.checkStatus('tab_proxy_user_acct'); var uncheck = $(this).attr("uncheck");  if ( chk.data.length == 0 && uncheck != "yes" ) { layer.msg('{{ lang045[g_lang] || "请先选择需要操作的账号" }}'); return; }  layui.each(chk.data, function(index, elem){ accounts += elem.account + "+"; });  event_center[event](accounts); });  form.on('input-affix(clear_proxy_account)', table_search); form.on('submit(submit_proxy_account)', function(obj){ table_search(); return false; }); }); </script>