81 lines
4.2 KiB
HTML
81 lines
4.2 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="design-system.css?v=5" />
|
|
</head>
|
|
<body data-role="admin">
|
|
<div class="login-wrap">
|
|
<aside class="login-aside">
|
|
<span class="brand-mark">JINNIU GROUP · TREASURY</span>
|
|
<h1>河南金牛实业集团有限公司<br />资金往来管理系统</h1>
|
|
<p class="aside-sub">集团内部各公司之间资金往来的统一记账平台。导入银行流水后自动轧算公司间往来余额，从集团汇总可层层下钻至银行原始流水。</p>
|
|
<div class="aside-list">
|
|
<div class="aside-item"><span class="tick">01</span><span>银行流水自动归集，公司间往来余额实时轧算</span></div>
|
|
<div class="aside-item"><span class="tick">02</span><span>单边匹配、流水断档、科目确认集中审核</span></div>
|
|
<div class="aside-item"><span class="tick">03</span><span>月度结账检查：流水提交、账户连续、审核完成</span></div>
|
|
<div class="aside-item"><span class="tick">04</span><span>汇总 → 公司 → 账户 → 原始流水，四级穿透追溯</span></div>
|
|
</div>
|
|
</aside>
|
|
|
|
<main class="login-panel">
|
|
<div class="login-card">
|
|
<a class="login-back" href="index.html">← 返回入口页</a>
|
|
<div class="login-role-title admin">管理端</div>
|
|
<p class="login-role-caption">管理员统一监控集团各公司资金往来，执行月度结账。</p>
|
|
<h2>登录系统</h2>
|
|
<p class="login-sub">请输入账号密码登录管理端。首次登录需修改初始密码。</p>
|
|
|
|
<form id="login-form" novalidate>
|
|
<div class="field">
|
|
<label for="account">账号</label>
|
|
<input class="input" id="account" placeholder="请输入账号" autocomplete="username" />
|
|
<span class="hint error" id="account-err" hidden>请输入账号</span>
|
|
</div>
|
|
<div class="field">
|
|
<label for="password">密码</label>
|
|
<input class="input" id="password" type="password" placeholder="请输入密码" autocomplete="current-password" />
|
|
<span class="hint error" id="password-err" hidden>请输入密码</span>
|
|
</div>
|
|
<div class="field">
|
|
<span class="hint error" id="login-err" role="alert" hidden></span>
|
|
</div>
|
|
<button class="btn btn-primary" type="submit" style="width: 100%; margin-top: 6px;">登 录</button>
|
|
</form>
|
|
|
|
<p class="login-foot">忘记密码请联系管理员重置 · <a href="index.html">返回入口页</a></p>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<div class="modal-backdrop" id="pwd-modal">
|
|
<div class="modal" role="dialog" aria-modal="true" aria-labelledby="pwd-title">
|
|
<div class="modal-head">
|
|
<span class="modal-title" id="pwd-title">首次登录 · 修改初始密码</span>
|
|
</div>
|
|
<p class="modal-sub">为保障资金安全，首次登录必须修改初始密码。新密码需 8 位以上，且包含字母与数字。</p>
|
|
<div class="field" style="margin-bottom: 12px;">
|
|
<label for="new-pwd">新密码</label>
|
|
<input class="input" id="new-pwd" type="password" placeholder="8 位以上，含字母与数字" autocomplete="new-password" />
|
|
<span class="hint error" id="new-pwd-err" hidden>密码需 8 位以上，且包含字母与数字</span>
|
|
</div>
|
|
<div class="field">
|
|
<label for="new-pwd2">确认新密码</label>
|
|
<input class="input" id="new-pwd2" type="password" placeholder="再次输入新密码" autocomplete="new-password" />
|
|
<span class="hint error" id="new-pwd2-err" hidden>两次输入的密码不一致</span>
|
|
</div>
|
|
<div class="field" style="margin-top: 12px;">
|
|
<span class="hint error" id="pwd-err" role="alert" hidden></span>
|
|
</div>
|
|
<div class="modal-actions">
|
|
<button class="btn btn-primary" id="pwd-confirm">确认修改并进入系统</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="login.js?v=5"></script>
|
|
</body>
|
|
</html>
|