departments.html · 约 3547 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>科室管理 · 健康云 SaaS 后台</title>
7<link rel="stylesheet" href="common.css">
8</head>
9<body>
10<div class="app">
11<aside class="sidebar">
12 <div class="logo"><div class="shield">🛡️</div><span>健康云</span></div>
13 <nav class="nav">
14 <a href="index.html" class="">🏠 仪表盘</a>
15<a href="departments.html" class="active">🏥 科室管理</a>
16<a href="doctors.html" class="">👨⚕️ 医生管理</a>
17<a href="analyzes.html" class="">📊 健康分析</a>
18<a href="history.html" class="">📋 历史记录</a>
19<a href="messages.html" class="">💬 消息中心<span class="badge">14</span></a>
20 </nav>
21 <div class="bottom">
22 <div class="avatar">塔</div>
23 <div><div style="font-size:13px;font-weight:700">塔兰医生</div><div style="font-size:12px;color:var(--text-mute)">高级医师</div></div>
24 </div>
25</aside>
26<div class="main">
27 <header class="header">
28 <div class="search"><input type="text" placeholder="搜索患者、科室、报告..."></div>
29 <div class="right">
30 <button class="icon-btn">🔔<span class="dot"></span></button>
31 <button class="icon-btn">⚙️</button>
32 <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#818cf8,#4f46e5);display:grid;place-items:center;color:#fff;font-size:14px">塔</div>
33 </div>
34 </header>
35 <div class="content">
36
37<h1 class="page-title">科室管理</h1>
38<p class="page-desc">管理全院 12 个科室、86 名在院医生。</p>
39<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:18px">
40 <div style="display:flex;gap:10px"><button class="btn btn-primary">+ 新增科室</button><button class="btn btn-outline">导出报表</button></div>
41 <div style="color:var(--text-mute);font-size:13px">共 12 个科室</div>
42</div>
43<div class="card">
44 <table class="table">
45 <thead><tr><th>科室名称</th><th>负责人</th><th>医生数</th><th>今日预约</th><th>状态</th><th>操作</th></tr></thead>
46 <tbody>
47 <tr><td><strong>内科</strong></td><td>张伟主任</td><td>18</td><td>42</td><td><span class="tag tag-green">正常接诊</span></td><td><a href="#" style="color:var(--primary)">编辑</a></td></tr>
48 <tr><td><strong>外科</strong></td><td>李强主任</td><td>15</td><td>38</td><td><span class="tag tag-green">正常接诊</span></td><td><a href="#" style="color:var(--primary)">编辑</a></td></tr>
49 <tr><td><strong>儿科</strong></td><td>王芳主任</td><td>12</td><td>56</td><td><span class="tag tag-amber">满负荷</span></td><td><a href="#" style="color:var(--primary)">编辑</a></td></tr>
50 <tr><td><strong>妇产科</strong></td><td>赵丽主任</td><td>10</td><td>31</td><td><span class="tag tag-green">正常接诊</span></td><td><a href="#" style="color:var(--primary)">编辑</a></td></tr>
51 <tr><td><strong>骨科</strong></td><td>孙强主任</td><td>9</td><td>24</td><td><span class="tag tag-green">正常接诊</span></td><td><a href="#" style="color:var(--primary)">编辑</a></td></tr>
52 <tr><td><strong>眼科</strong></td><td>周明主任</td><td>8</td><td>19</td><td><span class="tag tag-blue">休整中</span></td><td><a href="#" style="color:var(--primary)">编辑</a></td></tr>
53 </tbody>
54 </table>
55</div>
56
57 </div>
58</div>
59</div>
60<script src="common.js"></script>
61</body>
62</html>
63