init

2026-07-05 14:43:34 +08:00
commit 17a8027b20
277 changed files with 63794 additions and 0 deletions
@@ -0,0 +1,105 @@
+<!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>