{{# var lang001 = {"ch": "用户组", "en": "User Group"}, lang002 = {"ch": "账号", "en": "Account"}, lang003 = {"ch": "账号不能为空", "en": "Account cannot be empty"}, lang004 = {"ch": "创建时间", "en": "Creation Time"}, lang005 = {"ch": "密码", "en": "Password"}, lang006 = {"ch": "密码不能为空", "en": "Password cannot be empty"}, lang007 = {"ch": "开通日期", "en": "Start Date"}, lang008 = {"ch": "截止日期", "en": "Expiration Date"}, lang009 = {"ch": "加时间", "en": "Add Time"}, lang010 = {"ch": "加1月", "en": "Add 1 Month"}, lang011 = {"ch": "加3月", "en": "Add 3 Months"}, lang012 = {"ch": "加半年", "en": "Add 6 Months"}, lang013 = {"ch": "加1年", "en": "Add 1 Year"}, lang014 = {"ch": "代理信息", "en": "Proxy Information"}, lang015 = {"ch": "网络接口", "en": "Network Interface"}, lang016 = {"ch": "数据包经由此接口转发给外部运营商", "en": "Packets are forwarded to the external operator via this interface"}, lang017 = {"ch": "外层VLAN", "en": "Outer VLAN"}, lang018 = {"ch": "内层VLAN", "en": "Inner VLAN"}, lang019 = {"ch": "限定信息", "en": "Limiting Information"}, lang020 = {"ch": "最大在线", "en": "Max Online Sessions"}, lang021 = {"ch": "绑定VLAN", "en": "Bind VLAN"}, lang022 = {"ch": "0表示不绑定", "en": "0 means unbound"}, lang023 = {"ch": "绑定IP", "en": "Bind IP"}, lang024 = {"ch": "0.0.0.0或为空表示不绑定", "en": "0.0.0.0 or blank means unbound"}, lang025 = {"ch": "绑定MAC", "en": "Bind MAC"}, lang026 = {"ch": "00-00-00-00-00-00表示不绑定，多个MAC用逗号隔开", "en": "00-00-00-00-00-00 means unbound; separate multiple MACs with commas"}, lang027 = {"ch": "身份信息", "en": "Identity Information"}, lang028 = {"ch": "姓名", "en": "Full Name"}, lang029 = {"ch": "身份证", "en": "ID Number"}, lang030 = {"ch": "联系电话", "en": "Contact Phone"}, lang031 = {"ch": "其他信息", "en": "Notes"}, lang032 = {"ch": "不超过40个英文字符", "en": "No more than 40 characters"}, lang033 = {"ch": "网络接口不能为空", "en": "Network interface cannot be empty"}, lang034 = {"ch": "确定要提交吗", "en": "Confirm to submit?"}; }}  <style>.paui-add-user-acct .layui-form-label{width:90px}</style>  <form class="layui-form paui-form paui-add-user-acct" lay-filter="form_add_user_acct" style="margin-top:20px"> {{# if(d.action == "add_user_account") { }} <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "用户组" }}</label> <div class="layui-input-inline"> <input type="hidden" name="action" value='{{d.action || "add_user_account"}}'> <input type="hidden" name="acct_type" value='{{d.acct_type || "local"}}'> <select name="poolid" id="paui-addacct-selec-pid" lay-verify="required" lay-search></select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "账号" }}</label> <div class="layui-input-inline"> <input type="text" name="name" lay-verify="required|isName" lay-reqText='{{ lang003[g_lang] || "名称不能为空" }}' class="layui-input"> </div> </div> {{# } else { }} <div class="layui-form-item"> <label class="layui-form-label">{{ lang002[g_lang] || "账号" }}</label> <div class="layui-form-mid">{{d.account}}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang004[g_lang] || "创建时间" }}</label> <div class="layui-form-mid paui-text-birth">1970-01-01/08:00:00</div> </div> {{# if(d.acct_type == "local") { }} <div class="layui-form-item"> <label class="layui-form-label">安全组</label> <div class="layui-form-mid" id="paui-user-srgroup"></div> </div> {{# } }} <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "用户组" }}</label> <div class="layui-input-inline"> <input type="hidden" name="action" value='{{d.action || "add_user_account"}}'> <input type="hidden" name="acct_type" value='{{d.acct_type || "local"}}'> <input type="hidden" name="name" value='{{d.account}}'> <select name="poolid" id="paui-addacct-selec-pid" lay-verify="required" lay-search></select> </div> </div> {{# } }}  {{# if(d.acct_type == "local") { }} <div class="layui-form-item"> <label class="layui-form-label">{{ lang005[g_lang] || "密码" }}</label> <div class="layui-input-inline"> <input type="text" name="passwd" lay-verify="required|isName" lay-reqText='{{ lang006[g_lang] || "密码不能为空" }}' class="layui-input"> </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="start" id="paui-input-start" lay-verify="required"  class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang008[g_lang] || "截止日期" }}</label> <div class="layui-input-inline"> <input type="text" name="expire" id="paui-input-expire" lay-verify="required" class="layui-input"> </div> <div class="layui-form-mid paui-btn-hover"> <span class="abtn"><i class="layui-icon layui-icon-add-1"></i>{{ lang009[g_lang] || "加时间" }}</span> <dl class="layui-nav-child layui-anim layui-anim-upbit" style="top:30px;"> <dd> <span class="abtn paui-account-act" add="1"> <i class="layui-icon layui-icon-add-1"></i>{{ lang010[g_lang] || "加1月" }} </span> </dd> <dd> <span class="abtn paui-account-act" add="3"> <i class="layui-icon layui-icon-add-1"></i>{{ lang011[g_lang] || "加3月" }} </span> </dd> <dd> <span class="abtn paui-account-act" add="6"> <i class="layui-icon layui-icon-add-1"></i>{{ lang012[g_lang] || "加半年" }} </span> </dd> <dd> <span class="abtn paui-account-act" add="12"> <i class="layui-icon layui-icon-add-1"></i>{{ lang013[g_lang] || "加1年" }} </span> </dd> </dl> </div> </div>  {{# if(d.acct_type == "proxy") { }} <fieldset class="layui-elem-field layui-field-title"> <legend> <span class="abtn paui-add-more" target="#paui-addacct-proxy"> {{ lang014[g_lang] || "代理信息" }}&nbsp; <i class="layui-icon layui-icon-up" style="font-size:12px"></i> </span> </legend> </fieldset>  <div id="paui-addacct-proxy"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang020[g_lang] || "最大在线" }}</label> <div class="layui-input-inline"> <input type="text" name="maxonline" value="1" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang015[g_lang] || "网络接口" }}</label> <div class="layui-input-inline" id="paui-addacct-select-outif"> <select name="outif"></select> </div> <div class="layui-form-mid layui-word-aux">{{ lang016[g_lang] || "数据包经由此接口转发给外部运营商" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang017[g_lang] || "外层VLAN" }}</label> <div class="layui-input-inline"> <input type="text" name="outvlan" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang018[g_lang] || "内层VLAN" }}</label> <div class="layui-input-inline"> <input type="text" name="outvlan1" class="layui-input"> </div> </div> </div> {{# } else { }} <fieldset class="layui-elem-field layui-field-title"> <legend> <span class="abtn paui-add-more" target="#paui-addacct-limit"> {{ lang019[g_lang] || "限定信息" }}&nbsp; <i class="layui-icon layui-icon-up" style="font-size:12px"></i> </span> </legend> </fieldset>  <div id="paui-addacct-limit" class="layui-anim layui-anim-upbit"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang020[g_lang] || "最大在线" }}</label> <div class="layui-input-inline"> <input type="text" name="maxonline" value="1" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang021[g_lang] || "绑定VLAN" }}</label> <div class="layui-input-inline"> <input type="text" name="outvlan" value="0" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang022[g_lang] || "0表示不绑定" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang023[g_lang] || "绑定IP" }}</label> <div class="layui-input-inline"> <input type="text" name="bindip" value="0.0.0.0"  lay-verify="isIP" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux">{{ lang024[g_lang] || "0.0.0.0或为空表示不绑定" }}</div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang025[g_lang] || "绑定MAC" }}</label> <div class="layui-input-inline" style="width:540px"> <input type="text" name="bindmac" value="00-00-00-00-00-00" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux"> {{ lang026[g_lang] || "00-00-00-00-00-00表示不绑定，多个MAC用逗号隔开" }} </div> </div> </div> {{# } }} <fieldset class="layui-elem-field layui-field-title"> <legend> <span class="abtn paui-add-more" target="#paui-addacct-info"> {{ lang027[g_lang] || "身份信息" }}&nbsp;<i class="layui-icon layui-icon-up" style="font-size:12px"></i> </span> </legend> </fieldset>  <div id="paui-addacct-info" class="layui-anim layui-anim-upbit"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang028[g_lang] || "姓名" }}</label> <div class="layui-input-inline"> <input type="text" name="cname" lay-verify="isName" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang029[g_lang] || "身份证" }}</label> <div class="layui-input-inline"> <input type="text" name="card" lay-verify="isName" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang030[g_lang] || "联系电话" }}</label> <div class="layui-input-inline"> <input type="text" name="phone" lay-verify="isName" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">{{ lang031[g_lang] || "其他信息" }}</label> <div class="layui-input-inline" style="width:540px"> <input type="text" name="other" lay-verify="isName" class="layui-input" maxlength="40"> </div> </div> </div>  <div class="layui-hide"> <button lay-submit lay-filter="submit_add_account" id="submit_add_account"></button> </div> </form>  <script id="tpl_pid" type="text/html"> {%# layui.each(d, function(_, elem){ %} <option value="{% elem.id %}">{% elem.name %}</option> {%# }); %} </script>  <script id="tpl_interface" type="text/html"> <select name="outif" lay-verify="required" lay-reqText='{{ lang033[g_lang] || "网络接口不能为空" }}'> {%# layui.each(d, function(_, elem){ if(elem.type == "inside") return; %} <option value="{% elem.name %}">{% elem.name %}</option> {%# }); %} </select> </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, patpl = layui.patpl, layer = layui.layer, laydate = layui.laydate;  var group_api = '/cgi-bin/object/ajax_user_group'; var acct_api = '/cgi-bin/object/ajax_user_account'; var l_today = util.toDateString((new Date()).getTime(), 'yyyy-MM-dd');   var render_select = function(data){ layer.closeAll("loading");  patpl($("#tpl_pid").html()).render(data.ippool, function(htmlstr){ $("#paui-addacct-selec-pid").append(htmlstr); });  patpl($("#tpl_interface").html()).render(data.if, function(htmlstr){ $("#paui-addacct-select-outif").html(htmlstr); }); };   $(".paui-add-more").on("click", function(){ var target = $(this).attr("target"); var node = $(target); var display = layui.getStyle(node[0], "display");  if(display == "block") { node.css("display", "none"); $(this).find("i").attr("class", "layui-icon layui-icon-down"); } else { node.css("display", "block"); $(this).find("i").attr("class", "layui-icon layui-icon-up"); } });   form.render(); layer.load();   laydate.render({ elem: '#paui-input-start' ,value: l_today ,lang: g_lang });   laydate.render({ elem: '#paui-input-expire' ,value: l_today ,lang: g_lang });   {{# if(d.action == "edit_user_account") { }} pa_ajax({ url: group_api, data: {"action": "load_edit_acct_env", "account": "{{d.account}}"}, success: function(json){ render_select(json.data); form.val("form_add_user_acct", json.data.acct); $(".paui-text-birth").text(json.data.acct.birth); $("#paui-user-srgroup").text(json.data.acct.sgnamelist); } }); {{# } else { }} pa_ajax({ url: group_api, data: {"action": "load_add_env"}, success: function(json){ render_select(json.data); form.val("form_add_user_acct", {"poolid": "{{d.pool_id}}"}); } }); {{# } }}   $(".paui-account-act").on("click", function(){ var ctl = $('#paui-input-expire'), d1 = ctl.val().trim();  if(d1 == '') return;  var addm = parseInt($(this).attr("add")), d2=0;  var t, pos, y, m, om, d, od, pd, pt, md = [31,28,31,30,31,30,31,31,30,31,30,31];  if((pos = d1.indexOf(' ')) !== -1){ pt = d1.substr(pos+1); pd = d1.substr(0,pos); }else{ pt = '23:59'; pd = d1; }  pd = pd.split('-');  y = parseInt(pd[0],10); om = m = parseInt(pd[1], 10); od = d = parseInt(pd[2], 10);  if (addm + m > 12) { y++; m = addm+m-12; } else { m = m + addm; }  if (y % 4 == 0) md[1] = 29; if (md[om-1] == od) d = md[m-1];  m = '0' + m; d = '0' + d; d2 = y + '-' + m.substr(m.length-2) + '-' + d.substr(d.length-2); ctl.val(d2); });   $(".paui-btn-hover").on('mouseenter', function(){ $(this).find("dl").show(); }).on('mouseleave', function(){ $(this).find("dl").hide(); });   form.on('submit(submit_add_account)', function(obj){ var self_index = $(obj.elem).parents(".layui-layer-page").attr("times"); pa_confirm('{{ lang034[g_lang] || "确定要提交吗" }}？', function(index){ layer.close(index); pa_ajax({ url: acct_api, data: obj.field, success: function(json){ if(json.code != 0){ alert_err(json.msg); } else { layer.close(self_index); {{# if(d.acct_type == "proxy") { }} $("#btn_reload_proxy_acct").click(); {{# } else { }} $("#btn_reload_local_acct").click(); {{# } }} alert_ok(json.msg); } } }); }); return false; });  }); </script>