Zhiqim Account(前端账户管理台)是在ZhiqimManager基础上改造成用于前端注册登录的管理系统,增加组织结构和余额,开放注册组织和组织管理员,可以添加组织内的部门和角色和操作员。并增加该管理台上的一些组件,如充值支付等组件。适用于二级代理管理或该大型组织机构
indexMobile.htm3KB
<!DOCTYPE html>
<html>
<head>
<title>${context.getContextName()}</title>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
${Styles.src(zhiqim.mobile.css)}
${Scripts.src(zhiqim.mobile.js)}
${Scripts.src(jsencrypt.js)}
<style>
.z-bar-top{background-color:#00a2eb;}
</style>
<script>
Z.onload(function()
{//默认焦点
if (Z("#operatorCode").val() == "")
Z("#operatorCode").focus();
else if (Z("#operatorPass").val() == "")
Z("#operatorPass").focus();
else if (Z("#verificationCode").val() == null)
Z("#verificationCode").focus();
else
Z("#operatorCode").focus();
Z(document).keydown(function(e)
{
if (Z.E.key(e) != Z.E.KEY.ENTER)
return;
if (!Z.Dialog.cache.isEmpty())
return;
doLogin();
});
});
function doRememberCode(rememberCode)
{//取消记住账号时,同时取消记住密码
if (!rememberCode.checked)
{
Z("#rememberPass")[0].checked = false;
Z("[data-id=rememberPass]").removeClass("z-active");
}
}
function doRememberPass(rememberPass)
{//记住密码时,同时记住账号
if (rememberPass.checked)
{
Z("#rememberCode")[0].checked = true;
Z("[data-id=rememberCode]").addClass("z-active");
}
}
function doLogin()
{//ajax登陆
var operatorCode = Z("#operatorCode").val();
if (Z.V.isEmptyBlank(operatorCode))
{//账号和密码必填
Z.failure("账号不能为空!");
Z("#operatorCode").focus();
return;
}
var operatorPass = Z("#operatorPass").val();
if (Z.V.isEmptyBlank(operatorPass))
{//账号和密码必填
Z.failure("密码不能为空!");
Z("#operatorPass").focus();
return;
}
//对密码进行RSA加密
var ajax = new Z.Ajax();
ajax.setClassName("ZmrPassportPresenter");
ajax.setMethodName("login");
ajax.addParam("userAccount", operatorCode);
ajax.addParam("userPass", operatorPass);
ajax.addParam("isRemember", '');
ajax.setFailureAlert();
ajax.setSuccessLocation("account/main.htm");
ajax.execute();
}
</script>
</head>
<body>
<!-- 顶部导航 -->
<div class="z-bar-top zi-bd-none">
<div class="z-relative-left z-pd-l10 z-rem18 z-color-white">${context.getContextName()}</div>
</div>
<!-- 容器内 -->
<div class="z-container" style="margin-bottom:.5rem;">
<form action="javascript:void(0);" class="z-pd15">
<input type="text" class="z-hidden-fixed">
<input type="password" class="z-hidden-fixed">
<ul class="z-input-list">
<li><input id="operatorCode" class="z-w100p input" placeholder="账号" value="#{operatorCode}" maxlength="16" spellcheck="false" autocomplete="off"></li>
<li><input id="operatorPass" type="password" class="z-w100p input" placeholder="密码" value="#{operatorPass}" maxlength="16" spellcheck="false" autocomplete="off"></li>
</ul>
<div class="z-pd20"></div>
<button type="button" class="z-button-flex z-blue" onclick="doLogin()">登 录</button>
</form>
</div>
<div class="z-bar-bottom z-pd10 zi-pd-t15">${zmr_copyright}</div>
</body>
</html>