r42/call.html · 约 2639 字符
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">心血管内科门诊 · 3 诊室</div>
15</div>
16<div class="sched" style="margin-top:12px">
17 <div style="display:flex;justify-content:space-between;align-items:center"><div><div style="font-size:13px;color:var(--muted)">当前就诊</div><div style="font-size:22px;font-weight:800;color:var(--primary)">A012 · 张三</div></div><div style="text-align:right"><div style="font-size:13px;color:var(--muted)">等待</div><div style="font-size:22px;font-weight:800">A018</div></div></div>
18 <div style="display:flex;gap:10px;margin-top:12px"><button class="btn" style="flex:1">✓ 叫号（下一位）</button><button class="btn ghost" style="flex:1">过号重排</button></div>
19</div>
20<div class="section-title"><span>候诊队列</span><span class="more">共 14 人</span></div>
21<div class="list queue">
22 <div class="row now"><div class="pos">12</div><div class="avatar" style="background:linear-gradient(135deg,#0ea5a4,#0f766e)">🧑</div><div class="info"><div class="t">张三</div><div class="s">A012 · 就诊中</div></div><span class="tag ok">就诊</span></div>
23 <div class="row"><div class="pos">13</div><div class="avatar" style="background:linear-gradient(135deg,#2563eb,#1e3a8a)">🧑</div><div class="info"><div class="t">刘女士</div><div class="s">A013 · 候诊</div></div><span class="tag wait">候诊</span></div>
24 <div class="row"><div class="pos">14</div><div class="avatar" style="background:linear-gradient(135deg,#7c3aed,#5b21b6)">🧑</div><div class="info"><div class="t">陈先生</div><div class="s">A014 · 候诊</div></div><span class="tag wait">候诊</span></div>
25 <div class="row done"><div class="pos">✓</div><div class="avatar" style="background:linear-gradient(135deg,#10b981,#047857)">🧑</div><div class="info"><div class="t">周同学</div><div class="s">A011 · 已完成</div></div><span class="tag gray">完成</span></div>
26</div>
27<div class="bottom-nav"><a class="nav-item" href="rota.html"><span class="icon">🗓️</span>排班</a><a class="nav-item active" href="call.html"><span class="icon">📢</span>叫号</a></div><div class="safe-bottom"></div>
28</div>
29
30</body>
31</html>