Files
wu-xia-fu-si-arg/pages/juanfang/login.html
T

36 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>卷库房 · 登录 — 临川县正衡律师事务所</title>
<link rel="stylesheet" href="../../assets/css/base.css">
<link rel="stylesheet" href="../../assets/css/secret.css">
<script defer src="../../assets/js/components.js"></script>
<script defer src="../../assets/js/vendor/alpine.min.js"></script>
</head>
<body data-page="12" data-total="19">
<header>
<nav>
<a class="brand" href="login.html">卷库房</a>
</nav>
</header>
<!-- Shape C 登录门(assets/templates/html/login-multi.html):一个登录框、多个身份,不拆两个表单(R10)。
data-grant = 走查看到的身份平列;data-grants = 运行时 账号→身份 映射。账号哈希与密码哈希由步骤 3/5 设计、
6b 填入;此处只落壳,不贴任何真实凭据(R3/R4)。账号格式可照实贴出,密码推导永不出现(R4)。 -->
<main x-data="gate" data-grant="handler,intern" data-next="query.html" data-fail-hint="账号或密码有误"
data-grants='{"<hash:account-1>":{"id":"handler","pw":["<hash:pw-1>"]},
"<hash:account-2>":{"id":"intern","pw":["<hash:pw-2>"],"reskin":"secret"}}'>
<form class="gate" @submit.prevent="submit">
<label for="u">账号</label><input id="u" type="text" name="account" placeholder="工号" data-expect-hash="<hash:account-1>,<hash:account-2>">
<label for="p">密码</label><input id="p" type="password" name="password" placeholder="密码" data-expect-hash="<hash:pw-1>,<hash:pw-2>">
<p class="gate-error" x-show="error" x-text="error" x-cloak></p>
<button type="submit">登录</button>
</form>
<p><a href="../home.html">返回所网首页</a></p>
</main>
<footer x-data="progress"><div class="footer-inner">
<span>© 2015 临川县正衡律师事务所 · 卷库房</span><span class="progress" x-text="seen.length + '/' + document.body.dataset.total">12/19</span>
</div></footer>
</body>
</html>