{{# var lang001 = {"ch": "自动刷新", "en": "Refresh"}, lang002 = {"ch": "不刷新", "en": "No Refresh"}, lang003 = {"ch": "5秒", "en": "5s"}, lang004 = {"ch": "10秒", "en": "10s"}, lang005 = {"ch": "20秒", "en": "20s"}, lang006 = {"ch": "60秒", "en": "60s"}, lang007 = {"ch": "关键字搜索", "en": "Search"}, lang008 = {"ch": "禁用", "en": "Disable"}, lang009 = {"ch": "启用", "en": "Enable"}, lang010 = {"ch": "删除", "en": "Delete"}, lang011 = {"ch": "添加", "en": "Add"}, lang012 = {"ch": "编辑", "en": "Edit"}, lang013 = {"ch": "本地认证", "en": "Local Authentication"}, lang014 = {"ch": "先本地后RADIUS", "en": "Local then RADIUS"}, lang015 = {"ch": "免认证", "en": "Unauthenticated Access"}, lang016 = {"ch": "请选择需要操作的iWAN服务", "en": "Please select the iWAN service to operate on"}, lang017 = {"ch": "确定要禁用选中服务吗", "en": "Confirm to disable the selected service?"}, lang018 = {"ch": "确定要启用选中服务吗", "en": "Confirm to enable the selected service?"}, lang019 = {"ch": "确定要删除选中服务吗", "en": "Confirm to delete the selected service?"}, lang020 = {"ch": "添加iWAN服务", "en": "Add iWAN Service"}, lang021 = {"ch": "确定要删除", "en": "Confirm deletion?"}, lang022 = {"ch": "确定要禁用", "en": "Confirm to disable?"}, lang023 = {"ch": "确定要启用", "en": "Confirm to enable?"}, lang024 = {"ch": "序号", "en": "No."}, lang025 = {"ch": "名称", "en": "Name"}, lang026 = {"ch": "服务网关", "en": "Service Gateway"}, lang027 = {"ch": "用户组", "en": "User Group"}, lang028 = {"ch": "认证方式", "en": "Authentication Type"}, lang029 = {"ch": "在线用户", "en": "Online Users"}, lang030 = {"ch": "流入速率", "en": "In(bps)"}, lang031 = {"ch": "流出速率", "en": "Out(bps)"}, lang032 = {"ch": "可访问线路", "en": "Accessible WAN Links"}, lang033 = {"ch": "操作", "en": "Action"}; }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_iwansvr_search"> <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:80px"> <select name="refresh" lay-filter="select_iwansvr_refresh" id="select_iwansvr_refresh"> <option value="">{{ lang002[g_lang] || "不刷新" }}</option> <option value=5>{{ lang003[g_lang] || "5秒" }}</option> <option value=10 selected>{{ lang004[g_lang] || "10秒" }}</option> <option value=20>{{ lang005[g_lang] || "20秒" }}</option> <option value=60>{{ lang006[g_lang] || "60秒" }}</option> </select> </div> <div class="layui-input-inline"> <input class="layui-input" type="text" name="keyword" autocomplete="off" placeholder='{{ lang007[g_lang] || "关键字搜索" }}'lay-affix="clear" lay-filter="clear_iwansvr_search"> </div> <div class="layui-form-mid" style="padding:0px!important"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit id="submit_iwansvr_search" lay-filter="submit_iwansvr_search"> <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" iwansvr_event="btnevt_disable">                 <i class="layui-icon layui-icon-pause"></i>&nbsp;{{ lang008[g_lang] || "禁用" }}             </span>             <span class="abtn" iwansvr_event="btnevt_enable">                 <i class="layui-icon layui-icon-play"></i>&nbsp;{{ lang009[g_lang] || "启用" }}             </span>             <span class="abtn" iwansvr_event="btnevt_rmv">                 <i class="layui-icon layui-icon-remove"></i>&nbsp;{{ lang010[g_lang] || "删除" }}             </span>             <span class="abtn" iwansvr_event="btnevt_add">                 <i class="layui-icon layui-icon-add-1"></i>&nbsp;{{ lang011[g_lang] || "添加" }}             </span> <span class="abtn paui-iwansvr-table-filter"> <i class="pa-icon pa-filter"></i> </span>         </div>     </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_iwansvr_list" lay-filter="tab_iwansvr_list"></table> <div class="layui-table-page" id="page_iwansvr_list"></div> </div>  <script id="tpl_iwansvr_action" type="text/html"> <span class="abtn" lay-event="tabevt_edit" title='{{ lang012[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang010[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> {%# if (d.disable == "1") { %} <span class="abtn" lay-event="tabevt_enable" title='{{ lang009[g_lang] || "启用" }}'> <i class="layui-icon layui-icon-play"></i> </span> {%# } else { %} <span class="abtn" lay-event="tabevt_disable" title='{{ lang008[g_lang] || "禁用" }}'> <i class="layui-icon layui-icon-pause"></i> </span> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, patpl = layui.patpl, table = layui.table;  var pa_table = new Paui_table(); var pa_timer = new Paui_timer();  var api = '/cgi-bin/network/ajax_iwan';  var authtype = { 'local': '{{ lang013[g_lang] || "本地认证" }}', 'radius': 'RADIUS', 'localrad': '{{ lang014[g_lang] || "先本地后RADIUS" }}', 'free': '{{ lang015[g_lang] || "免认证" }}' };   var event_center = { btnevt_disable: function(){ var data = ""; var chk = table.checkStatus('tab_iwansvr_list'); if(chk.data.length == 0){ layer.msg('{{ lang016[g_lang] || "请选择需要操作的iWAN服务" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.name; }); pa_confirm('{{ lang017[g_lang] || "确定要禁用选中服务吗" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btn_disable_iwansvr", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_enable: function(){ var data = ""; var chk = table.checkStatus('tab_iwansvr_list'); if(chk.data.length == 0){ layer.msg('{{ lang016[g_lang] || "请选择需要操作的iWAN服务" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.name; }); pa_confirm('{{ lang018[g_lang] || "确定要启用选中服务吗" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btn_enable_iwansvr", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); }); },  btnevt_rmv: function(){ var data = ""; var chk = table.checkStatus('tab_iwansvr_list'); if(chk.data.length == 0){ layer.msg('{{ lang016[g_lang] || "请选择需要操作的iWAN服务" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id; }); pa_confirm('{{ lang019[g_lang] || "确定要删除选中服务吗" }}？', function(index){ pa_ajax({ url: api, data: {"action": "btn_remove_iwansvr", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); $("#btn_iwanmap_reload").click(); table_search(); } } }); }); },  btnevt_add: function(){ paopen({ title: '{{ lang020[g_lang] || "添加iWAN服务" }}', area: ['600px', '500px'], url: '/html/network/iwan_server_add.html', data: {'action': 'add_iwansvr'}, btn: 'default', subElem: '#submit_add_iwansvr', }); },  tabevt_edit: function(obj){ popupProxy(obj.data.id, obj.data.type); },  tabevt_rmv: function(obj){ pa_confirm('{{ lang021[g_lang] || "确定要删除" }}' + obj.data.name + '?', function(index){ layer.close(index); pa_ajax({ url: api, data: {'action': 'rmv_iwansvr', 'id': obj.data.id, 'name': obj.data.name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else{ table_search(); alert_ok(json.msg); $("#btn_iwanmap_reload").click(); } } }); }); },  tabevt_disable: function(obj){ pa_confirm('{{ lang022[g_lang] || "确定要禁用" }}' + obj.data.name + '?', function(index){ layer.close(index); pa_ajax({ url: api, data: {'action': 'disable_iwansvr', 'id': obj.data.id, 'name': obj.data.name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else{ table_search(); alert_ok(json.msg); } } }); }); },  tabevt_enable: function(obj){ pa_confirm('{{ lang023[g_lang] || "确定要启用" }}' + obj.data.name + '?', function(index){ layer.close(index); pa_ajax({ url: api, data: {'action': 'enable_iwansvr', 'id': obj.data.id, 'name': obj.data.name}, success: function(json){ if(json.code != 0) alert_err(json.msg); else{ table_search(); alert_ok(json.msg); } } }); }); },  tabevt_pool: function(obj){ popupUserGroup(obj.data.pid); }, };   var col_render = function(r){ switch(this.field){ case "name": return '<span class="abtn" lay-event="tabevt_edit">' + r.name + '</span>';  case "dns1": var dnstr = ""; if(r.dns0 && r.dns0 != "0.0.0.0" && r.dns0 != "") dnstr = r.dns0; if(r.dns1 && r.dns1 != "0.0.0.0" && r.dns1 != "") dnstr =  dnstr != "" ? dnstr + "," + r.dns1 : r.dns1; return dnstr;  case "auth": return authtype[r.auth];  case "pname": return '<span class="abtn" lay-event="tabevt_pool">' + r.pname + '</span>';  case "outbps": return numberformat(r.outbps);  case "inbps": return numberformat(r.inbps);  case "act": return patpl($('#tpl_iwansvr_action').html()).render(r); } };   var table_search = function(){ var search = form.getValue('form_iwansvr_search'); pa_table.reload({ where: search }) };   /* 基本渲染 */     form.render();  pa_table.render({ elem: '#tab_iwansvr_list', url: api, height: 'full-190', page: true, pageType: 'web', pageElem: 'page_iwansvr_list', dbkey: "tab_iwansvr_cols", filterElem: '.paui-iwansvr-table-filter', where: {"action": "load_iwansvr_list"}, parseData: function(json){ var data = []; var search = form.getValue('form_iwansvr_search'); layui.each(json.data.list, function(index, elem){ var map_list = ""; layui.each(json.data.map, function(i, e){ if(elem.name == e.svrname && elem.id == e.svrid) map_list += e.pxyname + ":" + e.port; }); elem.map = map_list; if ( JSON.stringify(elem).indexOf(search.keyword) < 0 ) return; data.push(elem); }); json.data =  data; return json; }, cols: [[ {type: 'checkbox'} ,{type: 'numbers', title: '{{ lang024[g_lang] || "序号" }}'} ,{field: 'name', title: '{{ lang025[g_lang] || "名称" }}', templet: col_render} ,{field: 'ip', title: '{{ lang026[g_lang] || "服务网关" }}'} ,{field: 'dns1', title: 'DNS', templet: col_render} ,{field: 'mtu', title: 'MTU', width: 60} ,{field: 'pname', title: '{{ lang027[g_lang] || "地址池" }}', templet: col_render} ,{field: 'auth', title: '{{ lang028[g_lang] || "认证方式" }}', templet: col_render} ,{field: 'radname', title: 'RADIUS'} ,{field: 'clntcnt', title: '{{ lang029[g_lang] || "在线用户" }}'}             ,{field: 'inbps', title: '{{ lang030[g_lang] || "流入速率" }}', templet: col_render}             ,{field: 'outbps', title: '{{ lang031[g_lang] || "流出速率" }}', templet: col_render}             ,{field: 'map', title: '{{ lang032[g_lang] || "可访问线路" }}', width:180} ,{field: 'act', title: '{{ lang033[g_lang] || "操作" }}', width: 70, align: 'right', templet: col_render} ]], done: function(json){ var obj = $("#tab_iwansvr_list").next(); layui.each(json.data, function(index, elem){ 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("iwansvr_event", event_center); table.on('tool(tab_iwansvr_list)', function(obj){ event_center[obj.event](obj); });  table.on('checkbox(tab_iwansvr_list)', function(obj){ $("#select_iwansvr_refresh").val(""); form.render(); pa_timer.stop(); });  form.on('input-affix(submit_iwansvr_search)', table_search); form.on('submit(submit_iwansvr_search)', function(obj){ table_search(); return false; });  pa_timer.render('select_iwansvr_refresh', table_search, 10); }) </script>