💻 代码预览 · 小草口腔诊所

1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>就诊记录 · 小草口腔诊所</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>我的病历</h1><span class="right">🩻</span></div>
3<div class="section-title">我的预约 <span>就诊提醒已开启</span></div>
4<div id="order-list"></div>
5<div class="section-title">历史就诊</div>
6<div id="record-list"></div>
7<div class="section-title">术后随访</div>
8<div class="follow-card">
9  <div class="fc-title">🩹 拔牙术后随访计划</div>
10  <div class="fc-items">
11    ${FOLLOW.map(f=>'<div class="fc-item'+(f.done?' done':'')+'"><b>'+(f.done?'✓':'○')+'</b>'+f.day+'</div>').join('')}
12  </div>
13  <div style="font-size:11px;opacity:.85;margin-top:8px">💡 到点自动推送康复指导问卷，异常情况医生及时介入</div>
14</div>
15<div style="height:80px"></div>
16<div class="tabbar">
17  <a href="index.html"><span class="icon">🏠</span>首页</a>
18  <a href="projects.html"><span class="icon">🦷</span>项目</a>
19  <a href="doctors.html"><span class="icon">👨‍⚕️</span>医生</a>
20  <a class="active" href="records.html"><span class="icon">📋</span>病历</a>
21  <a href="mine.html"><span class="icon">👤</span>我的</a>
22</div>
23<script src="data.js"></script><script src="app.js"></script>
24<script>
25const orders=store.orders;
26$('#order-list').innerHTML=orders.length?orders.map(o=>`
27  <div class="record-item">
28    <span class="ri-emoji">${o.emoji}</span>
29    <div class="ri-body"><div class="ri-name">${o.project} · ${o.doc}</div><div class="ri-meta">${o.date} ${o.time} · 就诊号 ${o.id}</div></div>
30    <span class="ri-status warn">待就诊</span>
31  </div>`).join(''):'<div class="empty" style="padding:20px 0">暂无预约</div>';
32$('#record-list').innerHTML=RECORDS.map(r=>`
33  <div class="record-item">
34    <span class="ri-emoji">${r.emoji}</span>
35    <div class="ri-body"><div class="ri-name">${r.name}</div><div class="ri-meta">${r.time} · ${r.doc} · 电子病历可查</div></div>
36    <span class="ri-status">${r.status}</span>
37  </div>`).join('');
38</script>
39</body></html>