{{# var lang001 = {"ch": "自定义协议组", "en": "Custom Protocol Group"}, lang002 = {"ch": "关键字搜索", "en": "Search"}, lang003 = {"ch": "删除", "en": "Delete"}, lang004 = {"ch": "添加", "en": "Add"}, lang005 = {"ch": "英文名称", "en": "English Name"}, lang006 = {"ch": "中文名称", "en": "Chinese Name"}, lang007 = {"ch": "编辑", "en": "Edit"}, lang008 = {"ch": "趋势", "en": "Trend"}, lang009 = {"ch": "请选择需要操作的协议组", "en": "Please select the protocol group(s) to operate on first"}, lang010 = {"ch": "确定要删除选中协议组", "en": "Confirm to delete the selected protocol group(s)?"}, lang011 = {"ch": "添加自定义协议组", "en": "Add Custom Protocol Group"}, lang012 = {"ch": "编辑协议组", "en": "Edit Protocol Group"}, lang013 = {"ch": "确定要删除协议组", "en": "Confirm to delete the protocol group?"}, lang014 = {"ch": "序号", "en": "No."}, lang015 = {"ch": "协议组名称", "en": "Protocol Group Name"}, lang016 = {"ch": "成员列表", "en": "Member List"}, lang017 = {"ch": "操作", "en": "Action"}; }}  <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_agp_list">                 <div class="layui-form-item paui-table-form-left">                     <div class="layui-input-inline">                         <input class="layui-input" name="keyword" type="text" autocomplete="off"                         placeholder='{{ lang002[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_agp_list">                     </div>                     <div class="layui-input-inline" style="width:40px">                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_agp_list">                             <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" agp_event="btnevt_delete">                             <i class="layui-icon layui-icon-delete"></i>{{ lang003[g_lang] || "删除" }}                         </span>                         <span class="abtn" agp_event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang004[g_lang] || "添加" }}                         </span>                         <span class="layui-hide" agp_event="btnevt_reload" id="paui-btn-reload-agp"></span>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tag_agp_list" lay-filter="tag_agp_list"></table>             </div>         </div>     </div> </div>  <script id="tpl_add_agp" type="text/html">     <form class="layui-form paui-form" style="padding-top:20px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang005[g_lang] || "英文名称" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value="add_user_agp" class="layui-input">                 <input type="text" name="name" class="layui-input" lay-verify="required|isName|not_all_num" maxlength="19">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang006[g_lang] || "中文名称" }}</label>             <div class="layui-input-inline">                 <input type="text" name="cname" class="layui-input" lay-verify="required|isName|not_all_num" maxlength="19">             </div>         </div>         <div class="layui-hide">             <button lay-submit lay-filter="submit_add_user_agp" id="submit_add_user_agp"></button>         </div>     </form> </script>  <script id="tpl_agp_tab_action" type="text/html">     <span class="abtn" lay-event="tabevt_edit" title='{{ lang007[g_lang] || "编辑" }}'>         <i class="layui-icon layui-icon-edit"></i>     </span>     <span class="abtn" lay-event="tabevt_chart" title='{{ lang008[g_lang] || "趋势" }}'>         <i class="layui-icon layui-icon-chart"></i>     </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang003[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script> layui.use(function(){ var $ = layui.$,     util = layui.util,     form = layui.form, table = layui.table;      var selected_applist = {};     var api = '/cgi-bin/proto/ajax_user_agp';     var pa_table = new Paui_table();           var event_center = {         btnevt_reload: function(){             table_search();         },          btnevt_delete: function(){             var data = "";             var chk = table.checkStatus('tag_agp_list');             if(chk.data.length == 0){                 layer.msg('{{ lang009[g_lang] || "请选择需要操作的协议组" }}');                 return;             }             layui.each(chk.data, function(index, elem){                 data += elem.name + ";";             });              pa_confirm('{{ lang010[g_lang] || "确定要删除选中协议组" }}？', function(index){                 layer.close(index);                 pa_ajax({                     url: api,                     data: {"action": "btnrmv_user_agp", "items": data},                     success: function(json){                         if(json.code != 0) {                             alert_err(json.msg);                         } else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         },          btnevt_add: function(){             paopen({                 title: '{{ lang011[g_lang] || "添加自定义协议组" }}',                 area: ['400px', '200px'],                 content: $("#tpl_add_agp").html(),                 btn: 'default',                 subElem: '#submit_add_user_agp',                 success: function(){                     form.on('submit(submit_add_user_agp)', function(obj){                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0)                                     alert_err(json.msg);                                 else {                                     layer.closeAll();                                     table_search();                                     alert_ok(json.msg);                                 }                             }                         });                         return false;                     });                 }             });         },          tabevt_edit: function(obj){             obj.data.selected_applist = selected_applist;             paopen({                 title: '{{ lang012[g_lang] || "编辑协议组" }}->' + obj.data.cname,                 url: '/html/proto/user_agp_edit.html',                 data: obj.data,                 area: ['800px', '660px'],                 btn: 'default',                 subElem: "#submit_edit_user_agp",             });         },          tabevt_chart: function(obj){             popupApp(obj.data.name, obj.data.cname);         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang013[g_lang] || "确定要删除协议组"}}:' + obj.data.name, function(index){                 layer.close(index);                 obj.data.action = "rmv_user_agp";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             layer.closeAll();                             table_search();                             alert_ok(json.msg);                         }                     }                 });             });         }     };       var table_search = function(){         var search = form.getValue('form_agp_list');         pa_table.reload({             where: search         });     };       /* 页面渲染 */     form.render();      pa_table.render({         elem: '#tag_agp_list',         height: 'full-145',         url: api,         where: {'action': 'list_user_agp'},         cols: [[             {type: 'checkbox'}             ,{type: 'numbers', title: '{{ lang014[g_lang] || "序号" }}'}             ,{field: 'cname', title: '{{ lang015[g_lang] || "协议组名称" }}', width: 140, templet: function(r){                 return '<span class="abtn" lay-event="tabevt_edit">'+ r.cname +'</span>';             }}             ,{field: 'apps', title: '{{ lang016[g_lang] || "成员列表" }}'}             ,{field: 'act', title: '{{ lang017[g_lang] || "操作" }}', width: 100, align: 'right', templet: '#tpl_agp_tab_action'}         ]],         done:function(elem){             layui.each(elem.data, function(elem, obj){                 var apps = obj.apps.split(' ');                 layui.each(apps, function(i, app){                     if(app == "") return;                     selected_applist[app] = 1;                 });             });         }     });       /* 事件绑定 */     util.event('agp_event', event_center);     table.on('tool(tag_agp_list)', function(obj){         event_center[obj.event](obj);     });      form.on('input-affix(clear_agp_list)', table_search);          form.on('submit(submit_agp_list)', function(obj){         table_search();         return false;     }); }); </script>