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

35 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="13" data-total="19">
<header>
<nav>
<a class="brand" href="login.html">卷库房</a>
<a href="query.html">案卷查询</a><a href="results.html">检索结果</a>
</nav>
</header>
<!-- 嵌套 D 查询壳(references/structure/form-system.md §4):多字段查询 = 多 data-expect-hash 门,
全部字段命中才提交到 results.html。各字段接受值(当事人/编号等)由步骤 3/5 设计、6b 填入;
输入只名其字段(R4)。表单 action 是检查器跟走的真实跳转(form-system.md §5)。 -->
<main x-data="gate" data-next="results.html" data-fail-hint="未检索到匹配案卷">
<form class="gate" action="results.html" method="get" @submit.prevent="submit">
<label for="party">当事人</label><input id="party" type="text" name="party" placeholder="当事人" data-expect-hash="<hash>">
<label for="docket">案号</label><input id="docket" type="text" name="docket" placeholder="案号" data-expect-hash="<hash>">
<label for="year">年度</label><input id="year" type="text" name="year" placeholder="立案年度" data-expect-hash="<hash>">
<p class="gate-error" x-show="error" x-text="error" x-cloak></p>
<button class="btn" type="submit">查询</button>
</form>
</main>
<footer x-data="progress"><div class="footer-inner">
<span>© 2015 临川县正衡律师事务所 · 卷库房</span><span class="progress" x-text="seen.length + '/' + document.body.dataset.total">13/19</span>
</div></footer>
</body>
</html>