{{# var lang001 = {"ch": "IP群组", "en": "IP Group"}, lang002 = {"ch": "输入IP或群组名称关键字查询", "en": "Enter IP or Group Name Keyword to Search"}, lang003 = {"ch": "删除", "en": "Delete"}, lang004 = {"ch": "添加", "en": "Add"}, lang005 = {"ch": "群组IP展示", "en": "Display Group IPs"}, lang006 = {"ch": "输入IP关键字查询", "en": "Enter IP Keyword to Search"}, lang007 = {"ch": "添加导入", "en": "Add & Import"}, lang008 = {"ch": "导出", "en": "Export"}, lang009 = {"ch": "编辑", "en": "Edit"}, lang010 = {"ch": "群组名称", "en": "Group Name"}, lang011 = {"ch": "执行成功后，自动关闭窗口", "en": "Automatically close window after successful execution"}, lang012 = {"ch": "格式", "en": "Format"}, lang013 = {"ch": "IP备注", "en": "IP Remark"}, lang014 = {"ch": "文件导入", "en": "File Import"}, lang015 = {"ch": "文件格式", "en": "File Format"}, lang016 = {"ch": "每行一个IP", "en": "One IP per line"}, lang017 = {"ch": "选择文件", "en": "Select File"}, lang018 = {"ch": "导入方式", "en": "Import Method"}, lang019 = {"ch": "追加", "en": "Append"}, lang020 = {"ch": "覆盖", "en": "Overwrite"}, lang021 = {"ch": "请选择需要删除的IP群组", "en": "Please select the IP group(s) to delete first"}, lang022 = {"ch": "确定要删除选中群组吗？<br>相关策略也会被删除", "en": "Confirm deletion of selected group?<br>Related policies will also be deleted"}, lang023 = {"ch": "添加IP群组", "en": "Add IP Group"}, lang024 = {"ch": "请选择需要删除的IP", "en": "Please select the IP(s) to delete first"}, lang025 = {"ch": "确定要删除选中IP吗？", "en": "Confirm to delete the selected IP(s)?"}, lang026 = {"ch": "添加IP", "en": "Add IP"}, lang027 = {"ch": "服务器错误,上传失败", "en": "Server error, upload failed"}, lang028 = {"ch": "请输入IP，或选择上传文件", "en": "Please enter the IP address(es) or select a file to upload"}, lang029 = {"ch": "请选择需要导出的IP群组", "en": "Please select the IP group(s) to export"}, lang030 = {"ch": "确定要导出群组", "en": "Confirm to export group(s)?"}, lang031 = {"ch": "编辑IP群组", "en": "Edit IP Group"}, lang032 = {"ch": "该群组相关策略都会被删除！<br>确定要删除群组", "en": "All policies related to this group will be deleted!<br>Confirm to delete the group?"}, lang033 = {"ch": "确定要导出群组", "en": "Confirm to export group(s)?"}, lang034 = {"ch": "确定要删除IP", "en": "Confirm to delete IP(s)?"}, lang035 = {"ch": "无数据", "en": "No Data"}, lang036 = {"ch": "群组名称", "en": "Group Name"}, lang037 = {"ch": "操作", "en": "Action"}, lang038 = {"ch": "序号", "en": "No."}, lang039 = {"ch": "备注", "en": "Notes"}, lang040 = {"ch": "请选择", "en": "Please Select"}, lang041 = {"ch": "成员数量", "en": "Member Count"}, lang042 = {"ch": "所属群组", "en": "Assigned Group"}, lang043 = {"ch": "清空", "en": "Clear"}, lang044 = {"ch": "请选择需要清空的IP群组", "en": "No group selected"}, lang045 = {"ch": "确定要清空该IP群组吗？", "en": "Confirm to clear this IP group?"}, lang046 = {"ch": "操作确认", "en": "Operation Confirmation"}, lang047 = {"ch": "群组类型", "en": "Group Type"}, lang048 = {"ch": "支持单个IP、IP范围、IP段", "en": "Supports single IP, IP range, and IP subnet"}, lang049 = {"ch": "只支持输入单个IP", "en": "Only supports entering a single IP"}, lang050 = {"ch": "普通群组", "en": "Regular Group"}, lang051 = {"ch": "动态单IP群组", "en": "Dynamic Single IP Group"}; }}  <style> .paui-page-iptab-list .pa-clear{font-size: 14px;} </style>  <div class="layui-tab layui-tab-brief paui-page-iptab-list"> {{# if(!d.pop_route) { }}     <ul class="layui-tab-title">         <li class="layui-this">{{ lang001[g_lang] || "IP群组" }}</li>     </ul> {{# } }}     <div class="layui-tab-content" style="padding:0px; overflow: hidden;">         <div class="layui-tab-item layui-show">             <div class="layui-row layui-col-space8" style="padding:8px;">                 <div class="layui-col-xs4">                                      <div class="layui-card">                         <div class="layui-card-header">{{ lang001[g_lang] || "IP群组" }}</div>                         <div class="layui-card-body">                             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_ipgrp_search">                                 <div class="layui-form-item paui-table-form-left">                                     <div class="layui-input-inline" style="width:220px">                                         <input type="text" name="keyword" class="layui-input" autocomplete="off" lay-filter="clear_ipgrp_search"                                         placeholder='{{ lang002[g_lang] || "输入IP或群组名称关键字查询" }}' lay-affix="clear">                                     </div>                                     <div class="layui-input-inline" style="width:40px">                                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_ipgrp_search">                                             <i class="layui-icon layui-icon-search"></i>                                         </button>                                     </div>                                 </div>                                 <div class="layui-form-item paui-table-form-right">                                     <span class="abtn" ipgrp-event="btnevt_del_grp">                                         <i class="layui-icon layui-icon-delete"></i>{{ lang003[g_lang] || "删除" }}                                     </span>                                     <span class="abtn" ipgrp-event="btnevt_add_grp">                                         <i class="layui-icon layui-icon-add-1"></i>{{ lang004[g_lang] || "添加" }}                                     </span>                                 </div>                             </form>                             <table id="tab_ipgrp_list" lay-filter="tab_ipgrp_list"></table>                         </div>                     </div>                 </div>                 <div class="layui-col-xs8">                     <div class="layui-card">                         <div class="layui-card-header">{{ lang005[g_lang] || "群组IP展示" }}</div>                         <div class="layui-card-body" style="padding-bottom: 0px;">                             <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_search_grpip">                                 <div class="layui-form-item paui-table-form-left">                                     <label class="layui-form-label">{{ lang001[g_lang] || "IP群组" }}</label>                                     <div class="layui-input-inline" style="width: 160px;">                                         <input type="hidden" name="name" id="input_search_grpip">                                         <select name="id" id="select_search_grpip" lay-filter="select_search_grpip" lay-search></select>                                     </div>                                     <div class="layui-input-inline">                                         <input type="text" name="keyword" class="layui-input" autocomplete="off" lay-filter="clear_search_grpip"                                         placeholder='{{ lang006[g_lang] || "输入IP关键字查询" }}' lay-affix="clear">                                     </div>                                     <div class="layui-input-inline" style="width:80px">                                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_search_grpip">                                             <i class="layui-icon layui-icon-search"></i>                                         </button>                                     </div>                                 </div>                                 <div class="layui-form-item paui-table-form-right">                                     <span class="abtn" ipgrp-event="btnevt_add_ip" id="paui-btn-iptable-addip">                                         <i class="layui-icon layui-icon-add-1"></i>{{ lang007[g_lang] || "添加导入" }}                                     </span>                                     <span class="abtn" ipgrp-event="btnevt_clear_ip">                                         <i class="pa-icon pa-clear"></i>{{ lang043[g_lang] || "清空" }}                                     </span>                                     <span class="abtn" ipgrp-event="btnevt_del_ip">                                         <i class="layui-icon layui-icon-delete"></i>{{ lang003[g_lang] || "删除" }}                                     </span>                                     <span class="abtn" ipgrp-event="btnevt_export">                                         <i class="pa-icon pa-download"></i>{{ lang008[g_lang] || "导出" }}                                     </span>                                 </div>                             </form>                             <table id="tab_grpip_list" lay-filter="tab_grpip_list"></table>                             <div class="layui-table-page" id="page_grpip_list"></div>                         </div>                     </div>                 </div>             </div>         </div>     </div> </div>  <script id="tpl_iptab_tdact" type="text/html"> <span class="abtn" lay-event="tabevt_edit_grp" title='{{ lang009[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_add" title='{{ lang004[g_lang] || "添加" }}'> <i class="layui-icon layui-icon-add-1"></i> </span>     <span class="abtn" lay-event="tabevt_clear_grp" title='{{ lang043[g_lang] || "清空" }}'>         <i class="pa-icon pa-clear"></i>     </span> <span class="abtn" lay-event="tabevt_rmv_grp" title='{{ lang003[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> <span class="abtn" lay-event="tabevt_export" title='{{ lang008[g_lang] || "导出" }}'> <i class="pa-icon pa-download"></i> </span> </script>  <script id="tpl_tabip_tdact" type="text/html"> <span class="abtn" lay-event="tabevt_edit_ip" title='{{ lang009[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv_ip" title='{{ lang003[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script id="tpl_add_ipgrp" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_iptable" style="padding-top:20px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang010[g_lang] || "群组名称" }}</label>             <div class="layui-input-inline">                 <input class="layui-input" name="action" value="add_iptable" type="hidden">                 <input class="layui-input" name="id" type="hidden">                 <input class="layui-input" name="name" lay-verify="required|isName|not_all_num" type="text" maxlength="27">             </div>         </div> {%# if(d.action == "add_iptable") { %}         <div class="layui-form-item">             <label class="layui-form-label">{{ lang047[g_lang] || "群组类型" }}</label>             <div class="layui-input-inline" style="width: unset;">                 <input type="radio" name="dynip" value="0" title='{{ lang050[g_lang] || "普通群组" }}' checked>             </div>             <div class="layui-form-mid layui-word-aux">{{ lang048[g_lang] || "支持单个IP、IP范围、IP段" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-input-inline" style="width: unset;">                 <input type="radio" name="dynip" value="1" title='{{ lang051[g_lang] || "动态单IP群组" }}'>             </div>             <div class="layui-form-mid layui-word-aux">{{ lang049[g_lang] || "只支持输入单个IP" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-input-inline">                 <input type="checkbox" name="close" title='{{ lang011[g_lang] || "执行成功后，自动关闭窗口" }}' checked lay-skin="primary">              </div>         </div> {%# } else { %}         <div class="layui-form-item">             <label class="layui-form-label">{{ lang047[g_lang] || "群组类型" }}</label>             <div class="layui-input-inline" style="width: unset;">                 <input type="radio" name="dynip" value="0" title='{{ lang050[g_lang] || "普通群组" }}' checked disabled>             </div>             <div class="layui-form-mid layui-word-aux">{{ lang048[g_lang] || "支持单个IP、IP范围、IP段" }}</div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-input-inline" style="width: unset;">                 <input type="radio" name="dynip" value="1" title='{{ lang051[g_lang] || "动态单IP群组" }}' disabled>             </div>             <div class="layui-form-mid layui-word-aux">{{ lang049[g_lang] || "只支持输入单个IP" }}</div>         </div>         <div class="layui-hide">             <input class="layui-input" name="close" type="hidden" value="on">         </div> {%# } %}         <div class="layui-hide">             <button id="submit_add_iptable" lay-submit lay-filter="submit_add_iptable"></button>         </div>     </form> </script>  <script id="tpl_add_tabip" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_tabip" style="padding-top:20px;">                  <div class="layui-form-item">             <label class="layui-form-label">{{ lang001[g_lang] || "IP群组" }}</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="action" value="add_tabip" type="hidden">                 <input class="layui-input" name="name" type="hidden">                 <select name="id" lay-search>                     {%# layui.each(d, function(index, elem){ %}                         <option value="{% elem.id %}">{% elem.name %}</option>                     {%# }); %}                 </select>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">IP</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="ip" type="text" placeholder='{{ lang012[g_lang] || "格式" }}：IP, IP/Mask, IP-IP'>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang013[g_lang] || "IP备注" }}</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="desc" type="text" maxlength="23">             </div>         </div>          <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">             <legend>{{ lang014[g_lang] || "文件导入" }}</legend>         </fieldset>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang015[g_lang] || "文件格式" }}</label>             <div class="layui-form-mid">                 {{ lang016[g_lang] || "每行一个IP" }}, IP, IP/Mask, IP-IP             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang017[g_lang] || "选择文件" }}</label>             <div class="layui-input-inline" style="width: 280px; font-size: 12px;">                 <span class="layui-btn layui-btn-primary layui-btn-sm" id="btn-select-iptab-file">                     <i class="layui-icon layui-icon-upload-drag"></i>                 </span>                 <span class="layui-hide" id="btn-upload-iptab-file"></span>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang018[g_lang] || "导入方式" }}</label>             <div class="layui-input-inline">                 <input type="radio" name="type" value="0" title='{{ lang019[g_lang] || "追加" }}' checked>                 <input type="radio" name="type" value="1" title='{{ lang020[g_lang] || "覆盖" }}'>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">&nbsp;</label>             <div class="layui-input-inline">                 <input type="checkbox" name="close" title='{{ lang011[g_lang] || "执行成功后，自动关闭窗口" }}' checked lay-skin="primary">              </div>         </div>         <div class="layui-hide">             <button id="submit_add_tabip" lay-filter="submit_add_tabip" lay-submit></button>         </div>     </form> </script>  <script id="tpl_edit_tabip" type="text/html">     <form class="layui-form paui-form" lay-filter="form_add_tabip" style="padding-top:20px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang001[g_lang] || "IP群组" }}</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="action" value="edit_tabip" type="hidden">                 <input class="layui-input" name="id" type="hidden" value="{% d.id %}">                 <input class="layui-input layui-disabled" name="name" type="text" value="{% d.name %}" disabled>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">IP</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input layui-disabled" name="ip" value="{%d.ip%}" type="text" disabled>             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang013[g_lang] || "IP备注" }}</label>             <div class="layui-input-inline" style="width: 280px;">                 <input class="layui-input" name="desc" type="text" value="{% d.desc %}" maxlength="23">             </div>         </div>         <div class="layui-hide">             <button id="submit_edit_tabip" lay-filter="submit_edit_tabip" lay-submit></button>         </div>     </form> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     patpl = layui.patpl,     upload = layui.upload,     element = layui.element;      var grp_tab = new Paui_table();     var ip_tab  = new Paui_table();      var api = '/cgi-bin/object/ajax_iptable';     var l_ipgrp_list = [];      var add_ip_table = function(data){         paopen({             title: data.title,             area: ['500px', '260px'],             content: patpl($("#tpl_add_ipgrp").html()).render(data),             btn: 'default',             subElem: '#submit_add_iptable',             success: function(layero, index){                 form.val("form_add_iptable", data);                 form.on('submit(submit_add_iptable)', function(obj){                     pa_ajax({                         url: api,                         data: obj.field,                         success: function(json){                             if(json.code != 0) {                                 alert_err(json.msg);                             } else {                                 if(obj.field.close == "on")                                     layer.closeAll();                                 alert_ok(json.msg);                                 grp_tab_serach();                                 reload_sys_env();                             }                         }                     });                     return false;                 });             }         });     };      var event_center = {         btnevt_del_grp: function(){ var data = ""; var chk = table.checkStatus('tab_ipgrp_list'); if(chk.data.length == 0){ layer.msg('{{ lang021[g_lang] || "请选择需要删除的IP群组" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id; }); pa_confirm('{{- lang022[g_lang] || "确定要删除选中群组吗？<br>相关策略也会被删除" }}！', function(index){ pa_ajax({ url: api, data: {"action": "btnrmv_iptable", "items": data}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg); grp_tab_serach();                             ip_tab_serach();                             reload_sys_env(); } } }); });         },          btnevt_add_grp: function(){             add_ip_table({                 'action': 'add_iptable',                 'title': '{{ lang023[g_lang] || "添加IP群组" }}'             });         },          btnevt_del_ip: function(){ var data = "";             var search = form.getValue("form_search_grpip"); var chk = table.checkStatus('tab_grpip_list'); if(chk.data.length == 0){ layer.msg('{{ lang024[g_lang] || "请选择需要删除的IP" }}'); return; } layui.each(chk.data, function(index, elem){ data = data + ";" + elem.id + "=" + elem.ip; }); pa_confirm('{{ lang025[g_lang] || "确定要删除选中IP吗？" }}', function(index){ pa_ajax({ url: api, data: {"action": "btnrmv_tabip", "items": data, "id": search.id, "name": search.name}, success: function(json){ if(json.code != 0) { alert_err(json.msg); } else { alert_ok(json.msg);                             ip_tab_serach(); } } }); });         },          btnevt_add_ip: function(){             var search = form.getValue("form_search_grpip");             paopen({                 title: '{{ lang026[g_lang] || "添加IP" }}',                 area: ['500px', '500px'],                 btn: 'default',                 subElem: '#submit_add_tabip',                 content: patpl($("#tpl_add_tabip").html()).render(l_ipgrp_list),                 success: function(layero, index){                     var _submit_data = {};                                          var upload_item = paui_upload({                         elem: '#btn-select-iptab-file'                         ,bindAction: '#btn-upload-iptab-file'                         ,url: api                         ,auto: false                         ,accept: 'file'                         ,method: 'post'                         ,before: function(obj){                             layer.load();                         }                         ,done: function(json){                             layer.closeAll("loading");                             if(json.code != 0){                                 alert_err(json.msg);                             } else {                                 alert_ok(json.msg);                                 if(_submit_data.close == "on")                                     layer.close(index);                                 $("#paui-event-ipgrp-" + _submit_data.id).click();                             }                         }                     });                      form.val("form_add_tabip", search);                     form.on('submit(submit_add_tabip)', function(obj){                         if(obj.field.ip == "" && obj.field.file == "") {                             layer.msg('{{ lang028[g_lang] || "请输入IP，或选择上传文件" }}');                             return false;                         }                         if(obj.field.file != ""){                             delete obj.field.file;                             _submit_data = obj.field;                             upload_item.config.url += objtourl(obj.field);                             $("#btn-upload-iptab-file").click();                         } else {                             delete obj.field.file;                             layer.load();                             pa_ajax({                                 url: api,                                 data: obj.field,                                 success: function(json){                                     layer.closeAll('loading');                                     if(json.code != 0)                                         alert_err(json.msg);                                     else {                                         if(obj.field.close == "on")                                             layer.close(index);                                         $("#paui-event-ipgrp-" + obj.field.id).click();                                         alert_ok(json.msg);                                     }                                 }                             });                         }                         return false;                     });                 }             });         },          btnevt_export: function(){             var search = form.getValue("form_search_grpip");             if(search.id == ""){                 layer.msg('{{ lang029[g_lang] || "请选择需要导出的IP群组" }}');                 return;             }             pa_confirm('{{ lang030[g_lang] || "确定要导出群组" }}：' + search.name, function(index){                 layer.close(index);                 search.action = "export_iptab";                 pa_ajax({                     url: api,                     data: search,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data.file_name);                     }                 });             });         },          btnevt_clear_ip: function(){             var search = form.getValue("form_search_grpip");             if(search.id == ""){                 layer.msg('{{ lang044[g_lang] || "请选择需要清空的IP群组" }}');                 return;             }             pa_confirm('{{ lang045[g_lang] || "确定要清空该IP群组吗？"}}', function(index){                 layer.close(index);                 search.action = "clear_tabip";                 pa_ajax({                     url: api,                     data: search,                      success:function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             grp_tab_serach();                             ip_tab_serach();                         }                     }                 });             });         },          tabevt_show_grp: function(obj){             obj.data.keyword = "";             form.val("form_search_grpip", obj.data);             ip_tab_serach();         },          tabevt_edit_grp: function(obj){             add_ip_table($.extend(true, {}, {                 'action': 'set_iptable',                 'title': '{{ lang031[g_lang] || "编辑IP群组" }}'             }, obj.data));         },          tabevt_rmv_grp: function(obj){             obj.data.action = "rmv_iptable"; {{# if(g_sys_env.tap == 1){ /* TAP版本 */ }}             pa_confirm('{{- lang022[g_lang] || "确定要删除吗" }}', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             grp_tab_serach();                             ip_tab_serach();                             reload_sys_env();                         }                     }                 });             }); {{# } else { }}             layer.load();             pa_ajax({                 url: api,                 data: {'action': 'confirm_rmv_info', id: obj.data.id},                 success: function(json){                     layer.closeAll();                     paopen({                         title: '{{ lang046[g_lang] || "操作确认" }}',                         area: ['500px', '500px'],                         url: '/html/object/confirm_remove.html',                         data: json.data,                         btn: 'default',                         yes: function(){                             layer.closeAll();                             pa_ajax({                                 url: api,                                 data: obj.data,                                 success: function(json){                                     if(json.code != 0)                                         alert_err(json.msg);                                     else {                                         alert_ok(json.msg);                                         grp_tab_serach();                                         ip_tab_serach();                                         reload_sys_env();                                     }                                 }                             });                         }                     });                 }             }); {{# } }}         },                  tabevt_add: function(obj){             obj.data.keyword = "";             form.val("form_search_grpip", obj.data);             $("#paui-btn-iptable-addip").click();             ip_tab_serach();         },          tabevt_clear_grp: function(obj){             pa_confirm('{{ lang045[g_lang] || "确定要清空该IP群组吗？"}}', function(index){                 layer.close(index);                 obj.data.action = "clear_tabip";                 pa_ajax({                     url: api,                     data: obj.data,                      success:function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             grp_tab_serach();                             ip_tab_serach();                         }                     }                 });             });         },          tabevt_export: function(obj){             pa_confirm('{{ lang033[g_lang] || "确定要导出群组" }}：' + obj.data.name, function(index){                 layer.close(index);                 obj.data.action = "export_iptab";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else                             web_download(json.data.file_name);                     }                 });             });         },          tabevt_rmv_ip: function(obj){             var search = form.getValue("form_search_grpip");             pa_confirm('{{ lang034[g_lang] || "确定要删除IP" }}：' + obj.data.ip, function(index){                 layer.close(index);                 obj.data.action = 'rmv_tabip';                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             ip_tab_serach();                         }                     }                 })             });         },          tabevt_edit_ip: function(obj){             paopen({                 title: '{{ lang009[g_lang] || "编辑" }}',                 area: ['500px', '230px'],                 btn: 'default',                 subElem: '#submit_edit_tabip',                 content: patpl($("#tpl_edit_tabip").html()).render(obj.data),                 success: function(layero, index){                     form.render();                     form.on('submit(submit_edit_tabip)', 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);                                     ip_tab_serach();                                 }                             }                         });                         return false;                     });                 }             });         }     };       var col_render = function(r){         switch(this.field){             case "id":                 return '<div lay-event="tabevt_show_grp" style="cursor:pointer" id="paui-event-ipgrp-'+ r.id +'">'+ r.id +'</div>';                          case "name":                 if(r.dynip == "1")                                     return '<div class="abtn" lay-event="tabevt_show_grp" style="text-decoration: underline;">'+ r.name +'</div>';                 else                     return '<div class="abtn" lay-event="tabevt_show_grp">'+ r.name +'</div>';                          case "ipnum":                 return '<div lay-event="tabevt_show_grp" style="cursor:pointer">'+ r.ipnum +'</div>';         }     };       var grp_tab_serach = function(){         var search = form.getValue("form_ipgrp_search");         search.type = IsIPAddr(search.keyword) ? "ip" : "str";         grp_tab.reload({             where: search         });          form.val("form_search_grpip", {"id": "", "name":"", "keyword": ""});         ip_tab_serach();     };       var ip_tab_serach = function(){         var search = form.getValue("form_search_grpip");         search.type = "str";         if( IsIPAddr(search.keyword) && search.keyword.indexOf(':') == -1){             search.type = "ip";         }         ip_tab.reload({             text: {'none:':'{{ lang035[g_lang] || "无数据" }}'},             where: search         });     };       /* 页面渲染 */     form.render();     grp_tab.render({ elem: '#tab_ipgrp_list',         height: 'full-{{d.height1||190}}',         url: api, where: {"action": "list_iptable"},         parseData: function(json){             var obj = $("#select_search_grpip");             obj.html("");             obj.append('<option value="">{{ lang040[g_lang] || "请选择" }}</option>');             layui.each(json.data, function(index, elem){                 if(elem.name == '{{d.name || ""}}')                     obj.append('<option value="'+ elem.id +'" selected>' + elem.name + '</option>');                 else                     obj.append('<option value="'+ elem.id +'">' + elem.name + '</option>');             });             $("#input_search_grpip").val('{{d.name || ""}}');             form.render();             l_ipgrp_list = json.data;             return json;         }, cols: [[ {type: 'checkbox'}             ,{field: 'id', title: 'ID', width: 30, templet: col_render} ,{field: 'name', title: '{{ lang036[g_lang] || "群组名称" }}', templet: col_render}             ,{field: 'ipnum', title: '{{ lang041[g_lang] || "成员数量" }}', width: 80, sort: true, templet: col_render}             ,{field: 'act', title: '{{ lang037[g_lang] || "操作" }}', width: 120, align: 'right', templet: '#tpl_iptab_tdact'} ]]     });      ip_tab.render({ elem: '#tab_grpip_list', height: 'full-{{d.height2||226}}', pageElem: 'page_grpip_list', pageType: 'shell',         url: api,         text: {'none:':'请选择群组'}, where: {'action': 'list_tabip', 'name': '{{d.name||""}}'},         parseData: function(json){             json.count = json.data.total;             json.data = json.data.data;             return json;         }, cols: [[ {type: 'checkbox'}             ,{field: 'num', title: '{{ lang038[g_lang] || "序号" }}', width: 60}             ,{field: 'name', title: '{{ lang042[g_lang] || "所属群组" }}'} ,{field: 'ip', title: 'IP'}             ,{field: 'desc', title: '{{ lang039[g_lang] || "备注" }}', templet: function(r){                 return  r.desc == "NULL" ? "" : r.desc;             } }             ,{field: 'act', title: '{{ lang037[g_lang] || "操作" }}', width: 80, align: 'right', templet: '#tpl_tabip_tdact'} ]]     });       /* 事件绑定 */     util.event('ipgrp-event', event_center);      table.on('tool(tab_ipgrp_list)', function(obj){         event_center[obj.event](obj);     });      table.on('tool(tab_grpip_list)', function(obj){         event_center[obj.event](obj);     });      form.on('select(select_search_grpip)', function(obj){         $("#paui-event-ipgrp-" + obj.value).click();     });          form.on('input-affix(clear_ipgrp_search)', grp_tab_serach);     form.on('submit(submit_ipgrp_search)', function(obj){         grp_tab_serach();         return false;     });      form.on('input-affix(clear_search_grpip)', ip_tab_serach);     form.on('submit(submit_search_grpip)', function(obj){         ip_tab_serach();         return false;     }); }); </script>