{{# var lang001 = {"ch": "用户组", "en": "User Group"}, lang002 = {"ch": "账号", "en": "Account"}, lang003 = {"ch": "名称不能为空", "en": "Name cannot be empty"}, lang004 = {"ch": "后缀从1开始自动递增", "en": "Suffix automatically increments starting from 1"}, lang005 = {"ch": "密码", "en": "Password"}, lang006 = {"ch": "账号密码不能为空", "en": "Account and Password cannot be empty"}, lang007 = {"ch": "截止日期", "en": "Expiration Date"}, lang008 = {"ch": "添加数量", "en": "Quantity to Add"}, lang009 = {"ch": "最大值2000", "en": "Maximum value is 2000"}, lang010 = {"ch": "提交至待添加列表", "en": "Submit to Pending List"}, lang011 = {"ch": "待添加列表", "en": "Pending List"}, lang012 = {"ch": "账号重复时", "en": "If Account Duplicates"}, lang013 = {"ch": "覆盖", "en": "Overwrite"}, lang014 = {"ch": "跳过", "en": "Skip"}, lang015 = {"ch": "添加", "en": "Add"}, lang016 = {"ch": "序号", "en": "No."}, lang017 = {"ch": "账号", "en": "Account"}, lang018 = {"ch": "密码", "en": "Password"}, lang019 = {"ch": "用户组", "en": "User Group"}, lang020 = {"ch": "截止日期", "en": "Expiration Date"}, lang021 = {"ch": "姓名", "en": "Full Name"}, lang022 = {"ch": "身份证", "en": "ID Number"}, lang023 = {"ch": "联系电话", "en": "Contact Phone"}, lang024 = {"ch": "其他信息", "en": "Notes"}, lang025 = {"ch": "操作", "en": "Action"}, lang026 = {"ch": "姓名", "en": "Full Name"}, lang027 = {"ch": "身份证", "en": "ID Number"}, lang028 = {"ch": "联系电话", "en": "Contact Phone"}, lang029 = {"ch": "其他信息", "en": "Notes"}, lang030 = {"ch": "日期输入错误", "en": "Date input error"}, lang031 = {"ch": "已达到每次添加上限，建议分批次添加", "en": "The maximum limit per batch has been reached. It is recommended to add in smaller batches"}, lang032 = {"ch": "添加成功", "en": "Added successfully"}, lang033 = {"ch": "最大值2000", "en": "Maximum value is 2000"}, 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_addm_acct_value" style="margin-top:20px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang001[g_lang] || "用户组" }}</label> <div class="layui-input-inline"> <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" value="auto_" lay-verify="required|isName" lay-reqText='{{ lang003[g_lang] || "名称不能为空" }}' class="layui-input" maxlength="30"> </div> <div class="layui-form-mid layui-word-aux">{{ lang004[g_lang] || "后缀从1开始自动递增" }}</div> </div> <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" maxlength="30"> </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="expire" id="paui-input-expire" 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="add_num" lay-verify="required|number" placeholder='{{ lang009[g_lang] || "最大值2000" }}' class="layui-input"> </div> <div class="layui-form-mid"> <span class="abtn" lay-submit lay-filter="submit_to_waitting">{{ lang010[g_lang] || "提交至待添加列表" }}</span> </div> </div> </form>  <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;"> <legend>{{ lang011[g_lang] || "待添加列表" }}</legend> </fieldset>   <form class="layui-form" style="margin:10px"> <div class="layui-form-item"> <label class="layui-form-label">{{ lang012[g_lang] || "账号重复时" }}</label> <div class="layui-input-inline" style="width:146px; margin-right:0px;"> <input type="radio" name="exist" value="cover" title='{{ lang013[g_lang] || "覆盖" }}'> <input type="radio" name="exist" value="next" title='{{ lang014[g_lang] || "跳过" }}' checked> </div> <div class="layui-input-inline" style="margin-top:5px"> <span class="abtn" id="btn_add_acct"> <i class="layui-icon layui-icon-add-1"></i>{{ lang015[g_lang] || "添加" }} </span> </div> </div> <style>#tab_addm_account td{ padding: 5px}</style> <table class="layui-table" id="tab_addm_account" cellspacing="0" cellpadding="0" border="0" lay-skin="line" lay-size="sm" style="width: 100%;"> <thead> <tr> <td style="width:3%">{{ lang016[g_lang] || "序号" }}</td> <td style="width:10%">{{ lang017[g_lang] || "账号" }}</td> <td style="width:10%">{{ lang018[g_lang] || "密码" }}</td> <td style="width:12%">{{ lang019[g_lang] || "用户组" }}</td> <td style="width:12%">{{ lang020[g_lang] || "截止日期" }}</td> <td style="width:10%">{{ lang021[g_lang] || "姓名" }}</td> <td style="width:12%">{{ lang022[g_lang] || "身份证" }}</td> <td style="width:12%">{{ lang023[g_lang] || "联系电话" }}</td> <td style="width:16%">{{ lang024[g_lang] || "其他信息" }}</td> <td style="width:3%; text-align:right">{{ lang025[g_lang] || "操作" }}</td> </tr> </thead> <tbody></tbody> </table> <div class="layui-hide"> <button lay-submit lay-filter="submit_addm_account" id="submit_addm_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_addm_acct_tr" type="text/html"> {%# for(var i = 0; i < d.add_num; i++) { var num = d.start_num + i; var name = d.name != "" ? d.name + (num + 1): ""; %} <tr> <td class="add_acct_tag">{% num + 1 %}</td> <td> <input type="text" name="name_{% num %}" value="{% name %}" placeholder='{{ lang002[g_lang] || "账号" }}' lay-verify="required|isName" class="layui-input"> </td> <td> <input type="text" name="pswd_{% num %}" value="{% d.passwd %}" placeholder='{{ lang003[g_lang] || "密码" }}' lay-verify="required|isName" class="layui-input"> </td> <td> <select name="pool_{% num %}" lay-verify="required" lay-search> {%# layui.each(d.pool, function(index, elem){ if(elem.id == d.poolid) { %} <option value={% elem.id %} selected>{% elem.name %}</option> {%# } else { %} <option value={% elem.id %}>{% elem.name %}</option> {%# } }); %} </select> </td> <td> <input type="text" name="expire_{% num %}" value="{% d.expire %}" lay-verify="required|isDate" placeholder='{{ lang020[g_lang] || "截止日期" }}:yyyy-MM-dd' class="layui-input"> </td> <td> <input type="text" name="cname_{% num %}" placeholder='{{ lang026[g_lang] || "姓名" }}' lay-verify="isName" class="layui-input"> </td> <td> <input type="text" name="idcard_{% num %}" placeholder='{{ lang027[g_lang] || "身份证" }}' lay-verify="isName" class="layui-input"> </td> <td> <input type="text" name="telphone_{% num %}" placeholder='{{ lang028[g_lang] || "联系电话" }}' lay-verify="isName" class="layui-input"> </td> <td> <input type="text" name="other_{% num %}" placeholder='{{ lang029[g_lang] || "其他信息" }}' lay-verify="isName" class="layui-input"> </td> <td align="right"> <span class="abtn btn_tmpl_acct_del"><i class="layui-icon layui-icon-delete"></i></span> </td> </tr> {%# } %} </script>  <script> layui.use(function(){ var $ = layui.$, util = layui.util, form = layui.form, patpl = layui.patpl, laydate = layui.laydate;  var group_api = '/cgi-bin/object/ajax_user_group'; var acct_api = '/cgi-bin/object/ajax_user_account';  var l_group = []; var l_today = util.toDateString((new Date()).getTime(), 'yyyy-MM-dd');   form.verify({ isDate: function(value, item){ if(value.split("-").length != 3) return '{{ lang030[g_lang] || "日期输入错误" }}：yyyy-MM-dd'; }, });   var add_item = function(data){ data.pool = l_group; data.start_num = parseInt($("#tab_addm_account tbody tr").length);  if(data.start_num > 2000) { alert_err('{{ lang031[g_lang] || "已达到每次添加上限，建议分批次添加" }}'); return false; };  var total = data.start_num + parseInt(data.add_num);  if (total > 2000) data.add_num = 2000 - data.start_num;  patpl($("#tpl_addm_acct_tr").html()).render(data, function(html){ $("#tab_addm_account tbody").append(html); });  form.render();  $(".btn_tmpl_acct_del").off("click"); $(".btn_tmpl_acct_del").on("click", rmv_item); };   var rmv_item = function() { $(this).parents("tr").remove();  var cur_row = $("#tab_addm_account tbody tr").length;  for(var i = 0; i < cur_row; i++){ var obj_tr = $("#tab_addm_account tbody tr").eq(i);  obj_tr.find('td[class="add_acct_tag"]').text(i+1);  for(var x = 0; x < $(obj_tr).find("input").length; x++){ var ipt = $(obj_tr).find("input").eq(x); if(ipt.attr("name") == undefined) continue; var new_name = ipt.attr("name").split("_")[0] + "_" + i; ipt.attr("name", new_name); }  for(var x = 0; x < $(obj_tr).find("select").length; x++){ var sel = $(obj_tr).find("select").eq(x); if(sel.attr("name") == undefined) continue; var new_name = sel.attr("name").split("_")[0] + "_" + i; sel.attr("name", new_name); } } };   var add_submit = function(obj){ var have_error = 0; var self_index = $(obj.elem).parents(".layui-layer-page").attr("times"); var total_num = Number($("#tab_addm_account tbody tr").length); var need_loop  = Math.ceil( total_num / 100 );  for(var i = 0; i < need_loop; i++) { var start_num = i * 100; var end_num = start_num + 100; if(end_num > total_num) end_num = total_num;  var items = ""; for(var x = start_num; x < end_num; x++) { items += obj.field["name_" + x]; items += ";" + obj.field["pswd_" + x]; items += ";" + obj.field["pool_" + x]; items += ";" + obj.field["expire_" + x]; items += ";" + obj.field["cname_" + x]; items += ";" + obj.field["idcard_" + x]; items += ";" + obj.field["telphone_" + x]; items += ";" + obj.field["other_" + x]; items += "+" };  pa_ajax({ url: acct_api + "?action=addm_user_account&items=" + items + "&start_num=" + start_num + "&exist=" + obj.field.exist, async: false, success: function(json){ if(json.code != 0) { alert_err(json.msg); have_error = 1; } }, error: function(){ have_error = 1; layer.closeAll("loading"); } });  if(have_error == 1) break; };  layer.closeAll("loading"); $("#btn_reload_group").attr("type", "acct").click();  if(have_error == 0) { layer.close(self_index); $("#btn_reload_local_acct").click(); $("#btn_reload_local_acct").click(); alert_ok('{{ lang032[g_lang] || "添加成功" }}'); } };   layer.load(); form.render();   laydate.render({ elem: '#paui-input-start' ,value: l_today ,lang: g_lang });   laydate.render({ elem: '#paui-input-expire' ,value: l_today ,lang: g_lang });   pa_ajax({ url: group_api,  data: {"action": "load_add_env"}, success: function(json){ layer.closeAll("loading"); l_group = json.data.ippool;  patpl($("#tpl_pid").html()).render(l_group, function(htmlstr){ $("#paui-addacct-selec-pid").append(htmlstr); });  form.render(); } });   $("#btn_add_acct").on("click", function(){ var data = { expire: "", name: "", add_num: 1, passwd: "", poolid: "" };  add_item(data); });   form.on('submit(submit_to_waitting)', function(obj){ if(obj.field.add_num > 2000) { alert_err('{{ lang033[g_lang] || "最大值2000" }}'); return false; };  layer.load(); setTimeout(function(){ add_item(obj.field); layer.closeAll("loading"); }, 100);  return false; });   form.on('submit(submit_addm_account)', function(obj){ pa_confirm('{{ lang034[g_lang] || "确定要提交吗" }}？', function(index){ layer.close(index); layer.load(); setTimeout(function(){ add_submit(obj); }, 100); });  return false; });  }); </script>