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

pages/juanfang/scan.html

@@ -0,0 +1,45 @@
+<!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="16" data-total="19">
+  <header>
+    <nav>
+      <a class="brand" href="login.html">卷库房</a>
+      <a href="query.html">案卷查询</a><a href="results.html">检索结果</a>
+    </nav>
+  </header>
+  <!-- 文书扫描件门(M2 Shape B,gate-b.html):就地解锁、不跳转;
+       解锁后正文块必须以 x-show="unlocked" 开头(check-solvable 的边界标记)。
+       密钥凭据三元组由步骤 3/5 设计(生活痕迹,永不随机串,R3);占位符只名字段(R4)。
+       6b 按 GDD 复制为各扫描件页;此模板页本身不接入触达链。 -->
+  <main x-data="gate">
+    <div class="sheet narrow" x-show="!unlocked">
+      <h1>扫描件调阅</h1>
+      <p>本件为已归档文书扫描件,调阅需验证密钥。</p>
+      <form class="gate" @submit.prevent="submit">
+        <label for="k">密钥</label>
+        <input id="k" type="password" name="key" 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>
+    </div>
+    <div x-show="unlocked" x-cloak>
+      <article class="sheet narrow">
+        <div class="doc-head"><span class="doc-no">〔文号占位〕</span><h2>〔文书标题占位〕</h2><p class="doc-meta">〔发文单位 / 日期 / 主送 — 6b 填〕</p></div>
+        <p>〔扫描件文书正文占位,零形容词公文语域〕</p>
+        <p class="doc-seal">〔印〕</p>
+      </article>
+    </div>
+  </main>
+  <footer x-data="progress"><div class="footer-inner">
+    <span>© 2015 临川县正衡律师事务所 · 卷库房</span><span class="progress" x-text="seen.length + '/' + document.body.dataset.total">16/19</span>
+  </div></footer>
+</body>
+</html>