{{# var lang001 = {"ch": "代拨状态", "en": "Proxy Dial Status"}, lang002 = {"ch": "所有状态", "en": "All Status"}, lang003 = {"ch": "拨号成功", "en": "Connected"}, lang004 = {"ch": "拨号中", "en": "Dialing"}, lang005 = {"ch": "关键字查询", "en": "Search"}, lang006 = {"ch": "序号", "en": "No."}, lang007 = {"ch": "用户名", "en": "Username"}, lang008 = {"ch": "网卡", "en": "NIC"}, lang009 = {"ch": "拨号IP地址", "en": "Dial IP"}, lang010 = {"ch": "拨号网关", "en": "Dial Gateway"}, lang011 = {"ch": "最后使用IP", "en": "Last IP"}, lang012 = {"ch": "代拨状态", "en": "Proxy Dial Status"}, lang013 = {"ch": "DNS牵引/成功率", "en": "DNS (Req/Success)"}, lang014 = {"ch": "在线用户", "en": "Online Users"}, lang015 = {"ch": "PPPoE状态", "en": "PPPoE Status"}, lang016 = {"ch": "活动时间", "en": "Active Time"};   }}  <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ippxy_user">     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label" style="width: 120px;">{{ lang001[g_lang] || "代拨状态" }}</label>         <div class="layui-input-inline" style="width:120px">             <select name="stat" lay-filter="select_ippxy_search">                 <option value="all">{{ lang002[g_lang] || "所有状态" }}</option>                 <option value="data">{{ lang003[g_lang] || "拨号成功" }}</option>                 <option value="dailing">{{ lang004[g_lang] || "拨号中" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width:240px">             <input type="text" name="keyword" class="layui-input" autocomplete="off"             placeholder='{{ lang005[g_lang] || "关键字查询" }}' lay-verify="isName" lay-affix="clear" lay-filter="clear_ippxy_user">         </div>         <div class="layui-form-mid" style="padding:0px!important">             <button class="layui-btn layui-btn-sm layui-btn-normal"  id="submit_ippxy_user" lay-submit lay-filter="submit_ippxy_user">                 <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 paui-ippxy-table-filter">                 <i class="pa-icon pa-filter"></i>             </span>         </div>     </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_ippxy_user" lay-filter="tab_ippxy_user"></table>     <div class="layui-table-page" id="page_ippxy_user"></div> </div>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();      var api = '/cgi-bin/auth/ajax_ippxy';     var l_sort = {"field": "in", "type": "desc"};      var col_render = function(r){         switch(this.field){             case "name":                 return '<span class="abtn" lay-event="tabevt_name">'+ r.name +'</span>';                          case 'ifname':                 return r.ifname == "NULL" ? "" : r.ifname;                          case 'lastip':                  return '<span class="abtn" lay-event="tabevt_lastip">'+ r.lastip +'</span>';                          case 'ipcnt':                 return '<span class="abtn" lay-event="tabevt_ipcnt">'+ r.ipcnt +'</span>';              case 'dnsper':                 return r.dnsreq + '/' + r.dnsper + '%';          }     };           var table_search = function(){         var search = form.getValue("form_ippxy_user");         search.sort = l_sort.field;         search.sort_type = l_sort.type;         pa_table.reload({             where: search,             initSort: l_sort         });     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_ippxy_user',         autoSort: false,         height: 'full-188',         url: api,         where: {'action': 'load_ippxy_user'},         pageElem: 'page_ippxy_user',         dbkey: 'tab_ippxyuser_cols', filterElem: '.paui-ippxy-table-filter',         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {field: 'id', title: '{{ lang006[g_lang] || "序号" }}', width: 60}             ,{field: 'name', title: '{{ lang007[g_lang] || "用户名" }}', sort: true, templet: col_render}             ,{field: 'ifname', title: '{{ lang008[g_lang] || "网卡" }}', sort: true, templet: col_render}             ,{field: 'vlan', title: 'VLAN', sort: true}             ,{field: 'mtu', title: 'MTU', sort: true}             ,{field: 'ip', title: '{{ lang009[g_lang] || "拨号IP地址" }}', sort: true}             ,{field: 'gateway', title: '{{ lang010[g_lang] || "拨号网关" }}', sort: true}             ,{field: 'lastip', title: '{{ lang011[g_lang] || "最后使用IP" }}', sort: true, templet: col_render}             ,{field: 'ippxy_stat', title: '{{ lang012[g_lang] || "代拨状态" }}', sort: true}             ,{field: 'dnsper', title: '{{ lang013[g_lang] || "DNS牵引/成功率" }}(%)', sort: true, width: 160, templet: col_render}             ,{field: 'ipcnt', title: '{{ lang014[g_lang] || "在线用户" }}', sort: true, templet: col_render}             ,{field: 'pppoe_stat', title: '{{ lang015[g_lang] || "PPPoE状态" }}', sort: true}             ,{field: 'ltime', title: '{{ lang016[g_lang] || "活动时间" }}', sort: true}         ]]     });           /* 事件绑定 */     form.on('select(select_ippxy_search)', table_search);     form.on('input-affix(clear_ippxy_user)', table_search);     form.on('submit(submit_ippxy_user)', function(obj){         table_search();         return false;     });  table.on('sort(tab_ippxy_user)', function(obj){         obj.type = obj.type == null ? 'asc' : obj.type;         l_sort = obj; table_search(); });      table.on('tool(tab_ippxy_user)', function(obj){         switch(obj.event){             case 'tabevt_name':                 popupWindow({                     "name": obj.data.name,                     "pop_title": '{{ lang012[g_lang] || "代拨状态" }}->' + obj.data.name,                     "pop_route":"auth/ippxy_view_main"                 }, 720, 630);                 break;              case 'tabevt_lastip':                 popupIPobj(obj.data.lastip);                 break;                          case 'tabevt_ipcnt':                 popupWindow({                     "name": obj.data.name,                     "pop_title": '{{ lang014[g_lang] || "在线用户" }}->' + obj.data.name,                     "pop_route":"auth/ippxy_bindip"                 }, 550, 300);                 break;         }     }); });  </script>