{{#     /*          用户组公共选择页面          参数：             retid: 用户组ID 接收元素             retname: 用户组名称 接收元素     */      var lang001 = {"ch": "关键字搜索", "en": "Keyword Search"},     lang002 = {"ch": "单击名称进行选择", "en": "On click name to select"},     lang003 = {"ch": "组织架构", "en": "Structure"},     lang004 = {"ch": "安全组", "en": "Security Group"},     lang005 = {"ch": "编辑", "en": "Edit"},     lang006 = {"ch": "删除", "en": "Delete"},     lang007 = {"ch": "名称", "en": "Name"},     lang008 = {"ch": "点击", "en": "Click"},     lang009 = {"ch": "清除", "en": "clear"},     lang010 = {"ch": "选择", "en": "select"},     lang011 = {"ch": "任意", "en": "Any"};   }}  <style> .paui-page-ugroup-select .layui-icon-user{font-size: 14px;} </style>  <div class="layui-card paui-page-ugroup-select">     <div class="layui-card-header" style="border-bottom: 0px; padding: 10px 10px 0px 10px; font-size: 12px;">         <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_user_group">             <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='{{ lang001[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_user_group">                 </div>                 <div class="layui-input-inline" style="width:40px">                     <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_user_group">                         <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 layui-word-aux">{{ lang002[g_lang] || "单击名称进行选择" }}&nbsp;&nbsp;{{ lang008[g_lang] || "点击" }}<span class="abtn" lay-event="tabevt_rmv_choose">{{ lang009[g_lang] || "清除" }}</span>{{ lang010[g_lang] || "选择" }}</div>             </div>         </form>     </div>     <div class="layui-card-body">         <div class="layui-tab layui-tab-card">             <ul class="layui-tab-title">                 <li class="layui-this">{{ lang003[g_lang] || "组织架构" }}</li>                 <li>{{ lang004[g_lang] || "安全组" }}</li>             </ul>             <div class="layui-tab-content" style="padding: 0px;">                 <div class="layui-tab-item layui-show">                     <div class="paui-table-card">                         <table id="tab_user_group_list" lay-filter="tab_user_group_list"></table>                     </div>                 </div>                 <div class="layui-tab-item">                     <div class="paui-table-card">                         <table id="tab_secure_group_list" lay-filter="tab_secure_group_list"></table>                     </div>                 </div>             </div>         </div>     </div> </div>  <script id="tpl_user_group_td_action" type="text/html"> <span class="abtn" lay-event="tabevt_edit" title='{{ lang005[g_lang] || "编辑" }}'> <i class="layui-icon layui-icon-edit"></i> </span> <span class="abtn" lay-event="tabevt_rmv" title='{{ lang006[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     table = layui.table,     treeTable = layui.treeTable;      var window_index = layer.index;     var pa_table = new Paui_table();     var pdata = JSON.parse('{{- JSON.stringify(d) }}');      var api = '/cgi-bin/object/ajax_user_group';       var event_center = {         tabevt_rmv_choose: function(){              $(pdata.retid).val('');              $(pdata.retname).val('{{ lang011[g_lang] || "任意" }}');              layer.close(window_index);         },      };       var table_search = function(){         var search = form.getValue("form_user_group");          treeTable.reloadData('tab_user_group_list', {             where: {                 action: 'load_ippool_tree',                 keyword: search.keyword             }         });          pa_table.reload({             where: {                 action: 'load_secure_group',                 keyword: search.keyword             }         })     };           /* 页面渲染 */     form.render();          treeTable.render({         id: 'tab_user_group_list',         elem: '#tab_user_group_list',         url: api,         where: {action: 'load_ippool_tree', pid: 0},         css: '.layui-table-header{display: none}; .layui-table-cell{cursor: pointer}',         height: '524px',         loading: false,         parseData: function(json){             json.data = json.data || [];             json.count = json.data.length;             return json;         },         tree: {             customName: { pid: "pid" },             autoParam: ["pid=id"],             view: {                 iconLeaf: '<i class="layui-icon layui-icon-user"></i>',                 iconClose: '<i class="layui-icon layui-icon-user"></i>',                 iconOpen: '<i class="layui-icon layui-icon-user"></i>'             },             async: {                 enable: true,                 url: api,                 where: {'action': 'load_ippool_tree'},                 autoParam: ["pid=id"],                 parseData: function(json){                     json.data = json.data || [];                     json.count = json.data.length;                     return json;                 }             }         },         cols: [[             {field: 'name', title: '{{ lang007[g_lang] || "名称" }}', templet: function(r){                 return '<div class="abtn" style="display:inline; padding-left: 10px;">' + r.name + '</div>';             }}         ]]     });       pa_table.render({         elem: '#tab_secure_group_list',         height: '524px',         url: api,         where: {'action': 'load_secure_group'},         css: '.layui-table-header{display: none}; .layui-table-cell{cursor: pointer}',         cols: [[             {field: 'id', width: 60},             {field: 'name', title: '{{ lang007[g_lang] || "名称" }}', templet: function(r){                 return '<div class="abtn">' + r.name + '</div>';             }}         ]]     });       /* 事件绑定 */     util.event('lay-event', event_center);     form.on("input-affix(clear_user_group)", table_search);     form.on('submit(submit_user_group)', function(obj){         table_search();         return false;     });      table.on('row(tab_user_group_list)', function(obj){         $(pdata.retid).val(obj.data.id);         $(pdata.retname).val(obj.data.name);         layer.close(window_index);     });      table.on('row(tab_secure_group_list)', function(obj){         $(pdata.retid).val(obj.data.id);         $(pdata.retname).val(obj.data.name);         layer.close(window_index);     });  }); </script>