{{# var lang001 = {"ch": "序号", "en": "No."}, lang002 = {"ch": "关键字搜索", "en": "Search"}, lang003 = {"ch": "mac地址", "en": "MAC Address"}, lang004 = {"ch": "端口", "en": "Port"}, lang005 = {"ch": "在线时长", "en": "Online Duration"}, lang006 = {"ch": "账号", "en": "Account"}, lang007 = {"ch": "全部", "en": "All"}; }}  <div style="padding: 10px 1px 0px 10px;">     <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_mac_search">         <div class="layui-form-item paui-table-form-left">             <div class="layui-input-inline">                 <input type="text" name="keyword" class="layui-input" autocomplete="off"                 placeholder='{{ lang002[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_mac_search">             </div>             <div class="layui-input-inline" style="width:80px">                 <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_mac_search">                     <i class="layui-icon layui-icon-search"></i>                 </button>             </div>         </div>         </form>      <div class="layui-card paui-table-card">         <table id="tab_mac_acct" lay-filter="tab_mac_acct"></table>         <div class="layui-table-page" id="page_mac_list"></div>     </div> </div>  <script id="tpl_interface_port" type="text/html">     <div class="layui-row">         <div class="layui-inline paui-color-disable paui-interface-info-title">{{ lang006[g_lang] || "账号" }}</div>         <div class="layui-inline">{% d.acct %}</div>     </div>     <div class="layui-row">         <div class="layui-inline paui-color-disable paui-interface-info-title">IP</div>         <div class="layui-inline">{% d.ip %}</div>     </div> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table;      var pa_table = new Paui_table();     var api = '/cgi-bin/network/ajax_switch';     var pdata = JSON.parse('{{- JSON.stringify(d) }}');       var col_render = function(r){         switch(this.field) {             case "last":                 return sec_to_str(r.last);         }     };       var table_search = function(){         var search = form.getValue("form_mac_search");         pa_table.reload({             where: search         });     };       /* 页面渲染 */     pa_table.render({         elem: '#tab_mac_acct',         colHeight: 'auto',         height: 440,         pageElem: 'page_mac_list',         url: api,         where: {'action': 'list_mac', vlan:pdata.list.vlan, port:pdata.list.portid},         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         },         cols: [[             {type: 'numbers', title:'{{ lang001[g_lang] || "序号" }}'}             ,{field: 'mac', title: 'MAC'}             ,{field: 'ip', title: 'IP'}             ,{field: 'last', title: '{{ lang005[g_lang] || "在线时长" }}', templet: col_render}         ]]     });       /* 事件绑定 */     form.on('input-affix(clear_mac_search)', table_search);     form.on('submit(submit_mac_search)', function(obj){         table_search();         return false;     });      }); </script>