{{# var lang001 = {"ch": "临时账号", "en": "Temporary Account"},     lang002 = {"ch": "动态密码", "en": "Dynamic Password"},     lang003 = {"ch": "参数设置", "en": "Settings"},     lang004 = {"ch": "临时账号登录", "en": "Temporary Account Login"},     lang005 = {"ch": "允许登录", "en": "Allow"},     lang006 = {"ch": "禁止登录", "en": "Forbid"},     lang007 = {"ch": "最大空闲时间", "en": "Max Idle Time"},     lang008 = {"ch": "秒,账号创建后，最大的空闲时间，超过此时间后没有用户用就自动删除", "en": "Seconds. If the account stays idle longer than this time after creation, it will be automatically deleted."},     lang009 = {"ch": "最大使用时间", "en": "Max Usage Time"},     lang010 = {"ch": "秒,账号的最长在线时间，超过此时间，自动下线并删除", "en": "Seconds. If the account stays online longer than this time, it will be forced offline and deleted."},     lang011 = {"ch": "确定", "en": "Submit"},     lang012 = {"ch": "账号列表", "en": "Account List"},     lang013 = {"ch": "添加", "en": "Add"},     lang014 = {"ch": "1. 动态密码可以用于网吧等经营场所的WIFI防蹭网", "en": "1. Dynamic password can be used for WiFi anti-squatting in Internet cafés and similar venues."},     lang015 = {"ch": "2. 动态密码只能通过PC机访问产生，用手机或iPad等移动终端无效", "en": "2. The dynamic password can only be generated via PC. It does not work on mobile phones or tablets."},     lang016 = {"ch": "3. 在PC机上访问链接", "en": "3. Access the link on a PC"},     lang017 = {"ch": "获取动态账号和密码", "en": "to obtain the dynamic account and password."},     lang018 = {"ch": "4. 本功能需要开启WEB认证才可以用，请在应用商店里安装并开启WEB认证", "en": "4. This function requires Web Authentication. Please install and enable it in the App Store."},     lang019 = {"ch": "账号", "en": "Account"},     lang020 = {"ch": "密码", "en": "Password"},     lang021 = {"ch": "添加临时账号", "en": "Add Temporary Account"},     lang022 = {"ch": "确定要删除该账号?", "en": "Confirm to delete this account?"},     lang023 = {"ch": "序号", "en": "No."},     lang024 = {"ch": "名称", "en": "Name"},     lang025 = {"ch": "登录密码", "en": "Login Password"},     lang026 = {"ch": "在线IP", "en": "Online IP"},     lang027 = {"ch": "剩余时间(秒)", "en": "Remaining Time (s)"},     lang028 = {"ch": "操作", "en": "Actions"},     lang029 = {"ch": "确定要提交吗？", "en": "Confirm to submit?"};  }} <style>      .paui-webauth-app-status{     padding: 2px 5px;     margin-left: 15px;     font-size: 11px;     background: #4E97EE;     color: #fff; } </style> <div class="layui-tab layui-tab-brief">     <ul class="layui-tab-title">         <li class="layui-this">{{ lang001[g_lang] || "临时账号" }}</li>         <li>{{ lang002[g_lang] || "动态密码" }}</li>     </ul>     <div class="layui-tab-content">         <div class="layui-tab-item layui-show">             <div class="layui-card">                 <div class="layui-card-header">{{ lang003[g_lang] || "参数设置" }}</div>                 <div class="layui-card-body">                     <form class="layui-form paui-form" lay-filter="form_pppoeacct_stat" style="padding:10px 0px">                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang004[g_lang] || "临时账号登录" }}</label>                             <div class="layui-input-inline">                                 <input type="hidden" name="action" value="set_pppoeacct_stat">                                 <select name="templogin_enable">                                     <option value="1">{{ lang005[g_lang] || "允许登录" }}</option>                                     <option value="0">{{ lang006[g_lang] || "禁止登录" }}</option>                                 </select>                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang007[g_lang] || "最大空闲时间" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="tempuser_ttl0" class="layui-input">                             </div>                             <div class="layui-form-mid layui-word-aux">                                 {{ lang008[g_lang] || "秒,账号创建后，最大的空闲时间，超过此时间后没有用户用就自动删除" }}                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">{{ lang009[g_lang] || "最大使用时间" }}</label>                             <div class="layui-input-inline">                                 <input type="text" name="tempuser_ttl1" class="layui-input">                             </div>                             <div class="layui-form-mid layui-word-aux">                                 {{ lang010[g_lang] || "秒,账号的最长在线时间，超过此时间，自动下线并删除" }}                             </div>                         </div>                         <div class="layui-form-item">                             <label class="layui-form-label">&nbsp;</label>                             <div class="layui-input-inline">                                 <button class="layui-btn layui-btn-sm layui-btn-normal"                                 lay-submit lay-filter="submit_pppoeacct_stat">{{ lang011[g_lang] || "确定" }}</button>                             </div>                         </div>                     </form>                 </div>             </div>              <div class="layui-card" style="margin-top: 10px;">                 <div class="layui-card-header">                     <span>{{ lang012[g_lang] || "账号列表" }}</span>                     <div class="paui-card-tool">                         <span class="abtn" tmplacct-event="btnevt_add">                             <i class="layui-icon layui-icon-add-1"></i>{{ lang013[g_lang] || "添加" }}                         </span>                     </div>                 </div>                 <div class="layui-card-body">                     <div class="paui-table-card">                         <table id="tab_tmpl_acct" lay-filter="tab_tmpl_acct"></table>                     </div>                 </div>             </div>         </div>         <div class="layui-tab-item"> <div class="layui-row" id="paui-box-wifitoken"></div>         </div>     </div> </div>  <script id="tpl_wifitoken" type="text/html">     <blockquote class="layui-elem-quote paui-bg-gray">         {%#             var url = "http://" + d.mgtip + ":8080/wifitoken.html";         %}         <div>{{ lang014[g_lang] || "1. 动态密码可以用于网吧等经营场所的WIFI防蹭网" }}</div>         <div style="margin-top:10px">{{ lang015[g_lang] || "2. 动态密码只能通过PC机访问产生，用手机或iPad等移动终端无效" }}</div>         <div style="margin-top:10px">             {{ lang016[g_lang] || "3. 在PC机上访问链接" }}             <span mgtip="{% d.mgtip %}" style="margin:0px 5px; font-size: 14px; font-weight: bold;">                 {%- url %}             </span>             {%- paui_component_copytext(url) %}             {{ lang017[g_lang] || "获取动态账号和密码" }}             <span class="paui-webauth-app-status" id="app_status">-</span>         </div>         <div style="margin-top:10px">{{ lang018[g_lang] || "4. 本功能需要开启WEB认证才可以用，请在应用商店里安装并开启WEB认证" }}</div>     </blockquote> </script>  <script id="tpl_add_tmpl_acct" type="text/html">     <form class="layui-form paui-form" style="padding-top: 20px;">         <div class="layui-form-item">             <label class="layui-form-label">{{ lang019[g_lang] || "账号" }}</label>             <div class="layui-input-inline">                 <input type="hidden" name="action" value="add_tmpl_acct">                 <input type="text" name="user_name" class="layui-input" maxlength="21" lay-filter="required|isNmame">             </div>         </div>         <div class="layui-form-item">             <label class="layui-form-label">{{ lang020[g_lang] || "密码" }}</label>             <div class="layui-input-inline">                 <input type="text" name="password" class="layui-input" maxlength="21" lay-filter="required|isNmame">             </div>         </div>         <div class="layui-hide">             <button id="submit_add_tmpl_acct" lay-submit lay-filter="submit_add_tmpl_acct"></button>         </div>     </form> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     table = layui.table,     patpl = layui.patpl;      var pa_table = new Paui_table();     var api = '/cgi-bin/auth/ajax_tmpl_acct';           var event_center = {         btnevt_wifitoken: function(){             var mgtip = $(this).attr('mgtip');             var url = 'http://'+ mgtip +':8080/wifitoken.html';             ShowWindow(url, "", 640, 700);         },          btnevt_add: function(){             paopen({                 title: '{{ lang021[g_lang] || "添加临时账号" }}',                 area: ['400px', '200px'],                 content: $("#tpl_add_tmpl_acct").html(),                 btn: 'default',                 subElem: '#submit_add_tmpl_acct',                 success: function(){                     form.on('submit(submit_add_tmpl_acct)', 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;                     });                 }             });         },          tabevt_del: function(obj){             pa_confirm('{{ lang022[g_lang] || "确定要删除该账号?" }}', function(index){                 layer.close(index);                 obj.data.action ="rmv_tmpl_acct";                 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 load_config = function(){         pa_ajax({             url: api,             data: {'action': 'load_pppoeacct_stat'},             success: function(json){                 form.val('form_pppoeacct_stat', json.data);                 patpl( $("#tpl_wifitoken").html() ).render(json.data, function(html){                     $("#paui-box-wifitoken").html(html);                 });             }         })     };       var table_search = function(){         pa_table.reload();     };       /* 页面渲染 */     form.render();     load_config();          pa_ajax({         url: api,         data: {action:"check_webauth"},         success: function(json){             $('#app_status').html(json.msg);         }     });      pa_table.render({         elem: '#tab_tmpl_acct',         height: 'full-392',         url: '/cgi-bin/object/ajax_user_account',         where: {'action': 'list_pppoe_account', 'pool_id': 'tmp'},         parseData: function(json){             json.data = json.data.data;             return json;         },         cols: [[             {type: 'numbers', title:'{{ lang023[g_lang] || "序号" }}'}             ,{field: 'account', title: '{{ lang024[g_lang] || "名称" }}'}             ,{field: 'password', title: '{{ lang025[g_lang] || "登录密码" }}'}             ,{field: 'online_ip', title: '{{ lang026[g_lang] || "在线IP" }}'}             ,{field: 'lef_time', title: '{{ lang027[g_lang] || "剩余时间(秒)" }}'}             ,{field:'act', title:'{{ lang028[g_lang] || "操作" }}', width: 90, align:"right", templet: function(r){                 return '<span class="abtn" lay-event="tabevt_del"><i class="layui-icon layui-icon-delete"></i></span>';             }}         ]]     });       /* 事件绑定 */     form.on('submit(submit_pppoeacct_stat)', function(obj){         pa_confirm('{{ lang029[g_lang] || "确定要提交吗？" }}', function(index){             layer.close(index);             pa_ajax({                 url: api,                 data: obj.field,                 success: function(json){                     if(json.code != 0)                         alert_err(json.msg);                     else {                         alert_ok(json.msg);                         load_config();                     }                 }             });         });         return false;     });           /* 事件绑定 */     util.event("tmplacct-event", event_center);     table.on('tool(tab_tmpl_acct)', function(obj){         event_center[obj.event](obj);     });  }); </script>