r42/stats.html · 约 3729 字符
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, maximum-scale=1.0, user-scalable=no">
6<title>挂号统计</title>
7<link rel="stylesheet" href="style.css">
8</head>
9<body>
10<div class="wrap">
11<div class="header">
12 <div class="top"><span class="role">管理员端</span><span style="margin-left:auto;font-size:12px;opacity:.85">驰旭医院</span></div>
13 <h1>挂号统计</h1>
14 <div class="sub">今日挂号 1,286 人次</div>
15</div>
16<div class="kpi" style="margin-top:12px">
17 <div class="box"><div class="num">1286</div><div class="lab">今日挂号</div></div>
18 <div class="box"><div class="num" style="color:var(--accent)">94%</div><div class="lab">按时就诊率</div></div>
19 <div class="box"><div class="num" style="color:var(--secondary)">112</div><div class="lab">今日取消</div></div>
20 <div class="box"><div class="num" style="color:var(--primary)">8.2<span style="font-size:12px">分</span></div><div class="lab">满意度</div></div>
21</div>
22<div class="section-title"><span>科室挂号占比</span></div>
23<div class="table">
24 <table>
25 <tr><th>科室</th><th>挂号量</th><th>占比</th><th>取消</th></tr>
26 <tr><td>心血管内科</td><td>286</td><td>22%</td><td>24</td></tr>
27 <tr><td>神经内科</td><td>242</td><td>19%</td><td>18</td></tr>
28 <tr><td>儿科</td><td>318</td><td>25%</td><td>30</td></tr>
29 <tr><td>骨科</td><td>210</td><td>16%</td><td>20</td></tr>
30 <tr><td>其他</td><td>230</td><td>18%</td><td>20</td></tr>
31 </table>
32</div>
33<div class="section-title"><span>近 7 日趋势</span></div>
34<div class="card" style="padding:16px">
35 <div style="display:flex;align-items:flex-end;gap:8px;height:120px;padding:0 4px">
36 <div style="flex:1;text-align:center"><div style="height:60%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-10</div></div>
37 <div style="flex:1;text-align:center"><div style="height:72%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-11</div></div>
38 <div style="flex:1;text-align:center"><div style="height:50%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-12</div></div>
39 <div style="flex:1;text-align:center"><div style="height:88%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-13</div></div>
40 <div style="flex:1;text-align:center"><div style="height:66%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-14</div></div>
41 <div style="flex:1;text-align:center"><div style="height:80%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-15</div></div>
42 <div style="flex:1;text-align:center"><div style="height:94%;background:linear-gradient(135deg,#0ea5a4,#0f766e);border-radius:6px 6px 0 0"></div><div style="font-size:10px;color:var(--muted);margin-top:4px">07-16</div></div>
43 </div>
44</div>
45<button class="btn full">导出统计报表</button>
46<div class="bottom-nav"><a class="nav-item" href="dept.html"><span class="icon">🏷️</span>科室</a><a class="nav-item active" href="stats.html"><span class="icon">📊</span>统计</a></div><div class="safe-bottom"></div>
47</div>
48
49</body>
50</html>