messages.html · 约 3042 字符
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="">👨⚕️ 医生管理</a>
17<a href="analyzes.html" class="">📊 健康分析</a>
18<a href="history.html" class="">📋 历史记录</a>
19<a href="messages.html" class="active">💬 消息中心</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 class="card">
40 <div class="appt-list">
41 <div class="appt"><div class="icon" style="background:#ffe4e6;color:#e11d48">🚨</div><div class="info"><strong>体温异常告警</strong><span>刘大海 体温 38.2℃，请尽快处理 · 10分钟前</span></div><span class="tag tag-red">紧急</span></div>
42 <div class="appt"><div class="icon" style="background:#dbeafe;color:#2563eb">📅</div><div class="info"><strong>预约提醒</strong><span>下午 14:00 骨科康复预约 · 30分钟前</span></div><span class="tag tag-blue">提醒</span></div>
43 <div class="appt"><div class="icon" style="background:#d1fae5;color:#065f46">✅</div><div class="info"><strong>检查报告已出</strong><span>杨建国 血常规报告已生成 · 1小时前</span></div><span class="tag tag-green">通知</span></div>
44 <div class="appt"><div class="icon" style="background:#fef3c7;color:#d97706">💬</div><div class="info"><strong>患者咨询</strong><span>陈小花询问用药剂量 · 2小时前</span></div><span class="tag tag-amber">待回复</span></div>
45 <div class="appt"><div class="icon" style="background:#ede9fe;color:#7c3aed">📢</div><div class="info"><strong>系统公告</strong><span>本周五下午全院培训 · 昨天</span></div><span class="tag tag-blue">公告</span></div>
46 </div>
47</div>
48
49 </div>
50</div>
51</div>
52<script src="common.js"></script>
53</body>
54</html>
55