{{#     var lang001 = {"ch": "白名单", "en": "White list"},     lang002 = {"ch": "一级分类", "en": "Primary Category"},     lang003 = {"ch": "二级分类", "en": "Secondary Category"},     lang004 = {"ch": "全部分类", "en": "All Categories"},     lang005 = {"ch": "关键字搜索", "en": "Search"},     lang006 = {"ch": "添加", "en": "Add"},     lang007 = {"ch": "删除", "en": "Delete"},     lang008 = {"ch": "导入", "en": "Import"},     lang009 = {"ch": "导出", "en": "Export"},     lang010 = {"ch": "域名", "en": "Whitelist objects"},     lang011 = {"ch": "执行成功后，自动关闭窗口", "en": "Automatically close Windows"},     lang012 = {"ch": "请选择需要删除的对象", "en": "Select the object you want to delete"},     lang013 = {"ch": "确定要删除选中对象吗？", "en": "Comfirm to delete the selected object?"},     lang014 = {"ch": "确定要导出吗？", "en": "Comfirm to export"},     lang015 = {"ch": "确定要删除吗？", "en": "Comfirm to delete"},     lang016 = {"ch": "序号", "en": "No."},     lang017 = {"ch": "白名单对象", "en": "Whitelist objects"},     lang018 = {"ch": "操作", "en": "Action"},     lang019 = {"ch": "描述信息", "en": "Description"},     lang020 = {"ch": "编辑", "en": "Edit"},     lang021 = {"ch": "*导入文件格式为：1.域名和对应描述信息按行显示；2.域名和描述信息用空格隔开", "en": "The import file format should follow these rules: 1. Each line displays a domain name and its corresponding description; 2. The domain name and description are separated by a space"},     lang022 = {"ch": "导入域名白名单", "en": "Import Domain Whitelist"},     lang023 = {"ch": "文件格式", "en": "File Format"},     lang024 = {"ch": "字段顺序", "en": "Field Order"},     lang025 = {"ch": "文件格式如下：", "en": "File format is as follows:"},     lang026 = {"ch": "1.支持TXT文件，UTF-8编码", "en": "1. TXT file supported, UTF-8 encoding"},     lang027 = {"ch": "2.字段顺序为域名 描述备注(中间用空格隔开，按行显示)", "en": "2. Field order: domain name description/remark (separated by a space, one entry per line)"},     lang028 = {"ch": "选择文件", "en": "Select File"};  }}   <form class="layui-form layui-form-pane paui-table-form" lay-filter="form_urlwhite_search">     <div class="layui-form-item paui-table-form-left">         <label class="layui-form-label" style="width: 100px;">{{ lang002[g_lang] || "一级分类" }}</label>         <div class="layui-input-inline" style="width:100px">             <select name="firstlevel" id="firstlevel" lay-filter="select_firstlevel_search">                 <option value="">{{ lang004[g_lang] || "全部分类" }}</option>             </select>         </div>         <label class="layui-form-label" style="width: 100px;">{{ lang003[g_lang] || "二级分类" }}</label>         <div class="layui-input-inline" style="width:100px">             <select name="secondlevel" id="secondlevel" lay-filter="select_secondlevel_search">                 <option value="">{{ lang004[g_lang] || "全部分类" }}</option>             </select>         </div>         <div class="layui-input-inline">             <input type="text" name="keyword" class="layui-input" autocomplete="off"                 placeholder='{{ lang005[g_lang] || "关键字搜索" }}' lay-affix="clear" lay-filter="clear_urlwhite_search">         </div>         <div class="layui-input-inline" style="width:80px">             <button class="layui-btn layui-btn-normal layui-btn-sm" lay-submit lay-filter="submit_urlwhite_search"                 id="submit_urlwhite_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" style="margin-right:0px">             <span class="abtn" malc_white_event="btnevt_add">                 <i class="layui-icon layui-icon-add-1"></i>{{ lang006[g_lang] || "添加" }}             </span>             <span class="abtn" malc_white_event="btnevt_rmv">                 <i class="layui-icon layui-icon-delete"></i>{{ lang007[g_lang] || "删除" }}             </span>             <span class="abtn" malc_white_event="btnevt_import">                 <i class="pa-icon pa-upload"></i>{{ lang008[g_lang] || "导入" }}             </span>             <span class="abtn" malc_white_event="btnevt_export">                 <i class="pa-icon pa-download"></i>{{ lang009[g_lang] || "导出" }}             </span>         </div>     </div> </form> <div class="paui-table-card">     <table id="tab_malc_white_list" lay-filter="tab_malc_white_list"></table>     <div class="layui-table-page" id="page_malc_white_list"></div> </div>  <script id="tpl_add_urlwhite" type="text/html">     <form class="layui-form paui-form form-add-urlwhite" lay-filter="form_add_urlwhite" 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_urlwhite" type="hidden">                 <input class="layui-input" name="url" id="url" type="text">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang019[g_lang] || "描述信息" }}</label>             <div class="layui-input-inline">                 <input class="layui-input" name="desc" type="text">             </div>         </div>         <div class="layui-hide">             <button id="submit_add_urlwhite" lay-submit lay-filter="submit_add_urlwhite"></button>         </div>     </form> </script>  <script id="tpl_import_urlwhite" type="text/html">     <form class="layui-form paui-form form-import-urlwhite" lay-filter="form_import_urlwhite" style="padding-top:20px;">         <div class="layui-form-item">              <label class="layui-form-label"></label>              <div class="layui-input-inline" style="width: 300px;">                 <p style="margin-left: -80px;">{{ lang025[g_lang] || "文件格式如下：" }}</p>                 <p>{{ lang026[g_lang] || "1.支持TXT文件，UTF-8编码" }}</p>                 <p>{{ lang027[g_lang] || "2.字段顺序为域名 描述备注(中间用空格隔开，按行显示)" }}</p>                 <button type="button" id="paui-malc-import-white" class="layui-btn layui-btn-sm layui-btn-normal" style="margin-top: 10px;">                  <i class="pa-icon pa-upload"></i>{{ lang028[g_lang] || "选择文件" }}                 </button>             </div>         </div>     </form> </script>  <script>     layui.use(function () {         var $ = layui.$,             util = layui.util,             form = layui.form,             table = layui.table,             upload = layui.upload;          var pa_table = new Paui_table();         var api = '/cgi-bin/proto/ajax_url_cat';         var url_type_list = '';         var select_data = '';          pa_ajax({             url: api,             data: {"action": "lib_url_list"},             success: function(json){                 url_type_list = json.data;                 select_data = addNode(json.data[0], 0);                 layui.each(select_data,function(index,elem){                    var opt = '<option value="'+ elem.title + '">' + elem.title + '</option>';                    $("#firstlevel").append(opt);                 });                 form.render();             }         });          var addNode = function(pNode, index) {         var obj = [];         var node = {};              for (var i = index; i < url_type_list.length; i++) {                 node = { ...url_type_list[i] };                 if(node.pid == pNode.id) {                     if (node.type === 'sysgrp'){                         node.children = Object.values(addNode(node, i+1));                     }                          obj.push(node);                 }             }                  return obj;         };           var event_center = {             btnevt_add: function () {                 paopen({                     title: '{{ lang006[g_lang] || "添加" }}',                     area: ['400px', '200px'],                     content: $("#tpl_add_urlwhite").html(),                     btn: 'default',                     subElem: '#submit_add_urlwhite',                     success: function () {                         form.render();                         form.on('submit(submit_add_urlwhite)', function (obj) {                             pa_ajax({                                 url: api,                                 data: obj.field,                                 success: function (json) {                                     layer.closeAll();                                     if (json.code != 0){                                        alert_err(json.msg);                                     }else {                                         alert_ok(json.msg);                                         table_search();                                     }                                 }                             });                             return false;                         });                     }                 });             },              btnevt_rmv: function () {                 var data = [];                 var chk = table.checkStatus('tab_malc_white_list');                 if (chk.data.length == 0) {                     layer.msg('{{ lang012[g_lang] || "请选择需要删除的对象" }}');                     return;                 }                 layui.each(chk.data, function (index, elem) {                     data.push(elem.urlid);                 });                 pa_confirm('{{ lang013[g_lang] || "确定要删除选中对象吗？" }}', function (index) {                     pa_ajax({                         url: api,                         data: { "action": "remove_urlwhite", "urlid": data.join(',') },                         success: function (json) {                             if (json.code != 0) {                                 alert_err(json.msg);                             } else {                                 alert_ok(json.msg);                                 table_search();                             }                         }                     });                 });             },              btnevt_import:function () {                 paopen({                     title: '{{ lang022[g_lang] || "导入域名白名单" }}',                     area: ['500px', '200px'],                     content: $("#tpl_import_urlwhite").html(),                     success: function () {                         form.render();                         paui_upload({                            elem: '#paui-malc-import-white'                            , url: api                            , data: { 'action': 'import_urlwhite_csv' }                            , accept: 'file'                            , done: function (json) {                                 layer.closeAll();                                 table_search();                             if (json.code != 0)                                 alert_err(json.msg);                            else                                 alert_ok(json.msg);                             }                            , before: function () {                                layer.load();                             }                        });                     }                 });             },              btnevt_export: function () {                 pa_confirm('{{ lang014[g_lang] || "确定要导出吗？" }}', function (index) {                     layer.close(index);                     pa_ajax({                         url: api,                         data: { 'action': 'export_urlwhite_csv' },                         success: function (json) {                             if (json.code != 0)                                 alert_err(json.msg);                             else                                 web_download(json.data);                         }                     });                 });             },              tabevt_edit: function(obj){                 paopen({                     title: '{{ lang020[g_lang] || "编辑" }}',                     area: ['400px', '200px'],                     content: $("#tpl_add_urlwhite").html(),                     btn: 'default',                     subElem: '#submit_add_urlwhite',                     success: function () {                         $("#url").prop("readonly","readonly");                          form.val("form_add_urlwhite",obj.data);                         form.render();                         form.on('submit(submit_add_urlwhite)', function (obj) {                             pa_ajax({                                 url: api,                                 data: obj.field,                                 success: function (json) {                                     layer.closeAll();                                     if (json.code != 0){                                        alert_err(json.msg);                                     }else {                                         alert_ok(json.msg);                                         table_search();                                     }                                 }                             });                             return false;                         });                     }                 });             },              tabevt_rmv: function (obj) {                 pa_confirm('{{ lang015[g_lang] || "确定要删除吗？" }}', function (index) {                     layer.close(index);                     obj.data.action = "remove_urlwhite";                     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_urlwhite_search');             pa_table.reload({                 where: search             });         };           /* 页面渲染 */         form.render();          pa_table.render({             elem: '#tab_malc_white_list',             height: 'full-190',             page: true,             pageElem: 'page_malc_white_list',             pageType: 'web',             url: api,             where: { 'action': 'load_urlwhite_list' },             parseData: function (json) {                 var data = [];                 json.count = json.data.total;                 json.data = json.data.data;                 return json;             },             cols: [[                 { type: 'checkbox' }                 , { type: 'numbers', title: '{{ lang016[g_lang] || "序号" }}' }                 , { field: 'url', title: '{{ lang017[g_lang] || "白名单对象" }}' }                 , { field: 'desc', title: '{{ lang019[g_lang] || "描述信息" }}' }                 , {                     field: 'act', title: '{{ lang018[g_lang] || "操作" }}', width: 80, align: 'right', templet: function (r) {                         return '<span class="abtn" lay-event="tabevt_edit"><i class="layui-icon layui-icon-edit"></i></span><span class="abtn" lay-event="tabevt_rmv"><i class="layui-icon layui-icon-delete"></i></span>';                     }                 }             ]]         });           /* 事件绑定 */         util.event('malc_white_event', event_center);          table.on('tool(tab_malc_white_list)', function (obj) {             event_center[obj.event](obj);         });          form.on('select(select_firstlevel_search)', function(obj){             var firstlevel = $("#firstlevel").val();             $("#secondlevel").html('');             var opt = '<option value="">{{ lang004[g_lang] || "全部分类" }}</option>';             $("#secondlevel").append(opt);             layui.each(select_data,function(index,elem){                 if(firstlevel == elem.title){                     layui.each(elem.children,function(index_,elem_){                         var opt_ = '<option value="'+ elem_.title + '">' + elem_.title + '</option>';                             $("#secondlevel").append(opt_);                     });                 }             });             form.render();             table_search();         });          form.on('select(select_secondlevel_search)', table_search);         form.on('input-affix(clear_urlwhite_search)', table_search);         form.on('submit(submit_urlwhite_search)', function (obj) {             table_search();             return false;         });      }); </script>