docs+framework: canon, system-profile, gdd, registry, 6a framework

pages/juanfang/query.html

@@ -0,0 +1,34 @@
+<!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>