{{#  var lang001 = {"ch": "基础配置", "en": "Basic Configuration"}, lang002 = {"ch": "高级配置", "en": "Advanced Configuration"}, lang003 = {"ch": "日志", "en": "Log"}, lang004 = {"ch": "攻击防护", "en": "Attack Protection"}, lang005 = {"ch": "当前攻击", "en": "Real-time Attacks"},     lang006 = {"ch": "历史攻击", "en": "Historical Attacks"}; }}  <div class="layui-tab layui-tab-brief paui-page-attackpro" lay-filter="menu_attackpro"> <ul class="layui-tab-title paui-attackpro-title">         <li>{{ lang001[g_lang] || "基础配置" }}</li>         <li>{{ lang002[g_lang] || "高级配置" }}</li>         <li>{{ lang005[g_lang] || "当前攻击" }}</li> <li>{{ lang006[g_lang] || "历史攻击" }}</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show paui-attackpro-content"></div> </div> </div>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, table = layui.table,     patpl = layui.patpl, element = layui.element, laytpl = layui.laytpl;  var api = '/cgi-bin/protection/ajax_attackpro'; var target = [ "protection/attackpro_config", "protection/attackpro_list", "protection/attackpro_log_list","protection/attackpro_log_list" ];      var render_data = {         module: 'attackpro',         view_title: '{{ lang004[g_lang] || "攻击防护" }}',         view_api: 'ajax_attackpro',         view_url: 'protection/attackpro_main',         in_content: true, id: '{{d.id||""}}', name: '{{d.name||""}}',         pop_route: '{{d.pop_route ||""}}',         pop_title: '{{d.pop_title ||""}}'     };  /* 页面渲染 */ form.render();    element.on('tab(menu_attackpro)', function(obj){ var index = obj.index;  if(index == 2){ render_data.state = "event"; } if(index == 3){ render_data.state = "log"; }  pa_get_html('/html/' + target[index] + '.html', function(html){ laytpl(html).render(render_data, function(string){ $(".paui-attackpro-content").html(string); }); }); });   $(".paui-attackpro-title li").eq(0).trigger("click"); }); </script>