Initial commit: intercompany ledger app

2026-08-06 23:46:04 +08:00
commit b3043f9430
60 changed files with 4280 additions and 0 deletions
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="集团内部银行流水与往来账务管理" />
+    <title>登录 · 往来台账</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body class="entry-page">
+    <!--
+      THESIS: 登录页只完成身份确认，并明确区分总账管理端与公司业务端。
+      OWN-WORLD: 深黑身份场景、石墨玻璃表单和荧光绿当前状态，延续双端工作台的材料语言。
+      STORY: 用户确认工作身份后进入拥有独立导航、功能侧重和数据边界的对应端口。
+      FIRST VIEWPORT: 左侧用大标题和三个系统事实建立产品身份，右侧玻璃表单首先选择角色再登录。
+      FORM: 用户参考图锁定的深色玻璃财务工作台，Operate 模式；seed key fe8a50aa。
+      FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md
+    -->
+    <main class="entry-shell">
+      <section class="entry-context" aria-labelledby="product-name">
+        <div class="entry-brand"><span class="brand-mark">往</span><span><strong id="product-name">往来台账</strong><small>集团资金往来管理系统</small></span></div>
+        <div class="entry-statement">
+          <h1>一笔往来，追溯到双方银行凭证。</h1>
+          <p>当前演示环境 · 数据均为模拟</p>
+        </div>
+        <dl class="entry-facts">
+          <div><dt>全局起算日</dt><dd>2026.01.01</dd></div>
+          <div><dt>当前账期</dt><dd>2026 年 7 月</dd></div>
+          <div><dt>银行模板</dt><dd>已支持 6 家</dd></div>
+        </dl>
+      </section>
+      <section class="entry-form-wrap" aria-labelledby="login-title">
+        <form class="entry-form" id="loginForm">
+          <header><h2 id="login-title">登录往来台账</h2><p>请选择与账号一致的工作端口</p></header>
+          <div class="role-switch" role="radiogroup" aria-label="工作端口">
+            <label><input type="radio" name="role" value="admin" checked /><span><svg><use href="icons.svg#shield-check"/></svg><b>总账管理端</b><small>集团管理员</small></span></label>
+            <label><input type="radio" name="role" value="company" /><span><svg><use href="icons.svg#building"/></svg><b>公司业务端</b><small>公司出纳</small></span></label>
+          </div>
+          <label class="field"><span>账号</span><input name="username" autocomplete="username" value="group-admin" required /></label>
+          <label class="field"><span>密码</span><span class="password-field"><input name="password" type="password" autocomplete="current-password" value="demo123456" required /><button type="button" class="inside-icon" id="togglePassword" aria-label="显示密码" title="显示密码"><svg><use href="icons.svg#eye"/></svg></button></span></label>
+          <label class="check-field"><input type="checkbox" checked />记住本次登录</label>
+          <button class="button primary wide" type="submit"><span id="loginAction">进入总账管理端</span><svg><use href="icons.svg#chevron-right"/></svg></button>
+          <p class="entry-note">演示账号不会验证密码，正式系统将由服务端校验账号与公司绑定关系。</p>
+        </form>
+      </section>
+    </main>
+    <script src="app.js"></script>
+  </body>
+</html>