{{# var lang001 = {"ch": "拨号退出", "en": "PPPoE Dial Out "}, lang002 = {"ch": "关键字搜索", "en": "Search"}, lang003 = {"ch": "序号", "en": "No."}, lang004 = {"ch": "账号", "en": "Account"}, lang005 = {"ch": "状态", "en": "Status"}, lang006 = {"ch": "服务器", "en": "Server"}, lang007 = {"ch": "在线时间", "en": "Online Time"}; }}  <div class="layui-tab layui-tab-brief">     <ul class="layui-tab-title">         <li class="layui-this">{{ lang001[g_lang] || "拨号退出" }}</li>     </ul>     <div class="layui-tab-content">         <div class="layui-tab-item layui-show">             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_pppoe_dialing">                 <div class="layui-form-item paui-table-form-left">                     <div class="layui-input-inline">                         <input class="layui-input" name="keyword" type="text" placeholder='{{ lang002[g_lang] || "关键字搜索" }}'>                     </div>                     <div class="layui-input-inline" style="width:40px">                         <button class="layui-btn layui-btn-primary layui-btn-sm" lay-submit lay-filter="submit_pppoe_dialing">                             <i class="layui-icon layui-icon-search"></i>                         </button>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tab_pppoe_dialing" lay-filter="tab_pppoe_dialing"></table>             </div>         </div>     </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_pppoesvr';     var l_sort = {"field": "birth", "type": "asc"};       var table_search = function(){         var search = form.getValue("form_pppoe_dialing");         var sort_type = {             'ipstr': '-nk10',             'clntmac': '-k7',             'name': '-k2',             'vlan': '-k1',             'mtu': '-k11',             'state': '-k13',             'auth': '-k1',             'poolname': '-k4',             'svrname': '-k5',             'birth': '-k14'         };         if(l_sort.type == "desc")             search.sort = "-r " + sort_type[l_sort.field];         else             search.sort = sort_type[l_sort.field];         pa_table.reload({             initSort: l_sort,             where: search         });     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tab_pppoe_dialing',         height: 'full-145',         initSort: l_sort,         autoSort: false,         url: api,         where: {'action': 'load_pppoelocal_user', 'type': 'dialing'},         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {type: 'numbers', title: '{{ lang003[g_lang] || "序号" }}'}             ,{field: 'clntmac', title: 'MAC', sort: true}             ,{field: 'name', title: '{{ lang004[g_lang] || "账号" }}', sort: true, templet: function(r){                 return r.name == "NULL" ? "" : r.name;             }}             ,{field: 'state', title: '{{ lang005[g_lang] || "状态" }}', sort: true}             ,{field: 'vlan', title: 'VLAN', sort: true}             ,{field: 'mtu', title: 'MTU', sort: true}             ,{field: 'svrname', title: '{{ lang006[g_lang] || "服务器" }}', sort: true}             ,{field: 'birth', title: '{{ lang007[g_lang] || "在线时间" }}', sort: true}         ]]     });      table.on('sort(tab_pppoe_dialing)', function(obj){         l_sort = obj;         table_search();     });      form.on('submit(submit_pppoe_dialing)', function(obj){         table_search();         return false;     }); }); </script>