{{# var lang001 = {"ch": "关键字搜索", "en": "Search"},     lang002 = {"ch": "绑定选中", "en": "Bind Selected"},     lang003 = {"ch": "绑定", "en": "Bind"},     lang004 = {"ch": "备注", "en": "Notes"},     lang005 = {"ch": "请选择需要操作的内容", "en": "Select the MAC first"},     lang006 = {"ch": "确定要绑定选中内容", "en": "Confirm to Bind Selected"},     lang007 = {"ch": "批量绑定IP/MAC", "en": "Bind IP/MAC in Batch"},     lang008 = {"ch": "确定要绑定", "en": "Confirm to Bind"},     lang009 = {"ch": "设置备注", "en": "Edit Note"},     lang010 = {"ch": "序号", "en": "No."},     lang011 = {"ch": "在线MAC", "en": "Online MAC"},     lang012 = {"ch": "备注", "en": "Notes"},     lang013 = {"ch": "操作", "en": "Action"},     lang014 = {"ch": "MAC已绑定，是否要继续绑定", "en": "MAC is already bound. Do you want to continue binding?"};  }}  <form class="layui-row layui-form layui-form-pane paui-table-form" lay-filter="form_unbind_ipmac_search"> <div class="layui-form-item paui-table-form-left"> <div class="layui-input-inline"> <input type="text" name="keyword" placeholder='{{ lang001[g_lang] || "关键字搜索" }}' autocomplete="off"             class="layui-input" lay-affix="clear" lay-filter="clear_unbind_ipmac_search"> </div> <div class="layui-form-mid" style="padding:0px!important"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-submit lay-filter="submit_unbind_ipmac_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" uipmac_event="btnevt_bind"> <i class="layui-icon layui-icon-add-1"></i>{{ lang002[g_lang] || "绑定选中" }} </span> <span class="layui-hide" uipmac_event="btnevt_reload" id="paui-btn-reload-unbind-ipmac"></span> </div> </div> </form>  <div class="layui-row paui-table-card"> <table id="tab_ipmac_unbind" lay-filter="tab_ipmac_unbind"></table>     <div class="layui-table-page" id="page_ipmac_unbind"></div> </div>  <script id="tpl_uipmac_action" type="text/html">     <span class="abtn" lay-event="tabevt_bind" title='{{ lang003[g_lang] || "绑定" }}'>         <i class="layui-icon layui-icon-add-1"></i>     </span>     <span class="abtn" lay-event="tabevt_desc" title='{{ lang004[g_lang] || "备注" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     patpl = layui.patpl,     upload = layui.upload;      var pa_table = new Paui_table();     var api = '/cgi-bin/flowcontrol/ajax_ipmac';     function bind(desc,obj){         pa_confirm(desc + obj.data.mac, function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: {'action': 'set_ipmac_bind', 'ip': obj.data.ipaddr, 'mac': obj.data.mac, 'desc': obj.data.desc},                 success: function(json){                     if(json.code != 0)                         alert_err(json.msg);                     else {                         alert_ok(json.msg);                         table_search();                     }                 }             })         });     }     var event_center = {         btnevt_bind: function(){ var data = ""; var chk = table.checkStatus('tab_ipmac_unbind'); if(chk.data.length == 0){ layer.msg('{{ lang005[g_lang] || "请选择需要操作的内容" }}'); return; } layui.each(chk.data, function(index, elem){ data += 'ipmac='+ elem.mac +'-' + elem.ipaddr + ' '; }); pa_confirm('{{ lang006[g_lang] || "确定要绑定选中内容" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "rmv_ipmac_bind", "ipmaclist": data, "logmsg": '{{ lang007[g_lang] || "批量绑定IP/MAC" }}'}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); table_search(); } } }); });         },          btnevt_reload: function(){             table_search();         },          tabevt_ip: function(obj){             popupIPobj(obj.data.ipaddr);         },          tabevt_bind: function(obj){             pa_ajax({                 url: api,                 data: {'action': 'check_ipmac_bind', 'mac': obj.data.mac},                 success: function(json){                     if(json.code==1){                         bind('{{ lang014[g_lang] || "MAC已绑定，是否要继续绑定" }}',obj);                     }else{                         bind('{{ lang008[g_lang] || "确定要绑定" }}',obj);                     }                 }             })         },          tabevt_desc: function(obj){             paopen({                 title: '{{ lang009[g_lang] || "设置备注" }}',                 url: '/html/monitor/ipobj_note_add.html',                 area: ['800px', '300px'],                 data: obj.data,                 btn: 'default',                 subElem: '#submit_set_ipobj_note'             });         }     };       var col_render = function(r){         switch(this.field){             case "ipaddr":                 return '<span class="abtn" lay-event="tabevt_ip">'+ r.ipaddr +'</span>';         }     };      var table_search = function(){         var search = form.getValue("form_unbind_ipmac_search");         pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render(); pa_table.render({ elem: '#tab_ipmac_unbind', height: 'full-190',         url: api, where: {"action": "load_uipmac_list"},         page: true,         pageType: 'sehll',         pageElem: 'page_ipmac_unbind',         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         }, cols: [[ {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang010[g_lang] || "序号" }}'}             ,{field: 'ipaddr', title: 'IP', templet: col_render}             ,{field: 'mac', title: '{{ lang011[g_lang] || "在线MAC" }}'}             ,{field: 'desc', title: '{{ lang012[g_lang] || "备注" }}'} ,{field: 'act', title: '{{ lang013[g_lang] || "操作" }}', width: 80, align: 'right', templet: '#tpl_uipmac_action'} ]]     });       /* 事件绑定 */     util.event("uipmac_event", event_center);     table.on('tool(tab_ipmac_unbind)', function(obj){         event_center[obj.event](obj);     });      form.on('input-affix(clear_unbind_ipmac_search)', table_search);     form.on('submit(submit_unbind_ipmac_search)', function(obj){         table_search();         return false;     }); }); </script>