HEL-120: 第1批门面——导引入口 + 两张登录页 + 首登改密
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
leefer
+29
-71
@@ -1,75 +1,33 @@
|
||||
<!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?v=2" />
|
||||
</head>
|
||||
<body class="entry-page">
|
||||
<main class="entry-shell">
|
||||
<header class="entry-topbar">
|
||||
<div class="entry-brand">
|
||||
<span class="entry-seal" aria-hidden="true">金</span>
|
||||
<span class="entry-system-name">河南金牛实业集团有限公司资金往来管理系统</span>
|
||||
</div>
|
||||
</header>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>金牛实业资金往来管理系统 · 入口</title>
|
||||
<link rel="stylesheet" href="design-system.css?v=1" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="portal-wrap">
|
||||
<div class="portal-inner">
|
||||
<p class="meta" style="letter-spacing: 0.1em;">JINNIU GROUP · INTERCOMPANY TREASURY</p>
|
||||
<h1 style="font-size: 26px; font-weight: 700; letter-spacing: -0.015em; margin-top: 10px;">河南金牛实业集团有限公司 · 资金往来管理系统</h1>
|
||||
<p class="muted" style="margin-top: 10px; max-width: 64ch;">集团内部公司间资金往来记账平台。银行流水导入后自动轧算往来余额，支持从集团汇总逐级穿透至银行原始流水。本系统包含总账管理端与公司业务端两套界面。</p>
|
||||
|
||||
<section class="entry-context" aria-labelledby="entry-heading">
|
||||
<div class="entry-statement">
|
||||
<h1 id="entry-heading">集团资金往来管理</h1>
|
||||
<p>集团内部资金往来登记、核对及台账查询入口</p>
|
||||
</div>
|
||||
<svg class="entry-figure" viewBox="0 0 520 300" aria-hidden="true" focusable="false" preserveAspectRatio="xMidYMax meet">
|
||||
<path class="fig-arc" d="M 12 292 C 150 150, 370 150, 508 292" />
|
||||
<rect class="fig-bar" x="96" y="150" width="34" height="140" rx="6" />
|
||||
<rect class="fig-bar" x="172" y="120" width="34" height="170" rx="6" />
|
||||
<rect class="fig-bar" x="248" y="178" width="34" height="112" rx="6" />
|
||||
<rect class="fig-bar" x="324" y="100" width="34" height="190" rx="6" />
|
||||
<rect class="fig-bar" x="400" y="60" width="34" height="230" rx="6" />
|
||||
<polyline class="fig-line" points="113,138 189,108 265,166 341,88 417,48" />
|
||||
</svg>
|
||||
</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>
|
||||
|
||||
<p class="entry-note" id="loginError" role="alert" hidden></p>
|
||||
|
||||
<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" required /></label>
|
||||
<label class="field"><span>密码</span><span class="password-field"><input name="password" type="password" autocomplete="current-password" required /><button type="button" class="inside-icon" id="togglePassword" aria-label="显示密码" title="显示密码"><svg><use href="icons.svg#eye"/></svg></button></span></label>
|
||||
|
||||
<div id="changePassword" hidden>
|
||||
<p class="entry-note">首次登录须修改密码，请设置新密码后再进入工作台。</p>
|
||||
<label class="field"><span>新密码</span><input name="new_password" type="password" autocomplete="new-password" /></label>
|
||||
<label class="field"><span>确认新密码</span><input name="confirm_password" type="password" autocomplete="new-password" /></label>
|
||||
</div>
|
||||
|
||||
<div class="entry-options">
|
||||
<label class="check-field"><input type="checkbox" checked />记住登录入口</label>
|
||||
<a class="entry-hint" href="#changePassword">首次登录需修改密码</a>
|
||||
</div>
|
||||
|
||||
<button class="button primary wide" type="submit">
|
||||
<span class="spinner" aria-hidden="true"></span>
|
||||
<span id="loginAction">进入总账管理端</span>
|
||||
<svg class="submit-arrow"><use href="icons.svg#chevron-right"/></svg>
|
||||
</button>
|
||||
|
||||
<p class="entry-compliance">登录即表示你已阅读并遵守集团资金往来管理规范</p>
|
||||
</form>
|
||||
</section>
|
||||
</main>
|
||||
<script src="app.js?v=2"></script>
|
||||
</body>
|
||||
<div class="portal-grid">
|
||||
<a class="portal-card" href="login-admin.html">
|
||||
<span class="pc-role">总账管理端 · 7 个页面</span>
|
||||
<h3>管理总览 / 往来查询 / 审核中心 / 流水管理 / 公司与账号 / 结账与期初 / 提醒管理</h3>
|
||||
<p>面向集团总账会计：全局监控各公司流水提交与往来余额，集中处理审核事项，执行月度结账。</p>
|
||||
<span class="pc-go">去管理端登录 →</span>
|
||||
</a>
|
||||
<a class="portal-card" href="login-company.html">
|
||||
<span class="pc-role">公司业务端 · 7 个页面</span>
|
||||
<h3>工作台 / 流水导入 / 手工记录 / 流水管理 / 往来确认 / 银行账户 / 通知</h3>
|
||||
<p>面向成员公司出纳：上传银行流水、登记手工往来、确认单边匹配与科目，跟踪本月完成进度。</p>
|
||||
<span class="pc-go">去公司端登录 →</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user