{{# var lang001 = {"ch": "文件类型", "en": "File Type Group"}, lang002 = {"ch": "关键字搜索", "en": "Search"}, lang003 = {"ch": "删除", "en": "Delete"}, lang004 = {"ch": "添加", "en": "Add"}, lang005 = {"ch": "编辑", "en": "Edit"}, lang006 = {"ch": "群组名称", "en": "Group Name"}, lang007 = {"ch": "文件类型列表", "en": "File Type List"}, lang008 = {"ch": "如zip,rar,多个类型之间以逗号隔开", "en": "Separate multiple types with commas, e.g., zip, rar"}, lang009 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}, lang010 = {"ch": "请选择需要操作的群组", "en": "Please select the group to operate on"}, lang011 = {"ch": "确定要删除选中群组", "en": "Confirm to delete selected group(s)?"}, lang012 = {"ch": "添加群组", "en": "Add Group"}, lang013 = {"ch": "编辑群组", "en": "Edit Group"}, lang014 = {"ch": "确定要删除吗", "en": "Confirm to delete?"}, lang015 = {"ch": "群组名称", "en": "Name"}, lang016 = {"ch": "文件类型概要", "en": "File Type Summary"}, lang017 = {"ch": "操作", "en": "Action"}; }}  <div class="layui-tab layui-tab-brief"> {{# if(!d.pop_route){ }} <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_file_type">                 <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_file_type">                     </div>                     <div class="layui-input-inline" style="width:40px">                         <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_file_type">                             <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" file-type-event="btnevt_delete">                             <i class="layui-icon layui-icon-delete"></i>{{ lang003[g_lang] || "删除" }}                         </span>                         <span class="abtn" file-type-event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang004[g_lang] || "添加" }}                         </span>                     </div>                 </div>             </form>             <div class="paui-table-card">                 <table id="tab_file_type_list" lay-filter="tab_file_type_list"></table>             </div>         </div> </div> </div>  <script id="tpl_file_type_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='{{ lang003[g_lang] || "删除" }}'> <i class="layui-icon layui-icon-delete"></i> </span> </script>  <script id="tpl_add_file_type" type="text/html">     <form class="layui-form paui-form" lay-filter="form_addpipe" style="padding-top:20px">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang006[g_lang] || "群组名称" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value='{% d.action || "add_file_type" %}'>                 <input type="hidden" name="id" value='{%d.id||""%}'>                 <input type="text" name="name" class="layui-input" lay-verify="required|isName|not_all_num" value='{%d.name||""%}' maxlength="32">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang007[g_lang] || "文件类型列表" }}</label>             <div class="layui-input-inline" style="width: 400px;">                 <input type="text" name="exts" class="layui-input" lay-verify="required" value='{%d.exts||""%}' placeholder='{{ lang008[g_lang] || "如zip,rar,多个类型之间以逗号隔开" }}'>             </div>         </div>         <div class="layui-row layui-hide">             <button lay-submit id="submit_add_file_type" lay-filter="submit_add_file_type"></button>         </div>     </form> </script>  <script> layui.use(function(){ var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl, table = layui.table;      var api = '/cgi-bin/object/ajax_file_type';     var pa_table = new Paui_table();       var event_center = {         bind_add_submit: function(){             form.on('submit(submit_add_file_type)', 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_search();                         }                     }                 });                 return false;             });         },          btnevt_delete: function(){ var data = ""; var chk = table.checkStatus('tab_file_type_list'); if(chk.data.length == 0){ layer.msg('{{ lang010[g_lang] || "请选择需要操作的群组" }}'); return; } layui.each(chk.data, function(index, elem){ data += elem.id + ";"; });  pa_confirm('{{ lang011[g_lang] || "确定要删除选中群组" }}？', function(index){ layer.close(index); pa_ajax({ url: api, data: {"action": "btnremove_file_type", "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: '{{ lang012[g_lang] || "添加群组" }}',                 content: patpl( $("#tpl_add_file_type").html() ).render({}),                 area: ['600px', '200px'],                 btn: 'default',                 subElem: '#submit_add_file_type',                 success: function(){                     event_center.bind_add_submit();                 }             });         },          tabevt_edit: function(obj){             obj.data.action = "edit_file_type";             paopen({                 title: '{{ lang013[g_lang] || "编辑群组" }}->' + obj.data.id,                 content: patpl( $("#tpl_add_file_type").html() ).render(obj.data),                 area: ['600px', '200px'],                 btn: 'default',                 subElem: '#submit_add_file_type',                 success: function(){                     event_center.bind_add_submit();                 }             });         },          tabevt_rmv: function(obj){             pa_confirm('{{ lang014[g_lang] || "确定要删除吗" }}?', function(index){                 layer.close(index);                 obj.data.action = "rmv_file_type";                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0)                             alert_err(json.msg);                         else {                             alert_ok(json.msg);                             table_search();                         }                     }                 });             });         }     };       var table_search = function(){         var search = form.getValue("form_file_type");         pa_table.reload({             where: search         });     };       /* 页面渲染 */     pa_table.render({         elem: '#tab_file_type_list',         height: 'full-{{d.pop_route ? 70 : 145}}',         url: api,         where: {'action': 'load_file_type'},         cols: [[             {type: 'checkbox'}             ,{field: 'id', title: 'ID', width: 100}             ,{field: 'name', title: '{{ lang015[g_lang] || "群组名称" }}', width: 200}             ,{field: 'exts', title: '{{ lang016[g_lang] || "文件类型概要" }}'}             ,{field: 'act', title: '{{ lang017[g_lang] || "操作" }}', width: 60, align: 'right', templet: '#tpl_file_type_action'}         ]]     });       /* 事件绑定 */     util.event('file-type-event', event_center);     table.on('tool(tab_file_type_list)', function(obj){         event_center[obj.event](obj);     });      form.on('input-affix(clear_file_type)', table_search);     form.on('submit(submit_file_type)', function(obj){         table_search();         return false;     });  }); </script>