doctors.html · 约 4146 字符
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="">🏥 科室管理</a>
16<a href="doctors.html" class="active">👨⚕️ 医生管理</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">查看医生排班、接诊量与患者评价。</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="display:flex;gap:8px"><span class="tag tag-green">在岗 72</span><span class="tag tag-amber">休息 10</span><span class="tag tag-blue">休假 4</span></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><th>操作</th></tr></thead>
46 <tbody>
47 <tr><td><div style="display:flex;align-items:center;gap:10px"><div style="width:32px;height:32px;border-radius:50%;background:var(--primary-light);display:grid;place-items:center;color:var(--primary);font-weight:700">张</div><strong>张晓明</strong></div></td><td>内科</td><td>主任医师</td><td>24</td><td>⭐ 4.9</td><td><span class="tag tag-green">在岗</span></td><td><a href="#" style="color:var(--primary)">详情</a></td></tr>
48 <tr><td><div style="display:flex;align-items:center;gap:10px"><div style="width:32px;height:32px;border-radius:50%;background:#dbeafe;display:grid;place-items:center;color:#2563eb;font-weight:700">李</div><strong>李婷婷</strong></div></td><td>儿科</td><td>副主任医师</td><td>31</td><td>⭐ 4.8</td><td><span class="tag tag-green">在岗</span></td><td><a href="#" style="color:var(--primary)">详情</a></td></tr>
49 <tr><td><div style="display:flex;align-items:center;gap:10px"><div style="width:32px;height:32px;border-radius:50%;background:#fef3c7;display:grid;place-items:center;color:#d97706;font-weight:700">王</div><strong>王建国</strong></div></td><td>外科</td><td>主治医师</td><td>18</td><td>⭐ 4.7</td><td><span class="tag tag-amber">休息</span></td><td><a href="#" style="color:var(--primary)">详情</a></td></tr>
50 <tr><td><div style="display:flex;align-items:center;gap:10px"><div style="width:32px;height:32px;border-radius:50%;background:#ffe4e6;display:grid;place-items:center;color:#e11d48;font-weight:700">赵</div><strong>赵雅琴</strong></div></td><td>妇产科</td><td>主任医师</td><td>22</td><td>⭐ 5.0</td><td><span class="tag tag-green">在岗</span></td><td><a href="#" style="color:var(--primary)">详情</a></td></tr>
51 </tbody>
52 </table>
53</div>
54
55 </div>
56</div>
57</div>
58<script src="common.js"></script>
59</body>
60</html>
61