{{# var lang001 = {"ch": "编辑", "en": "Edit"},     lang002 = {"ch": "在线用户", "en": "Online Users"},     lang003 = {"ch": "服务名称", "en": "Service Name"},     lang004 = {"ch": "为空表示不设置", "en": "Leave empty to skip"},     lang005 = {"ch": "外出网卡", "en": "Interface"},     lang006 = {"ch": "不设置", "en": "Not set"},     lang007 = {"ch": "编辑服务", "en": "Edit Service"},     lang008 = {"ch": "在线用户->服务", "en": "Online Users → Service"},     lang009 = {"ch": "服务未设置", "en": "Service not set"},     lang010 = {"ch": "未设置", "en": "Not set"},     lang011 = {"ch": "服务名称", "en": "Service Name"},     lang012 = {"ch": "外出网卡", "en": "Interface"},     lang013 = {"ch": "在线用户", "en": "Online Users"},     lang014 = {"ch": "用户总上行", "en": "Up (bps)"},     lang015 = {"ch": "用户总下行", "en": "Down (bps)"},     lang016 = {"ch": "操作", "en": "Actions"};  }}  <div class="paui-table-card" style="padding: 10px">     <table id="tab_l2bypass_svrlist" lay-filter="tab_l2bypass_svrlist"></table> </div>  <script id="tpl_l2bypass_td_action" type="text/html">     <span class="abtn" lay-event="tabevt_edit" title='{{ lang001[g_lang] || "编辑" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span> <span class="abtn" lay-event="tabevt_user" title='{{ lang002[g_lang] || "在线用户" }}'> <i class="layui-icon layui-icon-user"></i> </span> </script>  <script id="tpl_l2bypass_setsvr" type="text/html">     <form class="layui-form paui-form paui-bg-white" lay-filter="form_set_l2bypass_svr" style="padding:20px 0px 10px 0px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang003[g_lang] || "服务名称" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="id" value="{% d.id %}">                 <input type="hidden" name="action" value="set_l2bypass_service">                 <input type="text" name="service" class="layui-input" lay-verify="isName" maxlength="35" value="{% d.service %}" placeholder='{{ lang004[g_lang] || "为空表示不设置" }}'>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang005[g_lang] || "外出网卡" }}</label>             <div class="layui-input-inline">                 <select name="ifname">                     <option value="">{{ lang006[g_lang] || "不设置" }}</option>                     {%# layui.each(d.interface_list, function(index, elem){                         if(elem.zone == "inside") return;                         %}                         <option value="{% elem.name %}">{%elem.name%}</option>                     {%# }); %}                 </select>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">VLAN</label>             <div class="layui-input-inline">                 <input type="text" name="vlan" class="layui-input" lay-verify="number" value="{% d.vlan %}">             </div>         </div>         <div class="layui-hide">             <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit id="submit_set_l2bypass_svr" lay-filter="submit_set_l2bypass_svr"></button>         </div>     </form> </script>  <script> layui.use(function(){     var $ = layui.$,     form = layui.form,     util = layui.util,     table = layui.table,     patpl = layui.patpl;      var pa_table = new Paui_table();     var api = '/cgi-bin/auth/ajax_l2bypass';     var interface_list = [];       var event_center = {         tabevt_edit: function(obj){             obj.data.interface_list = interface_list;             paopen({                 area: ['400px', '400px'],                 title: '{{ lang007[g_lang] || "编辑服务" }}->ID:' + obj.data.id,                 content: patpl( $("#tpl_l2bypass_setsvr").html() ).render(obj.data),                 btn: 'default',                 subElem: '#submit_set_l2bypass_svr',                 success: function(){                     obj.data.service = obj.data.service == "NULL" ? "" : obj.data.service;                     obj.data.ifname  = obj.data.ifname  == "NULL" ? "" : obj.data.ifname;                     form.val('form_set_l2bypass_svr', obj.data);                     form.on('submit(submit_set_l2bypass_svr)', function(obj){                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0)                                     alert_err(json.msg);                                 else {                                     layer.closeAll();                                     alert_ok(json.msg);                                     table_seach();                                 }                             }                         });                         return false;                     });                 }             });         },          tabevt_user: function(obj){             obj.data.pop_title =  '{{- lang008[g_lang] || "在线用户->服务" }}' + obj.data.id;             obj.data.pop_route = 'auth/l2bypass_maclist';             popupWindow(obj.data, 780, 500);         },          tabevt_if: function(obj){             popupInterface(obj.data.ifname);         }     };       var col_render = function(r){         switch(this.field){             case "service":                 if(r.service == "NULL")                     return '<span class="paui-color-disable">{{ lang009[g_lang] || "服务未设置" }}</span>';                 else                     return '<span class="abtn" lay-event="tabevt_edit">'+ r.service +'</span>';                          case "ifname":                 if(r.ifname == "NULL")                     return '<span class="paui-color-disable">{{ lang010[g_lang] || "未设置" }}</span>';                 else                     return '<span class="abtn" lay-event="tabevt_if">'+ r.ifname +'</span>';              case "refcnt":                 if(r.refcnt == 0)                     return r.refcnt;                 else                     return '<span class="abtn" lay-event="tabevt_user">'+ r.refcnt +'</span>';         }     };       var table_seach = function(){         pa_table.reload();     };       /* 页面渲染 */     pa_ajax({         url: '/cgi-bin/object/ajax_select_object',         data: {'action': 'load_interface'},         success: function(json){             interface_list = json.data.interface;         }     });      pa_table.render({         elem: '#tab_l2bypass_svrlist',         url: api,         where: {'action': 'load_l2bypass_svrlist'},         cols: [[             {field: 'id', title: 'ID', width: 80}             ,{field: 'service', title: '{{ lang011[g_lang] || "服务名称" }}', templet: col_render}             ,{field: 'ifname', title: '{{ lang012[g_lang] || "外出网卡" }}', sort: true, templet: col_render}             ,{field: 'vlan', title: 'VLAN', sort: true}             ,{field: 'refcnt', title: '{{ lang013[g_lang] || "在线用户" }}', sort: true, templet: col_render}             ,{field: 'bpsin', title: '{{ lang014[g_lang] || "用户总上行" }}', sort: true}             ,{field: 'bpsout', title: '{{ lang015[g_lang] || "用户总下行" }}', sort: true}             ,{field: 'act', title: '{{ lang016[g_lang] || "操作" }}', width: 60, align: 'right', templet: '#tpl_l2bypass_td_action'}         ]]     });       /* 事件绑定 */     table.on('tool(tab_l2bypass_svrlist)', function(obj){         event_center[obj.event](obj);     }); }); </script>