analyzes.html · 约 4297 字符
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="active">📊 健康分析</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 class="grid grid-3" style="margin-bottom:22px">
40 <div class="card"><div class="card-title">血压分布</div><div style="height:160px;display:flex;align-items:flex-end;gap:12px"><div style="flex:1;background:var(--success);height:45%;border-radius:8px 8px 0 0"></div><div style="flex:1;background:var(--primary);height:70%;border-radius:8px 8px 0 0"></div><div style="flex:1;background:var(--warn);height:30%;border-radius:8px 8px 0 0"></div><div style="flex:1;background:var(--danger);height:15%;border-radius:8px 8px 0 0"></div></div><div style="display:flex;justify-content:space-around;margin-top:12px;font-size:12px;color:var(--text-mute)"><span>正常</span><span>偏高</span><span>轻度</span><span>重度</span></div></div>
41 <div class="card"><div class="card-title">血糖趋势 <small>近7天</small></div><div class="chart-line" style="height:160px"><svg viewBox="0 0 300 140" preserveAspectRatio="none"><polyline points="0,110 50,90 100,100 150,60 200,70 250,40 300,30" fill="none" stroke="#f59e0b" stroke-width="3"/><circle cx="150" cy="60" r="5" fill="#f59e0b"/></svg></div></div>
42 <div class="card"><div class="card-title">异常预警</div><div class="appt-list">
43 <div class="appt"><div class="icon" style="background:#ffe4e6;color:#e11d48">🌡️</div><div class="info"><strong>体温偏高</strong><span>3 位患者超过 37.3℃</span></div></div>
44 <div class="appt"><div class="icon" style="background:#fef3c7;color:#d97706">💓</div><div class="info"><strong>心率异常</strong><span>5 位患者需复查</span></div></div>
45 <div class="appt"><div class="icon" style="background:#dbeafe;color:#2563eb">🩸</div><div class="info"><strong>血压临界</strong><span>8 位患者接近上限</span></div></div>
46 </div></div>
47</div>
48<div class="card"><div class="card-title">异常指标清单</div>
49 <table class="table">
50 <thead><tr><th>患者</th><th>指标</th><th>数值</th><th>参考范围</th><th>等级</th><th>建议</th></tr></thead>
51 <tbody>
52 <tr><td>刘大海</td><td>体温</td><td>38.2℃</td><td>36.0-37.2℃</td><td><span class="tag tag-red">高热</span></td><td>建议发热门诊排查</td></tr>
53 <tr><td>陈小花</td><td>空腹血糖</td><td>7.8 mmol/L</td><td>3.9-6.1</td><td><span class="tag tag-amber">偏高</span></td><td>内分泌科随访</td></tr>
54 <tr><td>杨建国</td><td>收缩压</td><td>145 mmHg</td><td>90-139</td><td><span class="tag tag-amber">偏高</span></td><td>低盐饮食，监测血压</td></tr>
55 </tbody>
56 </table>
57</div>
58
59 </div>
60</div>
61</div>
62<script src="common.js"></script>
63</body>
64</html>
65