106 lines
4.3 KiB
HTML
106 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>苏州肛泰中医院 · 运营管理后台</title>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
||
<link rel="stylesheet" href="./styles.css" />
|
||
</head>
|
||
<body>
|
||
<!-- 登录页 -->
|
||
<div id="loginPage" class="login-page">
|
||
<div class="login-bg-decor">
|
||
<span class="orb orb-1"></span>
|
||
<span class="orb orb-2"></span>
|
||
<span class="orb orb-3"></span>
|
||
</div>
|
||
<div class="login-card">
|
||
<div class="login-brand">
|
||
<div class="login-logo">🏥</div>
|
||
<h1 class="login-title">苏州肛泰中医院</h1>
|
||
<p class="login-subtitle">运营管理后台 · Internal Console</p>
|
||
</div>
|
||
<form id="loginForm" class="login-form" autocomplete="off">
|
||
<div class="form-field">
|
||
<label for="loginUsername">账号</label>
|
||
<input id="loginUsername" type="text" placeholder="请输入管理员账号" required />
|
||
</div>
|
||
<div class="form-field">
|
||
<label for="loginPassword">密码</label>
|
||
<input id="loginPassword" type="password" placeholder="请输入登录密码" required />
|
||
</div>
|
||
<button type="submit" class="btn btn-primary btn-block">登 录</button>
|
||
<p class="login-hint">默认账号 <code>admin</code>，首次登录后请尽快修改密码</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 主控制台 -->
|
||
<div id="appPage" class="app-page hidden">
|
||
<!-- 顶栏 -->
|
||
<header class="app-header">
|
||
<div class="app-header-left">
|
||
<div class="app-logo">🏥</div>
|
||
<div>
|
||
<div class="app-title">苏州肛泰中医院</div>
|
||
<div class="app-subtitle">运营管理后台 · v2.0</div>
|
||
</div>
|
||
</div>
|
||
<div class="app-header-right">
|
||
<a class="header-link" href="/api/v1/hospitals" target="_blank" rel="noreferrer">API 健康</a>
|
||
<div class="user-chip" id="userChip">
|
||
<span class="user-avatar">A</span>
|
||
<span class="user-name" id="userName">管理员</span>
|
||
</div>
|
||
<button class="btn btn-ghost btn-sm" id="logoutBtn">退出</button>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="app-body">
|
||
<!-- 侧栏 -->
|
||
<aside class="app-side">
|
||
<nav class="side-nav" id="sideNav">
|
||
<a class="side-link" data-route="dashboard"><span class="side-icon">📊</span><span>概览</span></a>
|
||
<a class="side-link" data-route="homeContent"><span class="side-icon">🏠</span><span>首页内容</span></a>
|
||
<a class="side-link" data-route="hospitalIntro"><span class="side-icon">🏥</span><span>医院简介</span></a>
|
||
<a class="side-link" data-route="siteConfig"><span class="side-icon">⚙️</span><span>系统设置</span></a>
|
||
<a class="side-link" data-route="appointments"><span class="side-icon">📅</span><span>预约管理</span></a>
|
||
<a class="side-link" data-route="leads"><span class="side-icon">📨</span><span>意向客户</span></a>
|
||
<a class="side-link" data-route="account"><span class="side-icon">🔐</span><span>账号设置</span></a>
|
||
</nav>
|
||
<div class="side-foot">
|
||
<div class="side-foot-line">© 2026 苏州肛泰中医院</div>
|
||
<div class="side-foot-line muted">管理后台 v2.0</div>
|
||
</div>
|
||
</aside>
|
||
|
||
<!-- 主区 -->
|
||
<main class="app-main" id="appMain">
|
||
<div class="page-loading">加载中…</div>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 通用 Toast -->
|
||
<div id="toast" class="toast"></div>
|
||
|
||
<!-- 通用 Modal 容器 -->
|
||
<div id="modal" class="modal hidden">
|
||
<div class="modal-mask" data-modal-close></div>
|
||
<div class="modal-card">
|
||
<div class="modal-header">
|
||
<h3 id="modalTitle">标题</h3>
|
||
<button class="modal-close" data-modal-close>×</button>
|
||
</div>
|
||
<div class="modal-body" id="modalBody"></div>
|
||
<div class="modal-footer" id="modalFooter"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="./app.js"></script>
|
||
</body>
|
||
</html>
|