r42/mine.html · 约 2683 字符
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="seg" style="margin-top:6px"><div class="sg on">待就诊 1</div><div class="sg">已完成 1</div><div class="sg">已取消 1</div></div>
17<div class="list" style="margin-top:12px">
18 <div class="row"><div class="avatar" style="background:linear-gradient(135deg,#0ea5a4,#0f766e)">🫀</div><div class="info"><div class="t">心血管内科 · 李医生</div><div class="s">07-16 09:00 · 3 诊室 · 排队号 A012</div></div><span class="tag wait">待就诊</span></div>
19 <div class="row"><div class="avatar" style="background:linear-gradient(135deg,#2563eb,#1e3a8a)">🧠</div><div class="info"><div class="t">神经内科 · 王医生</div><div class="s">07-10 10:30 · 已就诊</div></div><span class="tag ok">已完成</span></div>
20 <div class="row"><div class="avatar" style="background:linear-gradient(135deg,#10b981,#047857)">🦴</div><div class="info"><div class="t">骨科 · 赵医生</div><div class="s">07-08 14:00 · 用户已取消</div></div><span class="tag gray">已取消</span></div>
21</div>
22<div class="section-title"><span>待就诊详情</span></div>
23<div class="card" style="padding:14px 16px">
24 <div class="row" style="border:none;padding:0"><div class="info"><div class="t">心血管内科 · 李医生</div><div class="s">07-16（今天）09:00 · 门诊 3 楼 3 诊室</div></div></div>
25 <div class="stat-line" style="border-top:1px solid var(--line)"><span>排队号</span><b style="color:var(--accent)">A012</b></div>
26 <div class="stat-line"><span>预计到诊</span><b>08:45 前</b></div>
27 <div class="stat-line"><span>挂号费</span><b>¥0.00</b></div>
28 <div style="display:flex;gap:10px;padding:12px 0 0">
29 <a class="btn danger" href="mine.html" style="flex:1">取消预约</a>
30 <a class="btn" href="review.html" style="flex:1">去评价</a>
31 </div>
32</div>
33<div class="bottom-nav"><a class="nav-item" href="index.html"><span class="icon">🏥</span>首页</a><a class="nav-item" href="book.html"><span class="icon">📅</span>预约</a><a class="nav-item active" href="mine.html"><span class="icon">👤</span>我的</a></div><div class="safe-bottom"></div>
34</div>
35
36</body>
37</html>